/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.humane,
.humane-jackedup {
  position: fixed;
  transition: all 0.6s ease-in-out;
  z-index: 100000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.humane,
.humane-jackedup {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  top: 0px;
  opacity: 0;
  min-width: 60%;
  color: rgba(255, 255, 255, 0.9);
  padding: 10px 15px;
  text-align: center;
  left: 20px;
  right: 20px;
  background-color: #24A266;
  border-radius: 0 0 3px 3px;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
}
.humane a,
.humane-jackedup a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: border-bottom 150ms ease;
}
.humane a:hover,
.humane-jackedup a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.humane p,
.humane-jackedup p,
.humane ul,
.humane-jackedup ul {
  margin: 0;
  padding: 0;
}
.humane ul,
.humane-jackedup ul {
  list-style: none;
}
.humane.humane-jackedup-info,
.humane-jackedup.humane-jackedup-info {
  background-color: #2B3239;
  color: rgba(255, 255, 255, 0.9);
}
.humane.humane-jackedup-success,
.humane-jackedup.humane-jackedup-success {
  background-color: #24A266;
  color: rgba(255, 255, 255, 0.9);
}
.humane.humane-jackedup-error,
.humane-jackedup.humane-jackedup-error {
  background-color: #EA3539;
  color: rgba(255, 255, 255, 0.9);
}
.humane.humane-jackedup-public,
.humane-jackedup.humane-jackedup-public {
  background-color: #7161C2;
  color: rgba(255, 255, 255, 0.9);
}
.humane-animate,
.humane-jackedup.humane-jackedup-animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.humane-animate:hover,
.humane-jackedup.humane-jackedup-animate:hover {
  opacity: 1.0;
}
.humane-js-animate,
.humane-jackedup.humane-jackedup-js-animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.humane-js-animate:hover,
.humane-jackedup.humane-jackedup-js-animate:hover {
  opacity: 1.0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
@media screen and (min-width: 768px) {
  .humane,
  .humane-jackedup {
    left: 20%;
    right: auto;
  }
}
.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  background: white;
  color: black;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  z-index: 11110 !important;
}
.atwho-view .cur {
  background: #3366FF;
  color: white;
}
.atwho-view .cur small {
  color: white;
}
.atwho-view strong {
  color: #3366FF;
}
.atwho-view .cur strong {
  color: white;
  font: bold;
}
.atwho-view ul {
  /* width: 100px; */
  list-style: none;
  padding: 0;
  margin: auto;
}
.atwho-view ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  /* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
  font-size: smaller;
  color: #777;
  font-weight: normal;
}
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  width: 100%;
  height: 100%;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
}
.cropper-modal,
.cropper-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-canvas {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.cropper-modal {
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}
.cropper-viewer {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #69f;
  outline-color: rgba(51, 102, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #fff;
  opacity: .5;
  filter: alpha(opacity=50);
}
.cropper-dashed.dashed-h {
  top: 33.3%;
  left: 0;
  width: 100%;
  height: 33.3%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}
.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}
.cropper-line {
  background-color: #69f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  opacity: .75;
  filter: alpha(opacity=75);
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100);
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}
/* Helper classes for JavaScript */
.cropper-hidden {
  display: none !important;
}
.cropper-invisible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  opacity: 0;
  filter: alpha(opacity=0);
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3 {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre {
  position: static;
}
.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}
/*
  Dashboard specific CodeMirror styles
*/
.CodeMirror {
  border: 1px solid #DADADA;
  margin-bottom: 10px;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #F0F1F3;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 17px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 12.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 3px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip {
  transition: opacity 100ms ease;
  z-index: 100000;
}
.tooltip-inner {
  padding: 8px 10px;
  color: #f7f7f7;
  background-color: #2B3239;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #2B3239;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #2B3239;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #2B3239;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #2B3239;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #2B3239;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #2B3239;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #2B3239;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #2B3239;
}
.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: translate(0, -35%);
  transform: translate(0, -35%);
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.3s ease-in-out, transform 0.35s ease-out;
  transition: opacity 0.3s ease-in-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.modal.in .modal-dialog {
  opacity: 1.0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 7px rgba(0, 0, 0, 0.1);
}
.modal-backdrop {
  position: fixed;
  bottom: 0;
  transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
  .modal-content {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .modal-dialog {
    width: 600px;
    margin: 120px auto;
  }
}
.tooltip-icon,
.tooltip-link {
  cursor: pointer;
  color: #5c8bb8;
}
table {
  font-size: 14px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
#mixpanel-notification-overlay {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-mainbox {
  margin-top: 191px;
  background-color: #FDFDFD !important;
  position: relative;
  box-shadow: 0 2px 10px rgba(43, 50, 57, 0.18), 0 0 0 1px rgba(43, 50, 57, 0.13);
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-mainbox::before {
  position: absolute;
  content: '';
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 5px;
  background-color: #555B60;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-mini-border {
  display: none;
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-body {
  color: #2B3239;
  font-size: 15px;
  letter-spacing: 0px;
  margin: 0;
  max-width: 305px;
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-mini-icon {
  background: none;
  background-color: transparent !important;
  margin-left: 10px;
  margin-right: 2px;
}
.mixpanel-notification-mini #mixpanel-notification-mini #mixpanel-notification-mini-icon-img {
  top: 18px;
}
.mixpanel-notification-takeover #mixpanel-notification-takeover.mixpanel-notification-visible {
  top: 70px;
}
.mixpanel-notification-takeover #mixpanel-notification-mainbox {
  background-color: #f5f5f7;
  padding-bottom: 1px;
}
.mixpanel-notification-takeover #mixpanel-notification-tagline {
  display: none;
}
.mixpanel-notification-takeover #mixpanel-notification-takeover {
  top: 125px;
  width: 550px;
  margin-left: -275px;
}
.mixpanel-notification-takeover #mixpanel-notification-cancel {
  position: relative;
  display: block;
  background-color: #fde;
  width: auto;
  height: 25px;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  margin: 12px 0 0 0;
  cursor: auto;
  background-color: #fff;
  border-bottom: 1px solid #d9d9e0;
}
.mixpanel-notification-takeover #mixpanel-notification-cancel-icon {
  position: absolute;
  right: 14px;
  top: 35%;
  width: 11px;
  height: 11px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0.5;
  transition: opacity 0.1s ease;
}
.mixpanel-notification-takeover #mixpanel-notification-cancel-icon:hover {
  opacity: 1;
}
.mixpanel-notification-takeover #mixpanel-notification-cancel-icon::before {
  visibility: visible;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard@2x.9b1187e1a8.png);
  background-size: 520px;
  background-position: -120px -40px;
  width: 11px;
  height: 11px;
}
.mixpanel-notification-takeover #mixpanel-notification-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 20px 10px 20px;
}
.mixpanel-notification-takeover #mixpanel-notification-body {
  color: #4e5b68;
}
.mixpanel-notification-takeover #mixpanel-notification-title {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.mixpanel-notification-takeover #mixpanel-notification-img {
  margin-top: 0;
  margin-bottom: 10px;
  width: 100%;
}
.mixpanel-notification-takeover #mixpanel-notification-thumbnail {
  width: 80px;
  height: 80px;
  top: 0;
  left: 42%;
  border: 6px solid white;
}
.mixpanel-notification-takeover #mixpanel-notification-thumbborder {
  display: none;
}
.mixpanel-notification-takeover #mixpanel-notification-thumbborder-wrapper {
  display: none;
}
.mixpanel-notification-takeover #mixpanel-notification-button {
  background-color: #458CCF;
  transition: all 0.2s ease;
  margin: 0 0 13px 0;
  border-radius: 4px;
  display: inline-block;
  padding: 8px 40px;
  line-height: 21px;
  height: auto;
}
.mixpanel-notification-takeover #mixpanel-notification-button:hover {
  background-color: #3984cc;
}
.mixpanel-notification-takeover #mixpanel-notification-button:hover #mixpanel-notification-button-link {
  color: white;
}
.mixpanel-notification-takeover #mixpanel-notification-button-link {
  color: #f2f2f2;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}
.mixpanel-notification-takeover #mixpanel-notification-button-close {
  display: none;
}
@-webkit-keyframes wf-bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  0.5% {
    opacity: 0;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }
  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
  75% {
    -webkit-transform: scale(0.997);
    transform: scale(0.997);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  0.5% {
    opacity: 0;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }
  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
  75% {
    -webkit-transform: scale(0.997);
    transform: scale(0.997);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes wf-move-progress {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes wf-move-progress {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes wf-blink {
  0%,
  100% {
    background: #808080;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    box-shadow: -8px 0 #808080;
  }
}
@keyframes wf-blink {
  0%,
  100% {
    background: #808080;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    box-shadow: -8px 0 #808080;
  }
}
@-webkit-keyframes wf-blink-in {
  40% {
    opacity: 1;
  }
}
@keyframes wf-blink-in {
  40% {
    opacity: 1;
  }
}
@-webkit-keyframes wf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wf-move-right {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes wf-move-right {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes wf-animate-right-arrow {
  0% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 0;
  }
}
@keyframes wf-animate-right-arrow {
  0% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 0;
  }
}
@-webkit-keyframes wf-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3.3);
    transform: scale(3.3);
    opacity: 0;
  }
}
@keyframes wf-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3.3);
    transform: scale(3.3);
    opacity: 0;
  }
}
@-webkit-keyframes wf-pulse-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes wf-pulse-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes wf-exclaim-front-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-exclaim-front-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes wf-exclaim-back-icon {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-exclaim-back-icon {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.no-animation {
  transition: all 0s ease !important;
}
.no-animation * {
  transition: all 0s ease !important;
}
.icon {
  display: inline-block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.icon.login-logo {
  background-position: 0px 0px;
  width: 120px;
  height: 31px;
}
.icon.logo {
  background-position: -120px 0px;
  width: 91px;
  height: 23px;
}
.icon.logo-w {
  background-position: -220px 0px;
  width: 26px;
  height: 19px;
}
.icon.notifications {
  background-position: -260px 0px;
  width: 22px;
  height: 23px;
}
.icon.add-public-site {
  background-position: -300px 0px;
  width: 28px;
  height: 20px;
}
.icon.add-public-site-small {
  background-position: -340px 0px;
  width: 20px;
  height: 14px;
}
.icon.facebook-white {
  background-position: -360px 0px;
  width: 15px;
  height: 15px;
}
.icon.twitter-white {
  background-position: -380px 0px;
  width: 17px;
  height: 15px;
}
.icon.breadcrumb-slash {
  background-position: -400px 0px;
  width: 12px;
  height: 33px;
}
.icon.breadcrumb-sites {
  background-position: -420px 0px;
  width: 18px;
  height: 18px;
}
.icon.breadcrumb-designers {
  background-position: -440px 0px;
  width: 16px;
  height: 19px;
}
.icon.breadcrumb-discover {
  background-position: -460px 0px;
  width: 21px;
  height: 21px;
}
.icon.breadcrumb-org {
  background-position: -500px 0px;
  width: 18px;
  height: 18px;
}
.icon.arrow-down {
  background-position: 0px -40px;
  width: 9px;
  height: 6px;
}
.icon.arrow-down-orange {
  background-position: 0px -50px;
  width: 9px;
  height: 6px;
}
.icon.arrow-down-white {
  background-position: -20px -40px;
  width: 9px;
  height: 6px;
}
.icon.arrow-up-orange {
  background-position: -20px -50px;
  width: 9px;
  height: 6px;
}
.icon.arrow-right-big-white {
  background-position: -40px -40px;
  width: 6px;
  height: 11px;
}
.icon.arrow-left-big-white {
  background-position: -50px -40px;
  width: 6px;
  height: 11px;
}
.icon.dropdown-arrow {
  background-position: -60px -40px;
  width: 7px;
  height: 5px;
}
.icon.sort-arrow-down {
  background-position: -80px -40px;
  width: 7px;
  height: 4px;
}
.icon.sort-arrow-up {
  background-position: -100px -40px;
  width: 7px;
  height: 4px;
}
.icon.close-x {
  background-position: -120px -40px;
  width: 11px;
  height: 11px;
}
.icon.close-x-small {
  background-position: -140px -40px;
  width: 9px;
  height: 9px;
}
.icon.close-x-small-white {
  background-position: -150px -40px;
  width: 9px;
  height: 9px;
}
.icon.show-more {
  background-position: -160px -40px;
  width: 18px;
  height: 4px;
}
.icon.indent {
  background-position: -180px -40px;
  width: 8px;
  height: 8px;
}
.icon.help-tip {
  background-position: -200px -40px;
  width: 16px;
  height: 16px;
}
.icon.help-tip-hollow {
  background-position: -220px -40px;
  width: 16px;
  height: 16px;
}
.icon.add-white {
  background-position: -240px -40px;
  width: 10px;
  height: 10px;
}
.icon.add-black {
  background-position: -260px -40px;
  width: 10px;
  height: 10px;
}
.icon.check-white {
  background-position: -280px -40px;
  width: 12px;
  height: 10px;
}
.icon.check-blue {
  background-position: -300px -40px;
  width: 12px;
  height: 10px;
}
.icon.check-green {
  background-position: -320px -40px;
  width: 12px;
  height: 10px;
}
.icon.remove-white {
  background-position: -340px -40px;
  width: 12px;
  height: 10px;
}
.icon.remove-pink {
  background-position: -360px -40px;
  width: 12px;
  height: 10px;
}
.icon.switch-handle {
  background-position: -480px -40px;
  width: 12px;
  height: 12px;
}
.icon.user-white {
  background-position: -500px -40px;
  width: 13px;
  height: 14px;
}
.icon.user {
  background-position: 0px -60px;
  width: 14px;
  height: 15px;
}
.icon.org {
  background-position: -20px -60px;
  width: 16px;
  height: 15px;
}
.icon.org-add {
  background-position: -40px -60px;
  width: 23px;
  height: 18px;
}
.icon.org-medium {
  background-position: -80px -60px;
  width: 16px;
  height: 13px;
}
.icon.org-small {
  background-position: -100px -60px;
  width: 11px;
  height: 9px;
}
.icon.publish {
  background-position: -120px -60px;
  width: 13px;
  height: 14px;
}
.icon.publish-green {
  background-position: -140px -60px;
  width: 13px;
  height: 14px;
}
.icon.publish-white {
  background-position: -160px -60px;
  width: 13px;
  height: 14px;
}
.icon.private {
  background-position: -180px -60px;
  width: 12px;
  height: 14px;
}
.icon.public {
  background-position: -200px -60px;
  width: 14px;
  height: 10px;
  margin-top: 3px;
}
.icon.design {
  background-position: -220px -60px;
  width: 17px;
  height: 13px;
}
.icon.settings {
  background-position: -240px -60px;
  width: 14px;
  height: 15px;
}
.icon.transfer {
  background-position: -260px -60px;
  width: 24px;
  height: 15px;
  margin-top: 1px;
}
.icon.duplicate {
  background-position: -300px -60px;
  width: 16px;
  height: 14px;
  margin-top: 2px;
}
.icon.delete {
  background-position: -320px -60px;
  width: 14px;
  height: 17px;
}
.icon.delete-medium {
  background-position: -340px -60px;
  width: 13px;
  height: 15px;
}
.icon.unpublish {
  background-position: -360px -60px;
  width: 18px;
  height: 16px;
  margin-top: 1px;
  margin-left: -2px;
}
.icon.edit {
  background-position: -380px -60px;
  width: 12px;
  height: 12px;
}
.icon.validation-wait {
  background-position: -400px -60px;
  width: 13px;
  height: 4px;
}
.icon.validation-unavailable {
  background-position: -420px -60px;
  width: 9px;
  height: 9px;
}
.icon.validation-success {
  background-position: -440px -60px;
  width: 9px;
  height: 9px;
}
.icon.site-share {
  background-position: -460px -60px;
  width: 17px;
  height: 14px;
}
.icon.site-share-small {
  background-position: -480px -60px;
  width: 14px;
  height: 12px;
}
.icon.updates {
  background-position: -500px -60px;
  width: 14px;
  height: 14px;
}
.icon.upload {
  background-position: 0px -80px;
  width: 18px;
  height: 13px;
}
.icon.replace {
  background-position: -20px -80px;
  width: 14px;
  height: 14px;
}
.icon.upgrade-white {
  background-position: -40px -80px;
  width: 15px;
  height: 14px;
}
.icon.upgrade {
  background-position: -60px -80px;
  width: 15px;
  height: 14px;
}
.icon.logout {
  background-position: -80px -80px;
  width: 15px;
  height: 14px;
}
.icon.hover-settings {
  background-position: -100px -80px;
  width: 12px;
  height: 12px;
}
.icon.hover-duplicate {
  background-position: -120px -80px;
  width: 12px;
  height: 11px;
}
.icon.hover-delete {
  background-position: -140px -80px;
  width: 10px;
  height: 12px;
  margin-left: 2px;
}
.icon.domain-webflow {
  background-position: -160px -80px;
  width: 18px;
  height: 12px;
}
.icon.domain-custom {
  background-position: -180px -80px;
  width: 16px;
  height: 16px;
}
.icon.domain-home {
  background-position: -200px -80px;
  width: 14px;
  height: 13px;
}
.icon.domain-check {
  background-position: -220px -80px;
  width: 15px;
  height: 11px;
}
.icon.font {
  background-position: -240px -80px;
  width: 14px;
  height: 13px;
}
.icon.language {
  background-position: -260px -80px;
  width: 14px;
  height: 14px;
}
.icon.size {
  background-position: -280px -80px;
  width: 14px;
  height: 14px;
}
.icon.preview {
  background-position: -300px -80px;
  width: 15px;
  height: 11px;
}
.icon.restore {
  background-position: -320px -80px;
  width: 14px;
  height: 14px;
}
.icon.file {
  background-position: -340px -80px;
  width: 11px;
  height: 16px;
}
.icon.typekit {
  background-position: -360px -80px;
  width: 12px;
  height: 12px;
}
.icon.download {
  background-position: -380px -80px;
  width: 14px;
  height: 15px;
}
.icon.summary-pages {
  background-position: -400px -80px;
  width: 8px;
  height: 10px;
}
.icon.summary-styles {
  background-position: -420px -80px;
  width: 13px;
  height: 11px;
}
.icon.summary-nodes {
  background-position: -440px -80px;
  width: 15px;
  height: 10px;
}
.icon.summary-symbols {
  background-position: -460px -80px;
  width: 10px;
  height: 12px;
}
.icon.secure {
  background-position: -480px -80px;
  width: 8px;
  height: 10px;
}
.icon.discount {
  background-position: -500px -80px;
  width: 16px;
  height: 16px;
}
.icon.like {
  background-position: 0px -100px;
  width: 15px;
  height: 13px;
}
.icon.liked {
  background-position: -20px -100px;
  width: 15px;
  height: 13px;
}
.icon.clone {
  background-position: -40px -100px;
  width: 15px;
  height: 13px;
}
.icon.cloned {
  background-position: -60px -100px;
  width: 15px;
  height: 13px;
}
.icon.comments-big {
  background-position: -80px -100px;
  width: 17px;
  height: 16px;
}
.icon.comments {
  background-position: -100px -100px;
  width: 13px;
  height: 12px;
}
.icon.views {
  background-position: -120px -100px;
  width: 16px;
  height: 11px;
  margin-top: 1px;
}
.icon.location-big {
  background-position: -140px -100px;
  width: 12px;
  height: 16px;
}
.icon.location {
  background-position: -160px -100px;
  width: 9px;
  height: 12px;
}
.icon.skills-big {
  background-position: -180px -100px;
  width: 10px;
  height: 16px;
}
.icon.skills {
  background-position: -200px -100px;
  width: 8px;
  height: 11px;
}
.icon.link {
  background-position: -220px -100px;
  width: 13px;
  height: 13px;
}
.icon.share {
  background-position: -240px -100px;
  width: 16px;
  height: 14px;
}
.icon.flag {
  background-position: -260px -100px;
  width: 12px;
  height: 13px;
}
.icon.copyright {
  background-position: -280px -100px;
  width: 15px;
  height: 15px;
}
.icon.personal-site {
  background-position: -300px -100px;
  width: 16px;
  height: 16px;
}
.icon.hire {
  background-position: -320px -100px;
  width: 14px;
  height: 12px;
}
.icon.hire-white {
  background-position: -340px -100px;
  width: 14px;
  height: 11px;
}
.icon.created-date {
  background-position: -360px -100px;
  width: 15px;
  height: 15px;
}
.icon.views-small {
  background-position: -380px -100px;
  width: 13px;
  height: 9px;
}
.icon.comments-small {
  background-position: -400px -100px;
  width: 10px;
  height: 10px;
}
.icon.like-small {
  background-position: -420px -100px;
  width: 10px;
  height: 9px;
}
.icon.clone-small {
  background-position: -440px -100px;
  width: 12px;
  height: 10px;
}
.icon.drop-fonts {
  background-position: -460px -100px;
  width: 50px;
  height: 60px;
}
.icon.notify-follow {
  background-position: 0px -120px;
  width: 14px;
  height: 11px;
}
.icon.notify-like {
  background-position: -20px -120px;
  width: 14px;
  height: 12px;
}
.icon.notify-clone {
  background-position: -40px -120px;
  width: 15px;
  height: 13px;
}
.icon.notify-clone-white {
  background-position: -60px -120px;
  width: 15px;
  height: 13px;
}
.icon.notify-comment {
  background-position: -80px -120px;
  width: 14px;
  height: 14px;
}
.icon.notify-comment-like {
  background-position: -100px -120px;
  width: 14px;
  height: 14px;
}
.icon.notify-comment-reply {
  background-position: -120px -120px;
  width: 16px;
  height: 12px;
}
.icon.notify-mention {
  background-position: -140px -120px;
  width: 16px;
  height: 16px;
}
.icon.notify-sale {
  background-position: -160px -120px;
  width: 10px;
  height: 16px;
}
.icon.notify-unpublish {
  background-position: -180px -120px;
  width: 18px;
  height: 16px;
}
.icon.notify-unpublish-white {
  background-position: -200px -120px;
  width: 18px;
  height: 16px;
}
.icon.notify-new-site {
  background-position: -220px -120px;
  width: 12px;
  height: 12px;
}
.icon.notify-design {
  background-position: -240px -120px;
  width: 15px;
  height: 12px;
}
.icon.notify-database {
  background-position: -260px -120px;
  width: 11px;
  height: 13px;
}
.icon.notify-delete {
  background-position: -280px -120px;
  width: 12px;
  height: 15px;
}
.icon.notify-delete-white {
  background-position: -300px -120px;
  width: 12px;
  height: 15px;
}
.icon.notify-add-member {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.icon.notify-transfer {
  background-position: -340px -120px;
  width: 12px;
  height: 11px;
}
.icon.notify-transfer-white {
  background-position: -360px -120px;
  width: 12px;
  height: 11px;
}
.icon.new-feature {
  background-position: -380px -120px;
  width: 14px;
  height: 13px;
}
.icon.new-update {
  background-position: -400px -120px;
  width: 13px;
  height: 13px;
}
.icon.new-bugfix {
  background-position: -420px -120px;
  width: 16px;
  height: 14px;
}
.icon.discover-small {
  background-position: -440px -120px;
  width: 13px;
  height: 13px;
}
.icon.sort-alphabetical {
  background-position: 0px -140px;
  width: 19px;
  height: 19px;
}
.icon.sort-price {
  background-position: -20px -140px;
  width: 19px;
  height: 16px;
}
.icon.sort-date-added {
  background-position: -40px -140px;
  width: 18px;
  height: 18px;
}
.icon.sort-featured {
  background-position: -60px -140px;
  width: 18px;
  height: 17px;
}
.icon.sort-rating {
  background-position: -80px -140px;
  width: 19px;
  height: 14px;
}
.icon.sort-views {
  background-position: -100px -140px;
  width: 19px;
  height: 11px;
}
.icon.sort-last-modified {
  background-position: -120px -140px;
  width: 19px;
  height: 16px;
}
.icon.sort-sales {
  background-position: -140px -140px;
  width: 21px;
  height: 16px;
}
.icon.private-large {
  background-position: -180px -140px;
  width: 14px;
  height: 18px;
}
.icon.private-blue {
  background-position: -200px -140px;
  width: 12px;
  height: 14px;
}
.icon.public-large {
  background-position: -220px -140px;
  width: 20px;
  height: 14px;
}
.icon.preview-medium {
  background-position: -240px -140px;
  width: 16px;
  height: 12px;
}
.icon.preview-medium-purple {
  background-position: -260px -140px;
  width: 16px;
  height: 12px;
}
.icon.link-large {
  background-position: -280px -140px;
  width: 17px;
  height: 17px;
}
.icon.link-black {
  background-position: -300px -140px;
  width: 13px;
  height: 13px;
}
.icon.like-medium {
  background-position: -320px -140px;
  width: 13px;
  height: 12px;
}
.icon.duplicate-medium {
  background-position: -340px -140px;
  width: 15px;
  height: 12px;
}
.icon.used-small {
  background-position: -360px -140px;
  width: 9px;
  height: 10px;
}
.icon.type-dynamic {
  background-position: -380px -140px;
  width: 9px;
  height: 12px;
}
.icon.sort-alphabetical-reverse {
  background-position: 0px -160px;
  width: 19px;
  height: 19px;
}
.icon.sort-price-reverse {
  background-position: -20px -160px;
  width: 19px;
  height: 16px;
}
.icon.sort-date-added-reverse {
  background-position: -40px -160px;
  width: 18px;
  height: 18px;
}
.icon.sort-featured-reverse {
  background-position: -60px -160px;
  width: 18px;
  height: 17px;
}
.icon.sort-rating-reverse {
  background-position: -80px -160px;
  width: 19px;
  height: 14px;
}
.icon.sort-views-reverse {
  background-position: -100px -160px;
  width: 19px;
  height: 11px;
}
.icon.sort-last-modified-reverse {
  background-position: -120px -160px;
  width: 19px;
  height: 16px;
}
.icon.sort-sales-reverse {
  background-position: -140px -160px;
  width: 21px;
  height: 16px;
}
.icon.template-pages {
  background-position: -180px -160px;
  width: 12px;
  height: 14px;
}
.icon.template-category {
  background-position: -200px -160px;
  width: 12px;
  height: 12px;
}
.icon.template-rating {
  background-position: -220px -160px;
  width: 14px;
  height: 12px;
}
.icon.used {
  background-position: -240px -160px;
  width: 13px;
  height: 12px;
}
.icon.template-purchases {
  background-position: -260px -160px;
  width: 13px;
  height: 13px;
}
.icon.template-preview {
  background-position: -280px -160px;
  width: 13px;
  height: 19px;
}
.icon.template-features {
  background-position: -300px -160px;
  width: 10px;
  height: 10px;
}
.icon.notify-remove-member {
  background-position: -320px -160px;
  width: 17px;
  height: 15px;
}
.icon.notify-invited-member {
  background-position: -340px -160px;
  width: 17px;
  height: 15px;
}
.icon.notify-uninvited-member {
  background-position: -360px -160px;
  width: 17px;
  height: 15px;
}
.icon.no-projects {
  background-position: -380px -160px;
  width: 129px;
  height: 139px;
}
.icon.org-add-white {
  background-position: 0px -180px;
  width: 23px;
  height: 18px;
}
.icon.like-small-active {
  background-position: -40px -180px;
  width: 10px;
  height: 9px;
}
.icon.footer-docs {
  background-position: -60px -180px;
  width: 16px;
  height: 16px;
}
.icon.footer-tutorials {
  background-position: -80px -180px;
  width: 17px;
  height: 14px;
}
.icon.footer-forum {
  background-position: -100px -180px;
  width: 16px;
  height: 15px;
}
.icon.footer-blog {
  background-position: -120px -180px;
  width: 14px;
  height: 13px;
}
.icon.footer-facebook {
  background-position: -140px -180px;
  width: 15px;
  height: 15px;
}
.icon.footer-twitter {
  background-position: -160px -180px;
  width: 16px;
  height: 13px;
}
.icon.follow-small {
  background-position: -180px -180px;
  width: 9px;
  height: 8px;
}
.icon.following-small {
  background-position: -200px -180px;
  width: 9px;
  height: 8px;
}
.icon.unfollow-small {
  background-position: -220px -180px;
  width: 9px;
  height: 8px;
}
.icon.globe-blue {
  background-position: -240px -180px;
  width: 15px;
  height: 15px;
}
.icon.tags {
  background-position: -260px -180px;
  width: 16px;
  height: 16px;
}
.icon.description {
  background-position: -280px -180px;
  width: 13px;
  height: 14px;
}
.icon.palette-blue {
  background-position: -300px -180px;
  width: 16px;
  height: 16px;
}
.icon.designer-link-blue {
  background-position: -320px -180px;
  width: 15px;
  height: 14px;
}
.icon.designer-link {
  background-position: -340px -180px;
  width: 15px;
  height: 14px;
}
.icon.like-small {
  background-position: -360px -180px;
  width: 10px;
  height: 9px;
}
.icon.upvote {
  background-position: 0px -200px;
  width: 9px;
  height: 7px;
}
.icon.upvote-active {
  background-position: -20px -200px;
  width: 9px;
  height: 7px;
}
.icon.source-template-blue {
  background-position: -60px -200px;
  width: 14px;
  height: 13px;
}
.icon.source-template {
  background-position: -80px -200px;
  width: 14px;
  height: 13px;
}
.icon.arrow-right-big-black {
  background-position: -100px -200px;
  width: 9px;
  height: 16px;
}
.icon.link-white {
  background-position: -120px -200px;
  width: 13px;
  height: 13px;
}
.icon.open-link {
  background-position: -140px -200px;
  width: 12px;
  height: 12px;
}
.icon.home-small {
  background-position: -160px -200px;
  width: 12px;
  height: 10px;
}
.icon.gmail-logo {
  background-position: -180px -200px;
  width: 22px;
  height: 16px;
}
.icon.views-white {
  background-position: -220px -200px;
  width: 16px;
  height: 11px;
}
.icon.link2 {
  background-position: -240px -200px;
  width: 15px;
  height: 15px;
}
.icon.open-link-big {
  background-position: -260px -200px;
  width: 16px;
  height: 16px;
}
.icon.publish-small-green {
  background-position: -280px -200px;
  width: 9px;
  height: 9px;
}
.icon.publish-small-black {
  background-position: -300px -200px;
  width: 9px;
  height: 9px;
}
.icon.pencil-medium-white {
  background-position: -340px -200px;
  width: 13px;
  height: 13px;
}
.icon.pencil-medium-black {
  background-position: -360px -200px;
  width: 13px;
  height: 13px;
}
.icon.breadcrumb-user {
  background-position: 0px -220px;
  width: 31px;
  height: 31px;
}
.icon.client-billing {
  background-position: -40px -220px;
  width: 29px;
  height: 27px;
}
.icon.success-big-white {
  background-position: -80px -220px;
  width: 27px;
  height: 27px;
}
.icon.credit-card-mini {
  background-position: -120px -220px;
  width: 20px;
  height: 15px;
}
.icon.receipt-mini {
  background-position: -140px -220px;
  width: 18px;
  height: 19px;
}
.icon.lock-medium-white {
  background-position: -160px -220px;
  width: 12px;
  height: 14px;
}
.icon.lock-medium-black {
  background-position: -180px -220px;
  width: 12px;
  height: 14px;
}
.icon.lock-small-white {
  background-position: -200px -220px;
  width: 8px;
  height: 10px;
}
.icon.lock-small-black {
  background-position: -220px -220px;
  width: 8px;
  height: 10px;
}
.icon.link-medium-black {
  background-position: -240px -220px;
  width: 15px;
  height: 15px;
}
.icon.search-white {
  background-position: -260px -220px;
  width: 15px;
  height: 15px;
}
.icon.showcase-black {
  background-position: -280px -220px;
  width: 16px;
  height: 14px;
}
.icon.showcase-green {
  background-position: -300px -220px;
  width: 16px;
  height: 14px;
}
.icon.showcase-white {
  background-position: -320px -220px;
  width: 16px;
  height: 14px;
}
.icon.domain-status-black {
  background-position: -340px -220px;
  width: 15px;
  height: 11px;
}
.icon.externallink-small-pink {
  background-position: -140px -240px;
  width: 10px;
  height: 10px;
}
.icon.hosting-comparison {
  background-position: -160px -240px;
  width: 17px;
  height: 14px;
}
.icon.hosting-comparison-check {
  background-position: -180px -240px;
  width: 15px;
  height: 11px;
}
.icon.hosting-comparison-cross {
  background-position: -200px -240px;
  width: 11px;
  height: 11px;
}
.icon.hosting-comparison-dash {
  background-position: -220px -240px;
  width: 12px;
  height: 2px;
}
.icon.help-tip-hollow-small {
  background-position: -240px -240px;
  width: 14px;
  height: 14px;
}
.icon.not-allowed-white {
  background-position: -260px -240px;
  width: 15px;
  height: 15px;
}
.icon.hosting-basic-small {
  background-position: -280px -240px;
  width: 19px;
  height: 14px;
}
.icon.hosting-cms-small {
  background-position: -300px -240px;
  width: 19px;
  height: 14px;
}
.icon.hosting-business-small {
  background-position: -320px -240px;
  width: 19px;
  height: 14px;
}
.icon.referral-navbar {
  background-position: 0px -260px;
  width: 24px;
  height: 24px;
}
.icon.oauth-arrows {
  background-position: -40px -260px;
  width: 44px;
  height: 37px;
}
.icon.add-white-big {
  background-position: -140px -260px;
  width: 12px;
  height: 12px;
}
.icon.arrow-up-big-white {
  background-position: -160px -260px;
  width: 14px;
  height: 13px;
}
.icon.arrow-right-big-black {
  background-position: -180px -260px;
  width: 16px;
  height: 14px;
}
.icon.domain-status {
  background-position: -200px -260px;
  width: 15px;
  height: 11px;
}
.icon.email-blue {
  background-position: -220px -260px;
  width: 14px;
  height: 12px;
}
.icon.notice-success {
  background-position: -240px -260px;
  width: 18px;
  height: 18px;
}
.icon.page {
  background-position: -260px -260px;
  width: 11px;
  height: 13px;
}
.icon.domain-custom-small {
  background-position: -280px -260px;
  width: 14px;
  height: 14px;
}
.icon.user-black {
  background-position: -300px -260px;
  width: 12px;
  height: 13px;
}
.icon.database {
  background-position: -320px -260px;
  width: 11px;
  height: 13px;
}
.icon.pencil {
  background-position: -340px -260px;
  width: 11px;
  height: 11px;
}
.icon.search {
  background-position: -360px -260px;
  width: 15px;
  height: 15px;
}
.icon.home-small-white {
  background-position: -140px -280px;
  width: 12px;
  height: 10px;
}
.icon.cross-xsmall-white {
  background-position: -160px -280px;
  width: 7px;
  height: 7px;
}
.icon.hosting-basic-green {
  background-position: 0px -300px;
  width: 32px;
  height: 28px;
}
.icon.hosting-cms-green {
  background-position: -40px -300px;
  width: 32px;
  height: 28px;
}
.icon.hosting-business-green {
  background-position: -80px -300px;
  width: 32px;
  height: 28px;
}
.icon.cc-visa {
  background-position: -120px -300px;
  width: 43px;
  height: 29px;
}
.icon.cc-mastercard {
  background-position: -180px -300px;
  width: 43px;
  height: 29px;
}
.icon.cc-amex {
  background-position: -240px -300px;
  width: 43px;
  height: 29px;
}
.icon.cc-generic {
  background-position: -300px -300px;
  width: 43px;
  height: 29px;
}
.icon.cc-visa-small {
  background-position: -360px -300px;
  width: 29px;
  height: 20px;
}
.icon.cc-mastercard-small {
  background-position: -400px -300px;
  width: 29px;
  height: 20px;
}
.icon.cc-amex-small {
  background-position: -440px -300px;
  width: 29px;
  height: 20px;
}
.icon.cc-generic-small {
  background-position: -480px -300px;
  width: 29px;
  height: 20px;
}
.icon.hosting-basic-white {
  background-position: 0px -340px;
  width: 32px;
  height: 28px;
}
.icon.hosting-cms-white {
  background-position: -40px -340px;
  width: 32px;
  height: 28px;
}
.icon.hosting-business-white {
  background-position: -80px -340px;
  width: 32px;
  height: 28px;
}
.icon.speech-bubble {
  background-position: -120px -340px;
  width: 25px;
  height: 23px;
}
.icon.flag-australia {
  background-position: -160px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-canada {
  background-position: -200px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-denmark {
  background-position: -240px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-finland {
  background-position: -280px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-ireland {
  background-position: -320px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-norway {
  background-position: -360px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-sweden {
  background-position: -400px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-united-kingdom {
  background-position: -440px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-united-states {
  background-position: -480px -340px;
  width: 33px;
  height: 23px;
}
.icon.flag-austria {
  background-position: 0px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-belgium {
  background-position: -40px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-france {
  background-position: -80px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-germany {
  background-position: -120px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-italy {
  background-position: -160px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-luxembourg {
  background-position: -200px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-netherlands {
  background-position: -240px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-spain {
  background-position: -280px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-japan {
  background-position: -320px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-mexico {
  background-position: -360px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-singapore {
  background-position: -400px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-switzerland {
  background-position: -440px -380px;
  width: 33px;
  height: 23px;
}
.icon.flag-portugal {
  background-position: -480px -380px;
  width: 33px;
  height: 23px;
}
.icon.notice-upgrade {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-upgrade-green {
  background-position: -20px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-info {
  background-position: -40px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-info-black {
  background-position: -60px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-warning {
  background-position: -80px -420px;
  width: 20px;
  height: 18px;
}
.icon.notice-risky {
  background-position: -100px -420px;
  width: 20px;
  height: 18px;
}
.icon.notice-danger {
  background-position: -120px -420px;
  width: 20px;
  height: 18px;
}
.icon.notice-warning-circle {
  background-position: -140px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-risky-circle {
  background-position: -160px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-danger-circle {
  background-position: -180px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-success {
  background-position: -200px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-notallowed {
  background-position: -220px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-help {
  background-position: -240px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-refresh {
  background-position: -260px -420px;
  width: 15px;
  height: 17px;
}
.icon.notice-publish {
  background-position: -280px -420px;
  width: 16px;
  height: 17px;
}
.icon.notice-upgrade2-white {
  background-position: -300px -420px;
  width: 18px;
  height: 16px;
}
.icon.notice-upgrade-white {
  background-position: -320px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-info-white {
  background-position: -340px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-warning-white {
  background-position: -360px -420px;
  width: 20px;
  height: 17px;
}
.icon.notice-warning-circle-white {
  background-position: -380px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-success-white {
  background-position: -400px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-notallowed-white {
  background-position: -420px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-help-white {
  background-position: -440px -420px;
  width: 18px;
  height: 18px;
}
.icon.notice-refresh-white {
  background-position: -460px -420px;
  width: 15px;
  height: 17px;
}
.icon.notice-publish-white {
  background-position: -480px -420px;
  width: 16px;
  height: 17px;
}
.icon.google-domains {
  background-position: 0px -440px;
  width: 168px;
  height: 25px;
}
.icon.google-icon {
  background-position: -180px -440px;
  width: 29px;
  height: 30px;
}
.icon.domain {
  background-position: -220px -440px;
  width: 32px;
  height: 32px;
}
.icon.domain-ssl-pending {
  background-position: -260px -440px;
  width: 32px;
  height: 32px;
}
.icon.domain-ssl-success {
  background-position: -300px -440px;
  width: 32px;
  height: 32px;
}
.icon.folder {
  background-position: -340px -440px;
  width: 13px;
  height: 12px;
}
.icon.folder-add {
  background-position: -360px -440px;
  width: 20px;
  height: 15px;
}
.icon.ellipsis {
  background-position: -380px -440px;
  width: 16px;
  height: 4px;
}
.icon.clear {
  background-position: -400px -440px;
  width: 14px;
  height: 14px;
}
.icon.angled-divider {
  background-position: -420px -440px;
  width: 8px;
  height: 13px;
}
.icon.flag-new-zealand {
  background-position: 0px -480px;
  width: 33px;
  height: 23px;
}
.icon {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard.29ada8b56c.png);
  background-repeat: no-repeat;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.icon.fade {
  opacity: 0.5;
  transition: opacity 100ms ease-in-out;
}
.icon.fade:hover {
  opacity: 0.8;
}
.icon.highlight {
  opacity: 1.0;
  transition: opacity 100ms ease-in-out;
}
.icon.highlight:hover {
  opacity: 0.8;
}
.icon.lighten,
.icon.lighter {
  opacity: 0.8;
}
.icon.light {
  opacity: 0.6;
}
.icon.lightest {
  opacity: 0.4;
}
a span {
  display: inline-block;
}
.sprite-mid {
  text-align: center;
}
.sprite-mid > i {
  display: inline-block;
}
.icon-retina {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard@2x.9b1187e1a8.png);
  background-size: 520px;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard@2x.9b1187e1a8.png);
    background-size: 520px;
  }
}
* {
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: #f5f5f7;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #4e5b68;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4e5b68;
}
h1 {
  font-size: 31px;
}
h2 {
  font-size: 25px;
  font-weight: 400;
  padding: 15px 0;
}
h3 {
  font-weight: 400;
  font-size: 22px;
}
h4 {
  font-weight: 600;
  margin: 2px 0px 10px 0px;
}
h5 {
  margin: 19px 0px 5px 0;
}
pre {
  background-color: #f5f5f7;
  padding: 10px;
  border-radius: 2px;
}
tbody {
  background-color: white;
}
code {
  background-color: #f5f5f7;
  border: 1px solid #e2d2d2;
  padding: 5px;
  border-radius: 2px;
}
a {
  color: #458CCF;
  transition: color 100ms ease;
}
a.disabled,
a[disabled] {
  color: rgba(43, 50, 57, 0.45);
  cursor: not-allowed;
  text-decoration: none;
}
a.disabled:hover,
a[disabled]:hover {
  color: rgba(32, 37, 42, 0.45);
}
a:focus {
  outline: 0 !important;
}
.webflow-logo-link > .icon {
  opacity: 0.9;
}
.webflow-logo-link:hover > .icon {
  opacity: 1.0;
}
.loaded {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.loaded.visible {
  opacity: 1;
}
section {
  min-height: 400px;
}
.section {
  clear: both;
}
.center-text {
  text-align: center;
}
.has-icon > i {
  float: left;
  margin: -1px 6px 0 0;
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.container {
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .container {
    padding: 0;
  }
}
.thumb-wrapper {
  position: relative;
  font-size: 0;
}
.inset-shadow {
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
}
.well-big {
  padding: 20px 35px 25px;
  margin-bottom: 25px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 0 0 #eaeaee;
}
a.redirect {
  white-space: nowrap;
}
.fat-notice {
  display: none;
  text-align: center;
}
.fat-notice .container {
  width: 100%;
  min-height: 58px;
  background-color: #458CCF;
}
.fat-notice .container h5 {
  margin: 19px 0;
  color: rgba(255, 255, 255, 0.9);
  font-weight: normal;
  font-size: 15px;
}
.fat-notice .container h5 a {
  color: inherit;
}
.fat-notice .container.orange {
  background-color: #F7622C;
}
.inline-block {
  display: inline-block;
}
.logo {
  display: inline-block;
  margin: 10px 0 10px 0;
}
.logo > i {
  width: 110px;
  height: 27px;
  display: inline-block;
}
.table.fixed {
  table-layout: fixed;
}
.table.fixed td {
  overflow: auto;
}
.table .key {
  font-weight: 600;
}
.redirects .savedRedirects {
  margin-bottom: 10px;
}
.redirects .table {
  margin: -10px 0 0;
}
.no-domains > form > .field {
  padding: 0;
  text-align: center;
}
.domain-list {
  margin: -35px 0 35px;
}
.divider {
  border-top: 1px solid #D5D8DE;
  font-size: 0;
  line-height: 0;
  margin: 10px 0 30px;
}
.notice-paid {
  clear: both;
  display: block;
  text-align: center;
  background-color: #EA3539;
  padding: 15px;
  border-radius: 2px;
  color: #fff;
}
.notice-paid a,
.notice-paid a:visited {
  color: white;
}
.notice-paid a:hover {
  text-decoration: none;
}
.show-more {
  text-align: center;
}
.show-more a i.icon {
  opacity: 0.6;
  margin-top: 9px;
}
.purchased-templates {
  padding: 15px 0;
  border-bottom: 1px solid #F0F1F3;
}
.purchased-templates > div {
  display: inline-block;
  vertical-align: top;
}
.purchased-templates .thumb {
  width: 20%;
}
.purchased-templates .thumb img {
  max-width: 100%;
}
.purchased-templates .details {
  width: 20%;
}
.purchased-templates .details span {
  font-weight: 300;
  font-size: 18px;
}
.purchased-templates .details a {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  text-decoration: none;
  color: #2A3239;
}
.purchased-templates .options {
  width: 50%;
}
.purchased-templates .options a {
  display: block;
  font-size: 14px;
  width: 150px;
  margin-bottom: 10px;
  padding: 10px 0;
  background-color: #333;
  text-align: center;
  border-radius: 2px;
  text-decoration: none;
  color: white;
  font-weight: 300;
  transition: background-color 300ms ease;
}
.purchased-templates .options a:hover {
  background-color: #595959;
}
.purchased-templates .options a:nth-child(2) {
  background-color: #e1e1e1;
  color: #666;
  box-shadow: 0 0 1px #999999;
}
.purchased-templates .options a:nth-child(2):hover {
  background-color: #eee;
}
.no-data {
  background-color: #EBEDF0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  padding: 70px;
  text-align: center;
  margin-bottom: 50px;
  border-radius: 3px;
}
.no-data h1,
.no-data h2,
.no-data h3,
.no-data h4,
.no-data h5,
.no-data h6,
.no-data p {
  color: rgba(43, 50, 57, 0.45);
  margin: 0;
}
.no-data p {
  margin: 10px 0 0 0;
}
span.link {
  cursor: pointer;
}
.hover-hand {
  cursor: pointer;
}
span.close.has-icon {
  float: left;
  cursor: pointer;
}
span.close.has-icon > i {
  width: 30px;
  height: 21px;
  margin: 5px 0 0 5px;
}
.current-plan-badge {
  display: inline;
  font-size: 16px;
  line-height: 38px;
  color: rgba(43, 50, 57, 0.45);
}
.current-plan-badge > .plan-name {
  text-transform: uppercase;
  font-weight: 600;
}
.overflow-x-auto {
  overflow-x: auto;
}
@-webkit-keyframes wf-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loading-spinner {
  display: inline-block;
  text-align: center;
}
.loading-spinner > div {
  width: 8px;
  height: 8px;
  background-color: white;
  margin-right: 5px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: wf-bounce-delay 1.4s infinite ease-in-out;
  animation: wf-bounce-delay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.loading-spinner > div:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading-spinner > div:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading-spinner .blue {
  background-color: #458CCF;
}
a.greyed {
  font-size: 12px;
  color: #2B3239;
  float: right;
}
.link-button {
  font-size: 16px;
  color: #15191c;
  cursor: pointer;
  text-decoration: none;
  margin: 0 10px;
  border-bottom: 1px solid rgba(91, 96, 102, 0);
  transition: color 100ms ease, border-bottom 100ms ease;
}
.link-button.active {
  color: #000000;
  font-weight: 600;
}
.link-button:hover {
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.link-button.primary {
  color: #458CCF;
}
.link-button.danger {
  color: #EA3539;
}
.hollow-button {
  cursor: pointer;
  display: inline-block;
  padding: 7px 16px 7px;
  border: 2px solid #a9a9a9;
  background-color: transparent;
  border-radius: 3px;
  font-size: 16px;
  text-decoration: none;
  color: #8F8F8F;
  transition: background-color 100ms ease, color 100ms ease, border 100ms ease;
}
.hollow-button:hover {
  color: #fff;
  background-color: #8C8C8C;
  border: 2px solid #8C8C8C;
}
.button,
.magic-upload-button .file-input-wrapper {
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 8px 14px 8px;
  background-color: #458CCF;
  border-radius: 3px;
  color: white;
  font-size: 15px;
  line-height: 21px;
  text-decoration: none;
  text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  transition: background-color 100ms ease;
}
.button.label {
  font-size: 14px;
  color: white;
  padding: 2px 10px;
  margin-left: 10px;
}
.button.split {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.button.split i.icon {
  margin-top: 11px;
}
.button.split i.icon.like {
  margin-top: 12px;
}
.button.split span.label {
  padding-right: 10px;
}
.button.split span.count {
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.12);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button i.icon {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  opacity: 0.9;
}
.button i.icon.design {
  margin-top: 4px;
}
.button i.icon.solo {
  margin-right: -5px;
}
.button i.icon.preview-medium,
.button i.icon.preview-medium-purple {
  margin-top: 4px;
}
.button i.icon.add-white {
  margin-top: 5px;
}
.button i.icon.check-white,
.button i.icon.hire-white {
  margin-top: 5px;
}
.button i.icon.upgrade-white {
  margin-right: 8px;
}
.button i.icon.delete {
  margin-top: 1px;
}
.button i.icon.site-share {
  margin-top: 2px;
}
.button i.icon.arrow-right-big-white {
  float: right;
  margin-top: 5px;
  margin-right: 0;
  margin-left: 15px;
}
.button i.icon.twitter-white {
  margin-top: 0;
}
.button i.icon.facebook-white {
  margin-top: -1px;
}
.button i.icon.views-white {
  margin-top: 5px;
}
.button:hover,
.magic-upload-button .file-input-wrapper:hover {
  background-color: #317abf;
}
.button:focus,
.magic-upload-button .file-input-wrapper:focus {
  outline: none;
}
.button.success {
  background-color: #24A266;
}
.button.success:hover {
  background-color: #1e8554;
}
.button.dark-blue {
  background-color: #24588a;
}
.button.dark-blue:hover {
  background-color: #193f62;
}
.button.black {
  background-color: rgba(43, 50, 57, 0.9);
}
.button.black:hover {
  background-color: #20252a;
}
.button.purple {
  background-color: #7161C2;
}
.button.purple:hover {
  background-color: #5a47b8;
}
.button.pink {
  background-color: #EC3F68;
}
.button.pink:hover {
  background-color: #e91f4e;
}
.button.danger {
  background-color: #EA3539;
}
.button.danger:hover {
  background-color: #e4181c;
}
.button.warning {
  background-color: #F7622C;
}
.button.warning:hover {
  background-color: #f6480a;
}
.button.light-grey,
.button.secondary,
.button.grey {
  background-color: rgba(43, 50, 57, 0.1);
  color: #4e5b68;
}
.button.light-grey i.icon,
.button.secondary i.icon,
.button.grey i.icon {
  opacity: 0.7;
}
.button.light-grey:hover,
.button.secondary:hover,
.button.grey:hover {
  background-color: rgba(43, 50, 57, 0.15);
  color: #2B3239;
}
.button.light-grey:hover i.icon,
.button.secondary:hover i.icon,
.button.grey:hover i.icon {
  opacity: 0.8;
}
.button.facebook {
  background-color: #3B5A96;
}
.button.facebook:hover {
  background-color: #2d4471;
}
.button.twitter {
  background-color: #1DADEA;
}
.button.twitter:hover {
  background-color: #128ec2;
}
.button.small {
  padding: 4px 10px;
  font-size: 14px;
}
.button.addmargin {
  margin-top: 15px;
  margin-bottom: 15px;
}
.button.right-margin {
  margin-right: 15px;
}
.button.input-height {
  padding: 9px 16px 10px;
}
.button.disabled,
.button:disabled,
.button[disabled] {
  color: white;
  background-color: #D2D4D5;
  cursor: no-drop;
}
.button.disabled:hover,
.button:disabled:hover,
.button[disabled]:hover {
  background-color: #D2D4D5;
  color: white;
}
.button.inline {
  margin-top: 10px;
  margin-left: 7px;
}
.button.inline.toggle {
  margin: 0 0 0 10px;
}
.button.thin {
  font-size: 13px;
  margin: 0px 10px 0 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.button.no-margin {
  margin: 0;
}
.button.full-width {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.button.full-width i.icon {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.button.full-width i.icon.show-more {
  position: relative;
  top: -2px;
}
.button.light-blue {
  background-color: transparent;
  border: 1px solid #458CCF;
  color: #458CCF;
}
.button.light-blue:hover {
  background-color: rgba(69, 140, 207, 0.07);
}
.magic-upload-button.profile {
  margin-top: 10px;
}
.magic-upload-button .file-input-wrapper {
  color: white;
  position: relative;
}
.magic-upload-button .file-input-wrapper .icon {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
.magic-upload-button .file-input-wrapper:after {
  content: "Upload";
  display: inline-block;
  position: inline;
  margin: 0;
}
.magic-upload-button .file-input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
like-button .button i.icon.check-white,
like-button .button i.icon.remove-white {
  margin-top: 13px;
}
/*
  Checkbox styles for each checkbox in the dashboard
  To keep the checkboxes consistent, every instance of a checkbox should be placed
  inside of a .checkbox-holder and MUST include a label

  Ex:
  .checkbox-holder
    input(type='checkbox', id='blah')
    label(for='blah')
*/
.checkbox-holder {
  width: 16px;
  height: 16px;
  margin: 0px 0 0 7px;
  position: relative;
  display: inline-block;
  transition: 100ms all ease;
  margin-right: 10px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-holder input[type=checkbox]:not(:checked) + label:hover:after {
  border-color: #2B3239;
  opacity: 0.3;
}
.checkbox-holder input[type=checkbox]:checked + label {
  box-shadow: none;
  background-color: #458CCF;
}
.checkbox-holder input[type=checkbox]:checked + label:hover {
  background-color: #317abf;
}
.checkbox-holder input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color: white;
}
.checkbox-holder input[type=checkbox]:active:not(:checked) + label {
  background-color: rgba(43, 50, 57, 0.05);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.3), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04);
}
.checkbox-holder input[type=checkbox]:active:checked + label {
  background-color: #2e72b3;
}
.checkbox-holder input[type=checkbox]:disabled + label {
  cursor: not-allowed;
}
.checkbox-holder input[type=checkbox]:disabled:checked + label {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.21), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04);
  background-color: rgba(43, 50, 57, 0.08);
}
.checkbox-holder input[type=checkbox]:disabled:checked + label:after {
  opacity: 1;
  border-color: rgba(43, 50, 57, 0.5);
}
.checkbox-holder input[type=checkbox]:disabled:not(:checked) + label {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.15), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04);
  background-color: rgba(43, 50, 57, 0.08);
}
.checkbox-holder input[type=checkbox]:disabled:not(:checked) + label:after {
  border: none;
}
.checkbox-holder label {
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  border-radius: 2px;
  background-color: white;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.21), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04);
}
.checkbox-holder label.publish-dropdown {
  left: 0;
}
.checkbox-holder label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 2px solid #458CCF;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox-holder input[type="checkbox"] {
  visibility: hidden;
}
/**
 * selectize.css (v0.7.7)
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.form-field {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
}
.hovering {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.32), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
.focused {
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
.dropdown {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.dropdown-hovering {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.35), 0px 1px 1px rgba(0, 0, 0, 0.06);
}
.dropdown-focused {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), 0px 1px 1px rgba(0, 0, 0, 0.06);
  transition: none;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control {
  position: relative;
  border-color: #F0F1F3;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}
.selectize-input,
.selectize-control.single .selectize-input.focus {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}
.selectize-control.selectize-select .selectize-input {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.selectize-control.selectize-select .selectize-input:hover {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.35), 0px 1px 1px rgba(0, 0, 0, 0.06);
}
.selectize-control.selectize-select .selectize-input:focus,
.selectize-control.selectize-select .selectize-input.dropdown-active {
  background-color: linear-gradient(#FFFFFF, #F9F9FA);
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), 0px 1px 1px rgba(0, 0, 0, 0.06);
  transition: none;
}
.selectize-input {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
  background-image: linear-gradient(#fff, #FAFAFB);
}
.selectize-input:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.32), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  padding: 2px 5px;
  margin: 0 6px 6px 0;
  color: #4e5b68;
  cursor: pointer;
  background: rgba(43, 50, 57, 0.08);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.05);
}
.selectize-control.multi .selectize-input > div.active {
  color: #303030;
  background: #e8e8e8;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  transition: none !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}
.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -2px 0 0 0;
  background: #ffffff;
  border: 1px solid rgba(43, 50, 57, 0.25);
  border-top: 1px solid rgba(69, 140, 207, 0.85);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}
.selectize-dropdown [data-selectable] .highlight {
  background: transparent;
  font-weight: bold;
  color: #337fc7;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable] .active.highlight {
  color: green;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: rgba(43, 50, 57, 0.35);
  cursor: default;
  background: #ffffff;
}
.selectize-dropdown .active {
  color: #337fc7;
  background-color: rgba(69, 140, 207, 0.09);
}
.selectize-dropdown .active.create {
  color: #337fc7;
}
.selectize-dropdown .create {
  color: rgba(43, 50, 57, 0.35);
}
.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.focus,
.selectize-control.single .selectize-input.focus input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}
.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}
/*
  Should not have to give a height for the dropdown
  .tag-field {
    .form-field;
    padding: 5px 10px !important;
    &:hover, &.hovering {
      .hovering;
    }

    &:focus, &.focused {
      .focused;
    }
  }

  .tag {
    margin-top: 5px;
    padding: 5px 10px;
    background-color: @colorLightGrey;
    margin-right: 5px;
    border-radius: 2px;

    a {
      color: @textColor;
    }

    i {
      margin-left: 5px;
    }
  }


.tag-input {
  &.selectize-control {

  }

  .selectize-input  {
    .item {
      display: inline-block;
      color: @textColor;
    }

    input {
      transition: none !important;
      width: auto !important;
      box-shadow: none !important;
      background-color: transparent !important;
    }
  }
}

.selective-control.tag-input {

}

ul.suggestions {
  position: absolute;
  z-index: 100;
  background: white;
  list-style: none;
  text-align: left;
  padding: 0;
  width: 145px;
  border-radius: 4px;
  font-size: 90%;
  .box-shadow(0 7px 12px rgba(0,0,0,0.1));

  li {
    border-bottom: 1px solid @colorLightGrey;
    padding: 10px 7px;

    a {
      color: @textColor;
      transition: color 0.25s ease-in-out;
      -webkit-user-select: none;
      cursor: pointer;
      font-size: 14px;

      &:hover {
        color: @textColor1;

        > i {
          opacity: 1.0;
        }
      }
    }

    &:last-child {
      border-bottom: none;
    }
  }

  &:before {
    color: white;
    // content:'\25B2';
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    // border-bottom: 7px solid darken(white, 10%);
    border-bottom: 7px solid white;
  }
}

*/
.switch-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.switch-wrapper .switch {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  width: 95px;
  border: 1px solid rgba(43, 50, 57, 0.22);
  border-radius: 3px;
  line-height: 40px;
  color: #4e5b68;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch-wrapper .switch .track {
  position: absolute;
  top: 8px;
  left: 10px;
  height: 22px;
  width: 35px;
  background-color: #d8dbde;
  border: 1px solid #c2c7cc;
  border-radius: 20px;
  transition: 0.1s background-color ease-in, 0.1s border ease-in;
}
.switch-wrapper .switch .track .handle {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 22px;
  width: 22px;
  background: white;
  border: 1px solid #c2c7cc;
  box-shadow: 0 1px 2px rgba(43, 50, 57, 0.1);
  border-radius: 50%;
  transition: 0.1s transform ease-in, 0.1s border ease-in;
}
.switch-wrapper .switch .label {
  float: right;
  margin-right: 10px;
  color: rgba(43, 50, 57, 0.45);
  text-transform: uppercase;
}
.switch-wrapper .switch.on .track {
  background: #458CCF;
  border: 1px solid #2b6ba7;
}
.switch-wrapper .switch.on .track .handle {
  border: 1px solid #2b6ba7;
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}
.switch-wrapper .switch.on .label {
  color: #458CCF;
  margin-right: 13px;
}
.switch-wrapper .switch.disabled {
  cursor: default;
}
.switch-wrapper .switch.disabled .track {
  background-color: #d8dbde;
  border: 1px solid #c2c7cc;
}
.switch-wrapper .switch.disabled .track .handle {
  border: 1px solid #c2c7cc;
}
.switch-wrapper .switch.disabled .label {
  color: rgba(43, 50, 57, 0.45);
}
.switch-wrapper .switch + .switch-description {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  height: 40px;
  padding-left: 14px;
  padding-right: 14px;
  margin-left: -1px;
  line-height: 40px;
  color: #4e5b68;
  font-size: 15px;
}
.switch-wrapper .switch + .switch-description:not(.no-border) {
  border: 1px solid rgba(43, 50, 57, 0.22);
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.toggle {
  height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle .radio-button {
  display: inline-block;
  height: 40px;
  padding-left: 18px;
  padding-right: 18px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(43, 50, 57, 0.08);
  border: 1px solid #bdbdbd;
  line-height: 40px;
  text-align: middle;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.65);
}
.toggle .radio-button i.icon {
  opacity: 0.65;
}
.toggle .radio-button i.icon + span.label {
  margin-left: 10px;
}
.toggle .radio-button:first-child {
  border-radius: 3px 0 0 3px;
  border-right: 0;
}
.toggle .radio-button:last-child {
  border-radius: 0 3px 3px 0;
  border-left: 0;
}
.toggle .radio-button:hover {
  color: #4e5b68;
  border-color: #979797;
}
.toggle .radio-button:hover i.icon {
  opacity: 0.8;
}
.toggle .radio-button.active {
  border: 1px solid #458CCF;
  box-shadow: inset 0 0 0 1px #458CCF;
  background: rgba(69, 140, 207, 0.05);
  color: #458CCF;
}
.toggle .radio-button.active i.icon {
  opacity: 1.0;
}
.filter-set {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.filter-set .filters {
  width: auto;
}
.filter-set .filters.radio {
  width: auto;
}
.filters {
  margin: 0 -41px 0px -41px;
  padding: 2px 40px;
  border-bottom: none;
}
.filters > a > i.icon {
  margin: 10px 0 0 10px;
}
.filters h2 {
  margin-top: 15px;
}
ul.filters {
  vertical-align: top;
  display: inline-block;
  padding: 0;
  margin: 0;
}
ul.filters:not(:first-child) {
  margin-left: 35px;
}
ul.filters > li {
  display: inline-block;
  position: relative;
  padding: 9px 10px;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  cursor: pointer;
  list-style-type: none;
  text-transform: capitalize;
  -webkit-user-select: none;
  transition: all 100ms ease;
}
ul.filters > li > a > i.icon.dropdown-arrow {
  margin-top: 8px;
  margin-left: 5px;
  opacity: 0.4;
  transition: opacity 100ms ease;
}
ul.filters > li > a .clear-filter {
  float: left;
  background-color: #458CCF;
  border-radius: 2px;
  padding: 3px;
  margin-right: 8px;
  margin-top: 2px;
  cursor: pointer;
}
ul.filters > li > a .clear-filter:hover {
  background-color: #EA3539;
}
ul.filters > li:hover {
  color: #458CCF;
  cursor: pointer;
}
ul.filters > li:hover > a {
  color: #4e5b68;
}
ul.filters > li:hover > a i.icon.dropdown-arrow {
  opacity: 0.8;
}
ul.filters > li.selected {
  color: #458CCF;
  cursor: default;
}
ul.filters > li.selected > a {
  color: #458CCF;
}
ul.filters > li img {
  vertical-align: middle;
  margin-right: 10px;
}
ul.filters > li.clear {
  color: rgba(43, 50, 57, 0.45);
  background-color: #f5f5f7;
  border: 0;
  box-shadow: none;
}
ul.filters > li span.sort {
  text-transform: none;
}
ul.filters > li:hover {
  cursor: default;
}
ul.filters > li.selected {
  border-color: #458CCF;
}
ul.filters > li a {
  text-decoration: none;
  color: rgba(43, 50, 57, 0.35);
  transition: color 100ms ease;
}
ul.filters > li a i.icon {
  float: left;
  margin-top: 0px;
  margin-right: 10px;
}
ul.filters > li a i.icon.dropdown-arrow,
ul.filters > li a i.icon.close-x-small-white {
  margin-right: 0px;
}
ul.filters > li ul {
  position: absolute;
  top: 42px;
  width: 100%;
  min-width: 150px;
  padding: 0;
  margin-left: -11px;
  border-radius: 3px;
  background-color: white;
  z-index: 102;
  box-shadow: 0 2px 10px rgba(43, 50, 57, 0.18), 0 0 0 1px rgba(43, 50, 57, 0.13);
  transition: opacity 100ms ease-out;
  opacity: 0;
  display: none;
}
ul.filters > li ul:before {
  content: "";
  height: 12px;
  width: 100%;
  position: absolute;
  top: -12px;
  display: block;
}
ul.filters > li ul.open-add,
ul.filters > li ul.open-remove {
  display: block;
  opacity: 0;
}
ul.filters > li ul.open {
  display: block;
  opacity: 1;
}
ul.filters > li ul li {
  width: 100%;
  padding: 9px 12px;
  background-color: white;
  border-bottom: 1px solid #E7E8EB;
  font-size: 15px;
  list-style-type: none;
}
ul.filters > li ul li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
ul.filters > li ul li:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.filters > li ul li.selected a {
  color: #458CCF;
}
ul.filters > li ul li a {
  color: #4e5b68;
}
ul.filters > li ul li:hover {
  background-color: #F0F1F3;
  cursor: pointer;
}
ul.filters > li ul li:hover a {
  color: #4e5b68;
}
ul.filters > li ul li:hover a i.icon {
  opacity: 1.0;
}
ul.filters > li ul li:hover.selected a {
  color: #458CCF;
}
ul.filters > li a > span {
  margin-right: 5px;
}
ul.filters > li a > i.icon {
  float: right;
  margin-top: 1px;
}
ul.filters > li a > i.icon.check-blue {
  margin-top: 5px;
}
ul.filters > li a > i.icon.sort-date-added {
  margin-top: 2px;
}
ul.filters > li a > i.icon.close-x {
  opacity: 0.5;
  margin-top: 5px;
}
ul.filters.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
ul.filters.radio li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: inline-block;
  width: auto;
  border-radius: 0;
}
ul.filters.radio li:hover a {
  cursor: pointer;
  color: #4e5b68;
}
ul.filters.radio li.selected a {
  cursor: default;
  color: #458CCF;
}
ul.filters.left-icons {
  margin: 0;
}
ul.filters.left-icons > li {
  background-color: transparent;
  box-shadow: none;
  border: 0;
  font-size: 15px;
}
ul.filters.left-icons > li a {
  text-decoration: none;
  color: #4e5b68;
  transition: color 100ms ease;
}
ul.filters.left-icons > li a i.icon {
  float: left;
  margin-top: 2px;
  opacity: 0.8;
}
ul.filters.left-icons > li a i.icon.dropdown-arrow {
  float: right;
  margin-top: 8px;
  margin-right: 0;
  margin-left: 10px;
  opacity: 0.4;
}
ul.filters.left-icons > li:hover a i.icon {
  opactiy: 0.8;
}
ul.filters.left-icons > li:hover a i.icon.dropdown-arrow {
  opacity: 0.8;
}
ul.filters.left-icons > li ul li a {
  color: #4e5b68;
}
ul.filters.left-icons > li ul li a i.icon {
  margin-top: 2px;
  opacity: 0.8;
}
ul.filters.left-icons > li ul li a i.icon.check-blue {
  opacity: 1.0;
  float: right;
  margin-top: 5px;
  margin-right: 0px;
}
ul.filters.left-icons.sort {
  border-left: 1px solid rgba(43, 50, 57, 0.1);
  margin-left: 4px;
}
ul.filters.left-icons.sort > li {
  padding-left: 15px;
}
ul.filters.left-icons.sort > li > ul {
  top: 48px;
}
ul.filters.left-icons.sort > li > a {
  text-decoration: none;
  color: rgba(43, 50, 57, 0.45);
  transition: color 100ms ease;
}
ul.filters.left-icons.sort > li > a > i.icon {
  opacity: 0.4;
}
ul.filters.left-icons.sort > li > a > i.icon.dropdown-arrow {
  margin-left: 6px;
}
ul.filters.left-icons.sort > li:hover > a {
  color: #4e5b68;
}
ul.filters.left-icons.sort > li:hover > a > i.icon {
  opacity: 0.8;
}
ul.filters.left-icons.scope > li > a > i:not(.dropdown-arrow) {
  margin-top: 2px;
}
ul.filters.left-icons.scope > li {
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.2);
  border-radius: 3px;
  height: 40px;
  line-height: 24px;
  padding: 9px 12px 9px 12px;
}
ul.filters.left-icons.scope > li i.icon.dropdown-arrow {
  margin-left: 6px;
}
ul.filters.left-icons.scope > li > ul {
  width: 225px;
  top: 48px;
  left: 0;
}
ul.filters.left-icons.scope > li > ul > li {
  width: 100%;
  padding: 7px 9px;
}
ul.filters.left-icons.scope > li > ul > li.header {
  font-size: 10px;
  text-transform: uppercase;
  padding: 0px 10px;
  margin: 0;
  cursor: default;
  color: rgba(43, 50, 57, 0.45);
}
ul.filters.left-icons.scope > li > ul > li.header:hover {
  background: white;
}
ul.filters.left-icons.scope > li > ul > li.operation {
  background-color: #F0F1F3;
  padding: 6px 9px;
  border-bottom: 1px solid #d9dbdf;
}
ul.filters.left-icons.scope > li > ul > li.operation:last-child {
  border-bottom: 0;
}
ul.filters.left-icons.scope > li > ul > li.operation i.settings {
  margin: 5px 14px 0 6px;
}
ul.filters.left-icons.scope > li > ul > li.operation i.org-add {
  margin: 4px 8px 0 3px;
}
ul.filters.left-icons.scope > li > ul > li.operation:hover {
  background-color: rgba(43, 50, 57, 0.1);
}
ul.filters.left-icons.scope > li > ul > li.selected a {
  color: #458CCF;
}
ul.filters.left-icons.scope > li > ul > li i.icon {
  margin: 0px;
  margin-right: 10px;
}
ul.filters.left-icons.scope > li > ul > li i.icon.check-blue {
  margin-top: 7px;
  margin-right: 2px;
}
ul.filters.left-icons.scope:hover > li {
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.4);
}
.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: white;
  border: 1px solid #D3D4D5;
  border-radius: 3px;
  padding: 8px 12px;
  margin: 15px 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 145%;
}
.alert.no-flexbox {
  display: block;
}
.alert:hover a {
  text-decoration: none;
}
.alert::after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #4e5b68;
}
.alert p {
  margin: 0;
}
.alert span.full-width {
  width: 100%;
}
.alert::before {
  display: inline-block;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard.29ada8b56c.png);
  background-repeat: no-repeat;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  min-width: 20px;
  margin-right: 8px;
  margin-top: 1px;
  content: '';
}
.alert::before.login-logo {
  background-position: 0px 0px;
  width: 120px;
  height: 31px;
}
.alert::before.logo {
  background-position: -120px 0px;
  width: 91px;
  height: 23px;
}
.alert::before.logo-w {
  background-position: -220px 0px;
  width: 26px;
  height: 19px;
}
.alert::before.notifications {
  background-position: -260px 0px;
  width: 22px;
  height: 23px;
}
.alert::before.add-public-site {
  background-position: -300px 0px;
  width: 28px;
  height: 20px;
}
.alert::before.add-public-site-small {
  background-position: -340px 0px;
  width: 20px;
  height: 14px;
}
.alert::before.facebook-white {
  background-position: -360px 0px;
  width: 15px;
  height: 15px;
}
.alert::before.twitter-white {
  background-position: -380px 0px;
  width: 17px;
  height: 15px;
}
.alert::before.breadcrumb-slash {
  background-position: -400px 0px;
  width: 12px;
  height: 33px;
}
.alert::before.breadcrumb-sites {
  background-position: -420px 0px;
  width: 18px;
  height: 18px;
}
.alert::before.breadcrumb-designers {
  background-position: -440px 0px;
  width: 16px;
  height: 19px;
}
.alert::before.breadcrumb-discover {
  background-position: -460px 0px;
  width: 21px;
  height: 21px;
}
.alert::before.breadcrumb-org {
  background-position: -500px 0px;
  width: 18px;
  height: 18px;
}
.alert::before.arrow-down {
  background-position: 0px -40px;
  width: 9px;
  height: 6px;
}
.alert::before.arrow-down-orange {
  background-position: 0px -50px;
  width: 9px;
  height: 6px;
}
.alert::before.arrow-down-white {
  background-position: -20px -40px;
  width: 9px;
  height: 6px;
}
.alert::before.arrow-up-orange {
  background-position: -20px -50px;
  width: 9px;
  height: 6px;
}
.alert::before.arrow-right-big-white {
  background-position: -40px -40px;
  width: 6px;
  height: 11px;
}
.alert::before.arrow-left-big-white {
  background-position: -50px -40px;
  width: 6px;
  height: 11px;
}
.alert::before.dropdown-arrow {
  background-position: -60px -40px;
  width: 7px;
  height: 5px;
}
.alert::before.sort-arrow-down {
  background-position: -80px -40px;
  width: 7px;
  height: 4px;
}
.alert::before.sort-arrow-up {
  background-position: -100px -40px;
  width: 7px;
  height: 4px;
}
.alert::before.close-x {
  background-position: -120px -40px;
  width: 11px;
  height: 11px;
}
.alert::before.close-x-small {
  background-position: -140px -40px;
  width: 9px;
  height: 9px;
}
.alert::before.close-x-small-white {
  background-position: -150px -40px;
  width: 9px;
  height: 9px;
}
.alert::before.show-more {
  background-position: -160px -40px;
  width: 18px;
  height: 4px;
}
.alert::before.indent {
  background-position: -180px -40px;
  width: 8px;
  height: 8px;
}
.alert::before.help-tip {
  background-position: -200px -40px;
  width: 16px;
  height: 16px;
}
.alert::before.help-tip-hollow {
  background-position: -220px -40px;
  width: 16px;
  height: 16px;
}
.alert::before.add-white {
  background-position: -240px -40px;
  width: 10px;
  height: 10px;
}
.alert::before.add-black {
  background-position: -260px -40px;
  width: 10px;
  height: 10px;
}
.alert::before.check-white {
  background-position: -280px -40px;
  width: 12px;
  height: 10px;
}
.alert::before.check-blue {
  background-position: -300px -40px;
  width: 12px;
  height: 10px;
}
.alert::before.check-green {
  background-position: -320px -40px;
  width: 12px;
  height: 10px;
}
.alert::before.remove-white {
  background-position: -340px -40px;
  width: 12px;
  height: 10px;
}
.alert::before.remove-pink {
  background-position: -360px -40px;
  width: 12px;
  height: 10px;
}
.alert::before.switch-handle {
  background-position: -480px -40px;
  width: 12px;
  height: 12px;
}
.alert::before.user-white {
  background-position: -500px -40px;
  width: 13px;
  height: 14px;
}
.alert::before.user {
  background-position: 0px -60px;
  width: 14px;
  height: 15px;
}
.alert::before.org {
  background-position: -20px -60px;
  width: 16px;
  height: 15px;
}
.alert::before.org-add {
  background-position: -40px -60px;
  width: 23px;
  height: 18px;
}
.alert::before.org-medium {
  background-position: -80px -60px;
  width: 16px;
  height: 13px;
}
.alert::before.org-small {
  background-position: -100px -60px;
  width: 11px;
  height: 9px;
}
.alert::before.publish {
  background-position: -120px -60px;
  width: 13px;
  height: 14px;
}
.alert::before.publish-green {
  background-position: -140px -60px;
  width: 13px;
  height: 14px;
}
.alert::before.publish-white {
  background-position: -160px -60px;
  width: 13px;
  height: 14px;
}
.alert::before.private {
  background-position: -180px -60px;
  width: 12px;
  height: 14px;
}
.alert::before.public {
  background-position: -200px -60px;
  width: 14px;
  height: 10px;
  margin-top: 3px;
}
.alert::before.design {
  background-position: -220px -60px;
  width: 17px;
  height: 13px;
}
.alert::before.settings {
  background-position: -240px -60px;
  width: 14px;
  height: 15px;
}
.alert::before.transfer {
  background-position: -260px -60px;
  width: 24px;
  height: 15px;
  margin-top: 1px;
}
.alert::before.duplicate {
  background-position: -300px -60px;
  width: 16px;
  height: 14px;
  margin-top: 2px;
}
.alert::before.delete {
  background-position: -320px -60px;
  width: 14px;
  height: 17px;
}
.alert::before.delete-medium {
  background-position: -340px -60px;
  width: 13px;
  height: 15px;
}
.alert::before.unpublish {
  background-position: -360px -60px;
  width: 18px;
  height: 16px;
  margin-top: 1px;
  margin-left: -2px;
}
.alert::before.edit {
  background-position: -380px -60px;
  width: 12px;
  height: 12px;
}
.alert::before.validation-wait {
  background-position: -400px -60px;
  width: 13px;
  height: 4px;
}
.alert::before.validation-unavailable {
  background-position: -420px -60px;
  width: 9px;
  height: 9px;
}
.alert::before.validation-success {
  background-position: -440px -60px;
  width: 9px;
  height: 9px;
}
.alert::before.site-share {
  background-position: -460px -60px;
  width: 17px;
  height: 14px;
}
.alert::before.site-share-small {
  background-position: -480px -60px;
  width: 14px;
  height: 12px;
}
.alert::before.updates {
  background-position: -500px -60px;
  width: 14px;
  height: 14px;
}
.alert::before.upload {
  background-position: 0px -80px;
  width: 18px;
  height: 13px;
}
.alert::before.replace {
  background-position: -20px -80px;
  width: 14px;
  height: 14px;
}
.alert::before.upgrade-white {
  background-position: -40px -80px;
  width: 15px;
  height: 14px;
}
.alert::before.upgrade {
  background-position: -60px -80px;
  width: 15px;
  height: 14px;
}
.alert::before.logout {
  background-position: -80px -80px;
  width: 15px;
  height: 14px;
}
.alert::before.hover-settings {
  background-position: -100px -80px;
  width: 12px;
  height: 12px;
}
.alert::before.hover-duplicate {
  background-position: -120px -80px;
  width: 12px;
  height: 11px;
}
.alert::before.hover-delete {
  background-position: -140px -80px;
  width: 10px;
  height: 12px;
  margin-left: 2px;
}
.alert::before.domain-webflow {
  background-position: -160px -80px;
  width: 18px;
  height: 12px;
}
.alert::before.domain-custom {
  background-position: -180px -80px;
  width: 16px;
  height: 16px;
}
.alert::before.domain-home {
  background-position: -200px -80px;
  width: 14px;
  height: 13px;
}
.alert::before.domain-check {
  background-position: -220px -80px;
  width: 15px;
  height: 11px;
}
.alert::before.font {
  background-position: -240px -80px;
  width: 14px;
  height: 13px;
}
.alert::before.language {
  background-position: -260px -80px;
  width: 14px;
  height: 14px;
}
.alert::before.size {
  background-position: -280px -80px;
  width: 14px;
  height: 14px;
}
.alert::before.preview {
  background-position: -300px -80px;
  width: 15px;
  height: 11px;
}
.alert::before.restore {
  background-position: -320px -80px;
  width: 14px;
  height: 14px;
}
.alert::before.file {
  background-position: -340px -80px;
  width: 11px;
  height: 16px;
}
.alert::before.typekit {
  background-position: -360px -80px;
  width: 12px;
  height: 12px;
}
.alert::before.download {
  background-position: -380px -80px;
  width: 14px;
  height: 15px;
}
.alert::before.summary-pages {
  background-position: -400px -80px;
  width: 8px;
  height: 10px;
}
.alert::before.summary-styles {
  background-position: -420px -80px;
  width: 13px;
  height: 11px;
}
.alert::before.summary-nodes {
  background-position: -440px -80px;
  width: 15px;
  height: 10px;
}
.alert::before.summary-symbols {
  background-position: -460px -80px;
  width: 10px;
  height: 12px;
}
.alert::before.secure {
  background-position: -480px -80px;
  width: 8px;
  height: 10px;
}
.alert::before.discount {
  background-position: -500px -80px;
  width: 16px;
  height: 16px;
}
.alert::before.like {
  background-position: 0px -100px;
  width: 15px;
  height: 13px;
}
.alert::before.liked {
  background-position: -20px -100px;
  width: 15px;
  height: 13px;
}
.alert::before.clone {
  background-position: -40px -100px;
  width: 15px;
  height: 13px;
}
.alert::before.cloned {
  background-position: -60px -100px;
  width: 15px;
  height: 13px;
}
.alert::before.comments-big {
  background-position: -80px -100px;
  width: 17px;
  height: 16px;
}
.alert::before.comments {
  background-position: -100px -100px;
  width: 13px;
  height: 12px;
}
.alert::before.views {
  background-position: -120px -100px;
  width: 16px;
  height: 11px;
  margin-top: 1px;
}
.alert::before.location-big {
  background-position: -140px -100px;
  width: 12px;
  height: 16px;
}
.alert::before.location {
  background-position: -160px -100px;
  width: 9px;
  height: 12px;
}
.alert::before.skills-big {
  background-position: -180px -100px;
  width: 10px;
  height: 16px;
}
.alert::before.skills {
  background-position: -200px -100px;
  width: 8px;
  height: 11px;
}
.alert::before.link {
  background-position: -220px -100px;
  width: 13px;
  height: 13px;
}
.alert::before.share {
  background-position: -240px -100px;
  width: 16px;
  height: 14px;
}
.alert::before.flag {
  background-position: -260px -100px;
  width: 12px;
  height: 13px;
}
.alert::before.copyright {
  background-position: -280px -100px;
  width: 15px;
  height: 15px;
}
.alert::before.personal-site {
  background-position: -300px -100px;
  width: 16px;
  height: 16px;
}
.alert::before.hire {
  background-position: -320px -100px;
  width: 14px;
  height: 12px;
}
.alert::before.hire-white {
  background-position: -340px -100px;
  width: 14px;
  height: 11px;
}
.alert::before.created-date {
  background-position: -360px -100px;
  width: 15px;
  height: 15px;
}
.alert::before.views-small {
  background-position: -380px -100px;
  width: 13px;
  height: 9px;
}
.alert::before.comments-small {
  background-position: -400px -100px;
  width: 10px;
  height: 10px;
}
.alert::before.like-small {
  background-position: -420px -100px;
  width: 10px;
  height: 9px;
}
.alert::before.clone-small {
  background-position: -440px -100px;
  width: 12px;
  height: 10px;
}
.alert::before.drop-fonts {
  background-position: -460px -100px;
  width: 50px;
  height: 60px;
}
.alert::before.notify-follow {
  background-position: 0px -120px;
  width: 14px;
  height: 11px;
}
.alert::before.notify-like {
  background-position: -20px -120px;
  width: 14px;
  height: 12px;
}
.alert::before.notify-clone {
  background-position: -40px -120px;
  width: 15px;
  height: 13px;
}
.alert::before.notify-clone-white {
  background-position: -60px -120px;
  width: 15px;
  height: 13px;
}
.alert::before.notify-comment {
  background-position: -80px -120px;
  width: 14px;
  height: 14px;
}
.alert::before.notify-comment-like {
  background-position: -100px -120px;
  width: 14px;
  height: 14px;
}
.alert::before.notify-comment-reply {
  background-position: -120px -120px;
  width: 16px;
  height: 12px;
}
.alert::before.notify-mention {
  background-position: -140px -120px;
  width: 16px;
  height: 16px;
}
.alert::before.notify-sale {
  background-position: -160px -120px;
  width: 10px;
  height: 16px;
}
.alert::before.notify-unpublish {
  background-position: -180px -120px;
  width: 18px;
  height: 16px;
}
.alert::before.notify-unpublish-white {
  background-position: -200px -120px;
  width: 18px;
  height: 16px;
}
.alert::before.notify-new-site {
  background-position: -220px -120px;
  width: 12px;
  height: 12px;
}
.alert::before.notify-design {
  background-position: -240px -120px;
  width: 15px;
  height: 12px;
}
.alert::before.notify-database {
  background-position: -260px -120px;
  width: 11px;
  height: 13px;
}
.alert::before.notify-delete {
  background-position: -280px -120px;
  width: 12px;
  height: 15px;
}
.alert::before.notify-delete-white {
  background-position: -300px -120px;
  width: 12px;
  height: 15px;
}
.alert::before.notify-add-member {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.alert::before.notify-transfer {
  background-position: -340px -120px;
  width: 12px;
  height: 11px;
}
.alert::before.notify-transfer-white {
  background-position: -360px -120px;
  width: 12px;
  height: 11px;
}
.alert::before.new-feature {
  background-position: -380px -120px;
  width: 14px;
  height: 13px;
}
.alert::before.new-update {
  background-position: -400px -120px;
  width: 13px;
  height: 13px;
}
.alert::before.new-bugfix {
  background-position: -420px -120px;
  width: 16px;
  height: 14px;
}
.alert::before.discover-small {
  background-position: -440px -120px;
  width: 13px;
  height: 13px;
}
.alert::before.sort-alphabetical {
  background-position: 0px -140px;
  width: 19px;
  height: 19px;
}
.alert::before.sort-price {
  background-position: -20px -140px;
  width: 19px;
  height: 16px;
}
.alert::before.sort-date-added {
  background-position: -40px -140px;
  width: 18px;
  height: 18px;
}
.alert::before.sort-featured {
  background-position: -60px -140px;
  width: 18px;
  height: 17px;
}
.alert::before.sort-rating {
  background-position: -80px -140px;
  width: 19px;
  height: 14px;
}
.alert::before.sort-views {
  background-position: -100px -140px;
  width: 19px;
  height: 11px;
}
.alert::before.sort-last-modified {
  background-position: -120px -140px;
  width: 19px;
  height: 16px;
}
.alert::before.sort-sales {
  background-position: -140px -140px;
  width: 21px;
  height: 16px;
}
.alert::before.private-large {
  background-position: -180px -140px;
  width: 14px;
  height: 18px;
}
.alert::before.private-blue {
  background-position: -200px -140px;
  width: 12px;
  height: 14px;
}
.alert::before.public-large {
  background-position: -220px -140px;
  width: 20px;
  height: 14px;
}
.alert::before.preview-medium {
  background-position: -240px -140px;
  width: 16px;
  height: 12px;
}
.alert::before.preview-medium-purple {
  background-position: -260px -140px;
  width: 16px;
  height: 12px;
}
.alert::before.link-large {
  background-position: -280px -140px;
  width: 17px;
  height: 17px;
}
.alert::before.link-black {
  background-position: -300px -140px;
  width: 13px;
  height: 13px;
}
.alert::before.like-medium {
  background-position: -320px -140px;
  width: 13px;
  height: 12px;
}
.alert::before.duplicate-medium {
  background-position: -340px -140px;
  width: 15px;
  height: 12px;
}
.alert::before.used-small {
  background-position: -360px -140px;
  width: 9px;
  height: 10px;
}
.alert::before.type-dynamic {
  background-position: -380px -140px;
  width: 9px;
  height: 12px;
}
.alert::before.sort-alphabetical-reverse {
  background-position: 0px -160px;
  width: 19px;
  height: 19px;
}
.alert::before.sort-price-reverse {
  background-position: -20px -160px;
  width: 19px;
  height: 16px;
}
.alert::before.sort-date-added-reverse {
  background-position: -40px -160px;
  width: 18px;
  height: 18px;
}
.alert::before.sort-featured-reverse {
  background-position: -60px -160px;
  width: 18px;
  height: 17px;
}
.alert::before.sort-rating-reverse {
  background-position: -80px -160px;
  width: 19px;
  height: 14px;
}
.alert::before.sort-views-reverse {
  background-position: -100px -160px;
  width: 19px;
  height: 11px;
}
.alert::before.sort-last-modified-reverse {
  background-position: -120px -160px;
  width: 19px;
  height: 16px;
}
.alert::before.sort-sales-reverse {
  background-position: -140px -160px;
  width: 21px;
  height: 16px;
}
.alert::before.template-pages {
  background-position: -180px -160px;
  width: 12px;
  height: 14px;
}
.alert::before.template-category {
  background-position: -200px -160px;
  width: 12px;
  height: 12px;
}
.alert::before.template-rating {
  background-position: -220px -160px;
  width: 14px;
  height: 12px;
}
.alert::before.used {
  background-position: -240px -160px;
  width: 13px;
  height: 12px;
}
.alert::before.template-purchases {
  background-position: -260px -160px;
  width: 13px;
  height: 13px;
}
.alert::before.template-preview {
  background-position: -280px -160px;
  width: 13px;
  height: 19px;
}
.alert::before.template-features {
  background-position: -300px -160px;
  width: 10px;
  height: 10px;
}
.alert::before.notify-remove-member {
  background-position: -320px -160px;
  width: 17px;
  height: 15px;
}
.alert::before.notify-invited-member {
  background-position: -340px -160px;
  width: 17px;
  height: 15px;
}
.alert::before.notify-uninvited-member {
  background-position: -360px -160px;
  width: 17px;
  height: 15px;
}
.alert::before.no-projects {
  background-position: -380px -160px;
  width: 129px;
  height: 139px;
}
.alert::before.org-add-white {
  background-position: 0px -180px;
  width: 23px;
  height: 18px;
}
.alert::before.like-small-active {
  background-position: -40px -180px;
  width: 10px;
  height: 9px;
}
.alert::before.footer-docs {
  background-position: -60px -180px;
  width: 16px;
  height: 16px;
}
.alert::before.footer-tutorials {
  background-position: -80px -180px;
  width: 17px;
  height: 14px;
}
.alert::before.footer-forum {
  background-position: -100px -180px;
  width: 16px;
  height: 15px;
}
.alert::before.footer-blog {
  background-position: -120px -180px;
  width: 14px;
  height: 13px;
}
.alert::before.footer-facebook {
  background-position: -140px -180px;
  width: 15px;
  height: 15px;
}
.alert::before.footer-twitter {
  background-position: -160px -180px;
  width: 16px;
  height: 13px;
}
.alert::before.follow-small {
  background-position: -180px -180px;
  width: 9px;
  height: 8px;
}
.alert::before.following-small {
  background-position: -200px -180px;
  width: 9px;
  height: 8px;
}
.alert::before.unfollow-small {
  background-position: -220px -180px;
  width: 9px;
  height: 8px;
}
.alert::before.globe-blue {
  background-position: -240px -180px;
  width: 15px;
  height: 15px;
}
.alert::before.tags {
  background-position: -260px -180px;
  width: 16px;
  height: 16px;
}
.alert::before.description {
  background-position: -280px -180px;
  width: 13px;
  height: 14px;
}
.alert::before.palette-blue {
  background-position: -300px -180px;
  width: 16px;
  height: 16px;
}
.alert::before.designer-link-blue {
  background-position: -320px -180px;
  width: 15px;
  height: 14px;
}
.alert::before.designer-link {
  background-position: -340px -180px;
  width: 15px;
  height: 14px;
}
.alert::before.like-small {
  background-position: -360px -180px;
  width: 10px;
  height: 9px;
}
.alert::before.upvote {
  background-position: 0px -200px;
  width: 9px;
  height: 7px;
}
.alert::before.upvote-active {
  background-position: -20px -200px;
  width: 9px;
  height: 7px;
}
.alert::before.source-template-blue {
  background-position: -60px -200px;
  width: 14px;
  height: 13px;
}
.alert::before.source-template {
  background-position: -80px -200px;
  width: 14px;
  height: 13px;
}
.alert::before.arrow-right-big-black {
  background-position: -100px -200px;
  width: 9px;
  height: 16px;
}
.alert::before.link-white {
  background-position: -120px -200px;
  width: 13px;
  height: 13px;
}
.alert::before.open-link {
  background-position: -140px -200px;
  width: 12px;
  height: 12px;
}
.alert::before.home-small {
  background-position: -160px -200px;
  width: 12px;
  height: 10px;
}
.alert::before.gmail-logo {
  background-position: -180px -200px;
  width: 22px;
  height: 16px;
}
.alert::before.views-white {
  background-position: -220px -200px;
  width: 16px;
  height: 11px;
}
.alert::before.link2 {
  background-position: -240px -200px;
  width: 15px;
  height: 15px;
}
.alert::before.open-link-big {
  background-position: -260px -200px;
  width: 16px;
  height: 16px;
}
.alert::before.publish-small-green {
  background-position: -280px -200px;
  width: 9px;
  height: 9px;
}
.alert::before.publish-small-black {
  background-position: -300px -200px;
  width: 9px;
  height: 9px;
}
.alert::before.pencil-medium-white {
  background-position: -340px -200px;
  width: 13px;
  height: 13px;
}
.alert::before.pencil-medium-black {
  background-position: -360px -200px;
  width: 13px;
  height: 13px;
}
.alert::before.breadcrumb-user {
  background-position: 0px -220px;
  width: 31px;
  height: 31px;
}
.alert::before.client-billing {
  background-position: -40px -220px;
  width: 29px;
  height: 27px;
}
.alert::before.success-big-white {
  background-position: -80px -220px;
  width: 27px;
  height: 27px;
}
.alert::before.credit-card-mini {
  background-position: -120px -220px;
  width: 20px;
  height: 15px;
}
.alert::before.receipt-mini {
  background-position: -140px -220px;
  width: 18px;
  height: 19px;
}
.alert::before.lock-medium-white {
  background-position: -160px -220px;
  width: 12px;
  height: 14px;
}
.alert::before.lock-medium-black {
  background-position: -180px -220px;
  width: 12px;
  height: 14px;
}
.alert::before.lock-small-white {
  background-position: -200px -220px;
  width: 8px;
  height: 10px;
}
.alert::before.lock-small-black {
  background-position: -220px -220px;
  width: 8px;
  height: 10px;
}
.alert::before.link-medium-black {
  background-position: -240px -220px;
  width: 15px;
  height: 15px;
}
.alert::before.search-white {
  background-position: -260px -220px;
  width: 15px;
  height: 15px;
}
.alert::before.showcase-black {
  background-position: -280px -220px;
  width: 16px;
  height: 14px;
}
.alert::before.showcase-green {
  background-position: -300px -220px;
  width: 16px;
  height: 14px;
}
.alert::before.showcase-white {
  background-position: -320px -220px;
  width: 16px;
  height: 14px;
}
.alert::before.domain-status-black {
  background-position: -340px -220px;
  width: 15px;
  height: 11px;
}
.alert::before.externallink-small-pink {
  background-position: -140px -240px;
  width: 10px;
  height: 10px;
}
.alert::before.hosting-comparison {
  background-position: -160px -240px;
  width: 17px;
  height: 14px;
}
.alert::before.hosting-comparison-check {
  background-position: -180px -240px;
  width: 15px;
  height: 11px;
}
.alert::before.hosting-comparison-cross {
  background-position: -200px -240px;
  width: 11px;
  height: 11px;
}
.alert::before.hosting-comparison-dash {
  background-position: -220px -240px;
  width: 12px;
  height: 2px;
}
.alert::before.help-tip-hollow-small {
  background-position: -240px -240px;
  width: 14px;
  height: 14px;
}
.alert::before.not-allowed-white {
  background-position: -260px -240px;
  width: 15px;
  height: 15px;
}
.alert::before.hosting-basic-small {
  background-position: -280px -240px;
  width: 19px;
  height: 14px;
}
.alert::before.hosting-cms-small {
  background-position: -300px -240px;
  width: 19px;
  height: 14px;
}
.alert::before.hosting-business-small {
  background-position: -320px -240px;
  width: 19px;
  height: 14px;
}
.alert::before.referral-navbar {
  background-position: 0px -260px;
  width: 24px;
  height: 24px;
}
.alert::before.oauth-arrows {
  background-position: -40px -260px;
  width: 44px;
  height: 37px;
}
.alert::before.add-white-big {
  background-position: -140px -260px;
  width: 12px;
  height: 12px;
}
.alert::before.arrow-up-big-white {
  background-position: -160px -260px;
  width: 14px;
  height: 13px;
}
.alert::before.arrow-right-big-black {
  background-position: -180px -260px;
  width: 16px;
  height: 14px;
}
.alert::before.domain-status {
  background-position: -200px -260px;
  width: 15px;
  height: 11px;
}
.alert::before.email-blue {
  background-position: -220px -260px;
  width: 14px;
  height: 12px;
}
.alert::before.notice-success {
  background-position: -240px -260px;
  width: 18px;
  height: 18px;
}
.alert::before.page {
  background-position: -260px -260px;
  width: 11px;
  height: 13px;
}
.alert::before.domain-custom-small {
  background-position: -280px -260px;
  width: 14px;
  height: 14px;
}
.alert::before.user-black {
  background-position: -300px -260px;
  width: 12px;
  height: 13px;
}
.alert::before.database {
  background-position: -320px -260px;
  width: 11px;
  height: 13px;
}
.alert::before.pencil {
  background-position: -340px -260px;
  width: 11px;
  height: 11px;
}
.alert::before.search {
  background-position: -360px -260px;
  width: 15px;
  height: 15px;
}
.alert::before.home-small-white {
  background-position: -140px -280px;
  width: 12px;
  height: 10px;
}
.alert::before.cross-xsmall-white {
  background-position: -160px -280px;
  width: 7px;
  height: 7px;
}
.alert::before.hosting-basic-green {
  background-position: 0px -300px;
  width: 32px;
  height: 28px;
}
.alert::before.hosting-cms-green {
  background-position: -40px -300px;
  width: 32px;
  height: 28px;
}
.alert::before.hosting-business-green {
  background-position: -80px -300px;
  width: 32px;
  height: 28px;
}
.alert::before.cc-visa {
  background-position: -120px -300px;
  width: 43px;
  height: 29px;
}
.alert::before.cc-mastercard {
  background-position: -180px -300px;
  width: 43px;
  height: 29px;
}
.alert::before.cc-amex {
  background-position: -240px -300px;
  width: 43px;
  height: 29px;
}
.alert::before.cc-generic {
  background-position: -300px -300px;
  width: 43px;
  height: 29px;
}
.alert::before.cc-visa-small {
  background-position: -360px -300px;
  width: 29px;
  height: 20px;
}
.alert::before.cc-mastercard-small {
  background-position: -400px -300px;
  width: 29px;
  height: 20px;
}
.alert::before.cc-amex-small {
  background-position: -440px -300px;
  width: 29px;
  height: 20px;
}
.alert::before.cc-generic-small {
  background-position: -480px -300px;
  width: 29px;
  height: 20px;
}
.alert::before.hosting-basic-white {
  background-position: 0px -340px;
  width: 32px;
  height: 28px;
}
.alert::before.hosting-cms-white {
  background-position: -40px -340px;
  width: 32px;
  height: 28px;
}
.alert::before.hosting-business-white {
  background-position: -80px -340px;
  width: 32px;
  height: 28px;
}
.alert::before.speech-bubble {
  background-position: -120px -340px;
  width: 25px;
  height: 23px;
}
.alert::before.flag-australia {
  background-position: -160px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-canada {
  background-position: -200px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-denmark {
  background-position: -240px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-finland {
  background-position: -280px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-ireland {
  background-position: -320px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-norway {
  background-position: -360px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-sweden {
  background-position: -400px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-united-kingdom {
  background-position: -440px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-united-states {
  background-position: -480px -340px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-austria {
  background-position: 0px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-belgium {
  background-position: -40px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-france {
  background-position: -80px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-germany {
  background-position: -120px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-italy {
  background-position: -160px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-luxembourg {
  background-position: -200px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-netherlands {
  background-position: -240px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-spain {
  background-position: -280px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-japan {
  background-position: -320px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-mexico {
  background-position: -360px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-singapore {
  background-position: -400px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-switzerland {
  background-position: -440px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.flag-portugal {
  background-position: -480px -380px;
  width: 33px;
  height: 23px;
}
.alert::before.notice-upgrade {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-upgrade-green {
  background-position: -20px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-info {
  background-position: -40px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-info-black {
  background-position: -60px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-warning {
  background-position: -80px -420px;
  width: 20px;
  height: 18px;
}
.alert::before.notice-risky {
  background-position: -100px -420px;
  width: 20px;
  height: 18px;
}
.alert::before.notice-danger {
  background-position: -120px -420px;
  width: 20px;
  height: 18px;
}
.alert::before.notice-warning-circle {
  background-position: -140px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-risky-circle {
  background-position: -160px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-danger-circle {
  background-position: -180px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-success {
  background-position: -200px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-notallowed {
  background-position: -220px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-help {
  background-position: -240px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-refresh {
  background-position: -260px -420px;
  width: 15px;
  height: 17px;
}
.alert::before.notice-publish {
  background-position: -280px -420px;
  width: 16px;
  height: 17px;
}
.alert::before.notice-upgrade2-white {
  background-position: -300px -420px;
  width: 18px;
  height: 16px;
}
.alert::before.notice-upgrade-white {
  background-position: -320px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-info-white {
  background-position: -340px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-warning-white {
  background-position: -360px -420px;
  width: 20px;
  height: 17px;
}
.alert::before.notice-warning-circle-white {
  background-position: -380px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-success-white {
  background-position: -400px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-notallowed-white {
  background-position: -420px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-help-white {
  background-position: -440px -420px;
  width: 18px;
  height: 18px;
}
.alert::before.notice-refresh-white {
  background-position: -460px -420px;
  width: 15px;
  height: 17px;
}
.alert::before.notice-publish-white {
  background-position: -480px -420px;
  width: 16px;
  height: 17px;
}
.alert::before.google-domains {
  background-position: 0px -440px;
  width: 168px;
  height: 25px;
}
.alert::before.google-icon {
  background-position: -180px -440px;
  width: 29px;
  height: 30px;
}
.alert::before.domain {
  background-position: -220px -440px;
  width: 32px;
  height: 32px;
}
.alert::before.domain-ssl-pending {
  background-position: -260px -440px;
  width: 32px;
  height: 32px;
}
.alert::before.domain-ssl-success {
  background-position: -300px -440px;
  width: 32px;
  height: 32px;
}
.alert::before.folder {
  background-position: -340px -440px;
  width: 13px;
  height: 12px;
}
.alert::before.folder-add {
  background-position: -360px -440px;
  width: 20px;
  height: 15px;
}
.alert::before.ellipsis {
  background-position: -380px -440px;
  width: 16px;
  height: 4px;
}
.alert::before.clear {
  background-position: -400px -440px;
  width: 14px;
  height: 14px;
}
.alert::before.angled-divider {
  background-position: -420px -440px;
  width: 8px;
  height: 13px;
}
.alert::before.flag-new-zealand {
  background-position: 0px -480px;
  width: 33px;
  height: 23px;
}
.alert::before.fade {
  opacity: 0.5;
  transition: opacity 100ms ease-in-out;
}
.alert::before.fade:hover {
  opacity: 0.8;
}
.alert::before.highlight {
  opacity: 1.0;
  transition: opacity 100ms ease-in-out;
}
.alert::before.highlight:hover {
  opacity: 0.8;
}
.alert::before.lighten,
.alert::before.lighter {
  opacity: 0.8;
}
.alert::before.light {
  opacity: 0.6;
}
.alert::before.lightest {
  opacity: 0.4;
}
.alert.thin {
  padding: 6px 8px;
}
.alert.heavy {
  color: white;
  border: none;
  padding: 9px 12px;
  border-bottom: 0;
}
.alert.heavy a {
  color: white;
  text-decoration: underline;
}
.alert.heavy::after {
  content: none;
}
.alert.heavy.danger {
  background-color: #EA3539;
}
.alert.heavy.danger::before {
  background-position: -360px -420px;
  width: 20px;
  height: 17px;
}
.alert.heavy.danger a {
  color: white;
  text-decoration: underline;
}
.alert.heavy.warning {
  background-color: #F7622C;
}
.alert.heavy.warning::before {
  background-position: -360px -420px;
  width: 20px;
  height: 17px;
}
.alert.heavy.warning a {
  color: white;
  text-decoration: underline;
}
.alert.heavy.info {
  background-color: #458CCF;
}
.alert.heavy.info::before {
  background-position: -340px -420px;
  width: 18px;
  height: 18px;
}
.alert.heavy.info a {
  color: white;
  text-decoration: underline;
}
.alert.heavy.success {
  background-color: #24A266;
}
.alert.heavy.success::before {
  background-position: -340px -420px;
  width: 18px;
  height: 18px;
}
.alert.heavy.success a {
  color: white;
  text-decoration: underline;
}
.alert.danger a {
  color: #EA3539;
}
.alert.danger::after {
  background-color: #EA3539;
}
.alert.danger::before {
  background-position: -120px -420px;
  width: 20px;
  height: 18px;
}
.alert.upgrade a {
  color: #F7622C;
}
.alert.upgrade::after {
  background-color: #F7622C;
}
.alert.upgrade::before {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.alert.star::after {
  background-color: #24A266;
}
.alert.star::before {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.alert.not-allowed::after {
  background-color: #EA3539;
}
.alert.not-allowed::before {
  background-position: -220px -420px;
  width: 18px;
  height: 18px;
}
.alert.caution::after {
  background-color: #F9C22D;
}
.alert.caution::before {
  background-position: -80px -420px;
  width: 20px;
  height: 18px;
}
.alert.warning a {
  color: #F7622C;
}
.alert.warning::after {
  background-color: #F7622C;
}
.alert.warning::before {
  background-position: -100px -420px;
  width: 20px;
  height: 18px;
}
.alert.success a {
  color: #24A266;
}
.alert.success::after {
  background-color: #24A266;
}
.alert.success::before {
  background-position: -240px -260px;
  background-position: -200px -420px;
  width: 18px;
  height: 18px;
}
.alert.question::after {
  background-color: #458CCF;
}
.alert.question::before {
  background-position: -240px -420px;
  width: 18px;
  height: 18px;
}
.alert.info::after {
  background-color: #458CCF;
}
.alert.info::before {
  background-position: -40px -420px;
  width: 18px;
  height: 18px;
}
.alert.info.dark::after {
  background-color: #4e5b68;
}
.alert.info.dark::before {
  background-position: -60px -420px;
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
.alert.no-icon::after {
  background-color: #20252a;
}
.alert.no-icon::before {
  display: none;
}
.alert.multiline {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.alert.multiline .line {
  min-width: 100%;
}
.alert a {
  text-decoration: none;
  margin-bottom: -1px;
  cursor: pointer;
}
.alert a:hover {
  text-decoration: underline;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
  margin: 0 0 5px 0;
}
.alert ul {
  display: block;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .alert::before {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dashboard@2x.9b1187e1a8.png);
    background-size: 520px;
  }
}
.offset-form {
  margin: 10px 0;
  padding: 20px;
  background-color: #fcfcfc;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
}
.offset-form.small {
  padding: 10px;
}
form {
  /*
    For classes, such as the tag input, that would mimic
    the :focus, :hover, etc. attributes
  */
}
form .form-field {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.21), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  -webkit-appearance: none;
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
}
form .hovering {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.35), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
form .focused {
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
form .legend {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding: 16px 0 32px;
}
form .code {
  background-color: #5f5f5f;
  border-radius: 5px;
  padding: 15px 20px 15px 15px;
  float: left;
}
form .code textarea {
  margin: 5px 0 5px 15px;
}
form .code .tag {
  color: #66B4D6;
}
form .split-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .split-field .field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
form .split-field .field:first-child input[type='text'],
form .split-field .field:first-child input[type='email'],
form .split-field .field:first-child input[type='password'],
form .split-field .field:first-child input[type='url'] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form .split-field .field:first-child input[type='text']:focus,
form .split-field .field:first-child input[type='email']:focus,
form .split-field .field:first-child input[type='password']:focus,
form .split-field .field:first-child input[type='url']:focus {
  position: relative;
  z-index: 10;
}
form .split-field .field:last-child input[type='text'],
form .split-field .field:last-child input[type='email'],
form .split-field .field:last-child input[type='password'],
form .split-field .field:last-child input[type='url'] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
form .field {
  padding-bottom: 20px;
}
form .field.full-width {
  width: 100%;
}
form .field.split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .field.split input[type='text'],
form .field.split input[type='email'],
form .field.split input[type='password'],
form .field.split input[type='url'] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
form .field.split input[type='text']:first-of-type,
form .field.split input[type='email']:first-of-type,
form .field.split input[type='password']:first-of-type,
form .field.split input[type='url']:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form .field.split input[type='text']:first-of-type:hover,
form .field.split input[type='email']:first-of-type:hover,
form .field.split input[type='password']:first-of-type:hover,
form .field.split input[type='url']:first-of-type:hover,
form .field.split input[type='text']:first-of-type:focus,
form .field.split input[type='email']:first-of-type:focus,
form .field.split input[type='password']:first-of-type:focus,
form .field.split input[type='url']:first-of-type:focus {
  z-index: 10;
}
form .field.split input[type='text']:last-of-type,
form .field.split input[type='email']:last-of-type,
form .field.split input[type='password']:last-of-type,
form .field.split input[type='url']:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
form .field.split .alert {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
form .field:before,
form .field:after {
  content: " ";
  display: table;
}
form .field:after {
  clear: both;
}
form .field:before,
form .field:after {
  content: " ";
  display: table;
}
form .field:after {
  clear: both;
}
form .field:before,
form .field:after {
  content: " ";
  display: table;
}
form .field:after {
  clear: both;
}
form .field:before,
form .field:after {
  content: " ";
  display: table;
}
form .field:after {
  clear: both;
}
form .field:before,
form .field:after {
  content: " ";
  display: table;
}
form .field:after {
  clear: both;
}
form .field .char-count {
  float: right;
  font-size: 14px;
  color: rgba(43, 50, 57, 0.4);
  line-height: 0;
  position: relative;
  top: 15px;
}
form .field input[type='checkbox'] {
  width: 14px;
}
form .field ul {
  padding-left: 15px;
  margin-top: 5px;
}
form .field ul li input.checkbox {
  margin-right: 10px;
}
form .field label {
  display: block;
  margin-bottom: 9px;
  font-weight: 400;
}
form .field label span {
  float: right;
  color: rgba(43, 50, 57, 0.45);
  font-size: 14px;
  margin-top: 2px;
}
form .field label.smallcaps {
  color: rgba(43, 50, 57, 0.45);
  font-size: 12px;
}
form .field label.checkbox {
  display: inline-block;
  padding-left: 7px;
}
form .field label .help {
  display: inline-block;
  color: rgba(43, 50, 57, 0.45);
  float: right;
  font-size: 13px;
  padding-top: 3px;
  border: 0;
}
form .field input[type='text'],
form .field input[type='email'],
form .field input[type='password'],
form .field input[type='number'],
form .field input[type='url'],
form .field select,
form .field textarea {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.21), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  -webkit-appearance: none;
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
}
form .field input[type='text']:hover,
form .field input[type='email']:hover,
form .field input[type='password']:hover,
form .field input[type='number']:hover,
form .field input[type='url']:hover,
form .field select:hover,
form .field textarea:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.35), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
form .field input[type='text']:focus,
form .field input[type='email']:focus,
form .field input[type='password']:focus,
form .field input[type='number']:focus,
form .field input[type='url']:focus,
form .field select:focus,
form .field textarea:focus {
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(69, 140, 207, 0);
}
form .field input[type='text'].disabled,
form .field input[type='email'].disabled,
form .field input[type='password'].disabled,
form .field input[type='number'].disabled,
form .field input[type='url'].disabled,
form .field select.disabled,
form .field textarea.disabled {
  background: rgba(0, 0, 0, 0.05);
}
form .field input[type='text'].ng-dirty.showError.ng-invalid,
form .field input[type='email'].ng-dirty.showError.ng-invalid,
form .field input[type='password'].ng-dirty.showError.ng-invalid,
form .field input[type='number'].ng-dirty.showError.ng-invalid,
form .field input[type='url'].ng-dirty.showError.ng-invalid,
form .field select.ng-dirty.showError.ng-invalid,
form .field textarea.ng-dirty.showError.ng-invalid,
form .field input[type='text'].ng-dirty.showError.ng-invalid-subdomain,
form .field input[type='email'].ng-dirty.showError.ng-invalid-subdomain,
form .field input[type='password'].ng-dirty.showError.ng-invalid-subdomain,
form .field input[type='number'].ng-dirty.showError.ng-invalid-subdomain,
form .field input[type='url'].ng-dirty.showError.ng-invalid-subdomain,
form .field select.ng-dirty.showError.ng-invalid-subdomain,
form .field textarea.ng-dirty.showError.ng-invalid-subdomain {
  box-shadow: inset 0px 0px 0px 1px rgba(234, 53, 57, 0.85), inset 0 5px 3px -2px rgba(43, 50, 57, 0.05), 0 0 4px 1px rgba(234, 53, 57, 0);
}
form .field input[type='text'].mini,
form .field input[type='email'].mini,
form .field input[type='password'].mini,
form .field input[type='number'].mini,
form .field input[type='url'].mini,
form .field select.mini,
form .field textarea.mini {
  font-size: 10px;
}
form .field textarea {
  min-height: 100px;
}
form .field .help button {
  margin-top: 0px;
}
form .field .validator {
  color: red;
  padding: 10px 0;
}
form .field.credit {
  padding-bottom: 3px;
}
form .field.credit .label {
  color: rgba(43, 50, 57, 0.45);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 0px;
}
form .field.credit .stacked-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .field.credit .stacked-inputs .label {
  white-space: nowrap;
}
form .field.credit .stacked-inputs .input-col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
form .field.credit .stacked-inputs .input-col.left {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
form .field.credit .stacked-inputs .input-col.left input[type='text'] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
form .field.credit .stacked-inputs .input-col.right {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}
form .field.credit .stacked-inputs .input-col.right input[type='text'] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
form .field.credit.number {
  width: 100%;
}
form .field.credit.name {
  width: 100%;
}
form .field.credit.expiry {
  width: 100%;
}
form .field.credit.cvc {
  width: 100%;
}
form .field select {
  height: 40px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), 0px 1px 1px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
form .field select:hover {
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.35), 0px 1px 1px rgba(0, 0, 0, 0.06);
}
form .field select:focus {
  box-shadow: inset 0px 0px 0px 1px rgba(69, 140, 207, 0.85), 0px 1px 1px rgba(0, 0, 0, 0.06);
}
form .field .select-wrap + button {
  margin-top: 15px;
}
form .field .select-arrow {
  position: absolute;
  right: 30px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -22px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
  pointer-events: none;
}
form .field.field-with-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form .field.field-with-button input[type='text'],
form .field.field-with-button input[type='email'],
form .field.field-with-button input[type='password'],
form .field.field-with-button input[type='number'],
form .field.field-with-button select,
form .field.field-with-button textarea {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.21), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  -webkit-appearance: none;
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
  outline: 0;
  height: 40px;
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
}
form .field.field-with-button input[type='text'].no-button,
form .field.field-with-button input[type='email'].no-button,
form .field.field-with-button input[type='password'].no-button,
form .field.field-with-button input[type='number'].no-button,
form .field.field-with-button select.no-button,
form .field.field-with-button textarea.no-button {
  border-radius: 2px;
}
form .field.field-with-button input[disabled] {
  background-color: rgba(43, 50, 57, 0.06);
  color: rgba(43, 50, 57, 0.35);
  pointer-events: none;
}
form .field.field-with-button button.input-button,
form .field.field-with-button a.button,
form .field.field-with-button button,
form .field.field-with-button input.button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  margin-left: -1px;
  height: 40px;
  padding: 9px 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
form .field.no-margin {
  margin: 0;
  padding: 0;
}
form .radio-row.disabled {
  opacity: 0.5;
}
form .radio-row.disabled input[type='radio'] {
  pointer-events: none;
}
form .radio-row input[type='radio'] {
  display: inline-block;
  margin: 10px 5px 0 0;
}
form .radio-row label {
  display: inline-block;
  padding-right: 30px;
  color: #2B3239;
}
form .slidy-box {
  margin-top: 20px;
}
form .slidy-box a {
  border: 0 solid;
  text-decoration: none;
  outline: 0;
}
form .slidy-box .kits {
  float: left;
}
form .slidy-box .kit {
  position: relative;
  width: 23%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 2% 26px 0;
}
form .slidy-box .kit:nth-child(4n+4) {
  margin-right: 0;
}
form .slidy-box .kit:hover {
  cursor: pointer;
}
form .slidy-box .kit:hover .preview {
  visibility: show;
}
form .slidy-box .kit.ng-move,
form .slidy-box .kit.ng-enter {
  transition: all 300ms ease;
}
form .slidy-box .kit.ng-leave {
  display: none;
}
form .slidy-box .kit.ng-leave.ng-leave-active,
form .slidy-box .kit.ng-move,
form .slidy-box .kit.ng-enter {
  opacity: 0;
}
form .slidy-box .kit.ng-leave,
form .slidy-box .kit.ng-move.ng-move-active,
form .slidy-box .kit.ng-enter.ng-enter-active {
  opacity: 1;
}
form .slidy-box .kit .kit-preview {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(43, 50, 57, 0.2);
  border-radius: 1px;
  border: 0;
  outline: 0;
  padding: 12px;
  height: 160px;
  overflow-y: auto;
  transition: all 100ms ease;
}
form .slidy-box .kit .kit-preview ul {
  font-size: 13px;
  padding-left: 0px;
}
form .slidy-box .kit .kit-preview li.family,
form .slidy-box .kit .kit-preview h4,
form .slidy-box .kit .kit-preview em {
  text-align: center;
  display: block;
  padding: 3px 0;
}
form .slidy-box .kit .kit-preview h4 {
  font-weight: bold;
  margin: 10px 0;
  padding-bottom: 5px;
  -webkit-font-smoothing: antialiased;
}
form .slidy-box .kit .kit-preview:hover {
  box-shadow: 0 0 0 2px rgba(43, 50, 57, 0.4);
}
form .slidy-box .kit .kit-preview.active {
  box-shadow: 0 0 0 3px #458CCF;
}
form .slidy-box .kit.none h4 {
  border: none;
  font-weight: bold;
}
form.add-org .content.padding {
  margin: 0 -41px 0px -41px;
  border-top: 1px solid #D5D8DE;
  padding: 35px;
}
.modal .switch {
  margin-right: 15px;
}
.modal-header {
  padding: 15px 0px 15px 20px;
  border-bottom: 1px solid #e1e1e7;
  background-color: #FFFFFF;
  border-radius: 3px 3px 0 0;
}
.modal-header > i.icon {
  float: left;
  margin-right: 12px;
  margin-top: 7px;
  opacity: 0.8;
}
.modal-header > i.icon.hire {
  margin-top: 9px;
}
.modal-header.with-logo {
  text-align: center;
  padding: 17px 0px 11px 27px;
}
.modal-header.with-logo i.icon.login-logo {
  float: none;
  margin: 0;
}
.modal-header.with-top-menu {
  padding-bottom: 0;
}
.modal-header h3,
.modal-header h4 {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  font-weight: 600;
}
.modal-header h3 span,
.modal-header h4 span {
  font-weight: 400;
  color: rgba(43, 50, 57, 0.45);
  margin-left: 10px;
}
.modal-header .close {
  padding: 8px 20px;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  float: right;
  opacity: 0.4;
  transition: opacity 100ms ease;
}
.modal-header .close:focus {
  outline: 0;
}
.modal-header .close:hover {
  opacity: 0.9;
}
.modal-header.payment .link {
  clear: both;
  font-size: 14px;
  display: block;
  padding-bottom: 14px;
  text-transform: uppercase;
}
.modal-header.payment .link a,
.modal-header.payment .link span {
  text-decoration: none;
  float: right;
  font-size: 11px;
  color: #8b8b8b;
}
.modal-header.payment .coupon {
  margin-right: 20px;
  padding-bottom: 10px;
}
.modal-header.payment .coupon a span {
  opacity: 0.6;
  font-size: 12px;
  color: #24A266;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border 100ms ease;
}
.modal-header.payment .coupon a:hover span {
  opacity: 1.0;
  border-bottom: 1px solid #24A266;
}
.modal-header.payment .coupon a:hover i.icon {
  opacity: 1.0;
}
.modal-header.payment .coupon a i.icon {
  opacity: 0.6;
  float: left;
  margin-right: 6px;
  margin-top: 1px;
}
.modal-body {
  padding: 17px 20px 10px 20px;
  background-color: #f5f5f7;
}
.modal-body.discover-signup {
  border-radius: 3px 3px 0 0;
}
.modal-body .switch-auth a {
  font-weight: 600;
  color: #4e5b68;
}
.modal-body .switch-auth a:hover {
  color: #458CCF;
  border-bottom-color: #458CCF;
  text-decoration: none;
}
.modal-body div.overflow {
  overflow: scroll;
  height: 450px;
}
.modal-body h2.hero {
  text-align: center;
  font-weight: 300;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 15px;
}
.modal-body form.center-form {
  width: 90%;
  margin: 0 auto 15px auto;
}
.modal-body form.center-form input {
  margin-bottom: 0;
}
.modal-body form.center-form button.button {
  width: 100%;
}
.modal-body p {
  padding-bottom: 15px;
  margin: 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
}
.modal-body p i {
  font-size: 12px;
}
.modal-body p a {
  text-decoration: none;
}
.modal-body p a:hover {
  text-decoration: underline;
}
.modal-body.notice-modal a {
  color: #4e5b68;
  text-decoration: none;
}
.modal-body.notice-modal > p {
  padding-bottom: 0;
}
.modal-body.notice-modal .fade-out {
  height: 30px;
  width: 100%;
}
.modal-body .label {
  font-weight: 600;
  margin-bottom: 10px;
}
.modal-body input[type="radio"],
.modal-body input[type="checkbox"] {
  display: inline-block;
  color: #4e5b68;
  margin: 8px 8px 7px 15px;
}
.modal-body input[type="radio"] + label {
  display: inline-block;
}
.modal-body input[type='text'],
.modal-body input[type='email'],
.modal-body input[type='password'],
.modal-body textarea {
  background-color: white;
  box-shadow: inset 0 1px 0 0px #d3d3dc, inset 0 0 0 1px #d3d3dc, inset 0 1px 2px 1px #efeff2, 0 0 0 0 #458CCF;
  margin-bottom: 7px;
}
.modal-body input[type='text']:hover,
.modal-body input[type='email']:hover,
.modal-body input[type='password']:hover,
.modal-body textarea:hover {
  background-color: white;
}
.modal-body input[type='text']:focus,
.modal-body input[type='email']:focus,
.modal-body input[type='password']:focus,
.modal-body textarea:focus {
  outline: 0;
  background-color: white;
  box-shadow: inset 0 1px 0 0px #337fc7, inset 0 0 0 1px #5999d4, inset 0 1px 2px 1px #efeff2, 0 0 7px 0 rgba(69, 140, 207, 0.8);
}
.modal-body h3 {
  margin-top: 0;
}
.modal-body .field .note {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}
.modal-body .field .choice {
  font-weight: 600;
}
.modal-body .field .choice span {
  font-weight: 300;
  padding-left: 10px;
  color: #8F8F8F;
}
.modal-body.payment .smallcaps {
  color: rgba(43, 50, 57, 0.45);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}
.modal-body.payment .payment-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 2px 0 rgba(43, 50, 57, 0.04);
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 20px;
}
.modal-body.payment .payment-info .detail {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
}
.modal-body.payment .payment-info .detail:last-child {
  border-right: 0;
}
.modal-body.payment .payment-info .detail a {
  display: block;
  font-size: 13px;
  margin-top: 10px;
  text-decoration: none;
}
.modal-body.payment .payment-info .detail > div {
  font-size: 14px;
  margin-bottom: 10px;
}
.modal-body.payment .payment-info .detail span {
  font-size: 20px;
}
.modal-body.payment .payment-info .detail span.green-text {
  color: #24A266;
}
.modal-body.payment .payment-info .detail span.mini {
  font-size: 14px;
  color: rgba(43, 50, 57, 0.45);
}
.modal-body.payment .payment-info .detail i.icon.help-tip,
.modal-body.payment .payment-info .detail i.icon.help-tip-hollow {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 8px;
  opacity: 0.4;
}
.modal-body.payment table {
  margin-top: 10px;
  background: none;
}
.modal-body.payment table tbody {
  background: none;
}
.modal-body.payment .form .field {
  padding-bottom: 0px;
}
.modal-body.payment .form .label {
  text-align: left;
  margin-top: 9px;
  margin-bottom: 8px;
}
.modal-body .alert a strong :hover {
  cursor: pointer;
}
.modal-body table th {
  font-weight: normal;
}
.modal-body table th.current {
  font-weight: bold;
}
.modal-body table td.value {
  font-weight: bold;
}
.modal-form {
  margin-bottom: 0;
}
.modal-form .field {
  padding-bottom: 0;
}
.modal-footer {
  padding: 0px 20px 25px 20px;
  border-top-width: 0;
  background-color: #f5f5f7;
  border-radius: 0 0 3px 3px;
  text-align: center;
}
.modal-footer .button {
  margin-bottom: 13px;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}
.modal-footer .button.pull-right,
.modal-footer .button.space-left {
  margin-left: 20px;
}
.modal-footer .cancel {
  display: block;
  cursor: pointer;
  color: rgba(43, 50, 57, 0.45);
  text-align: center;
  text-decoration: none;
}
.modal-footer .cancel:hover {
  text-decoration: underline;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.crop-modal {
  z-index: 1050;
  display: block;
  overflow: scroll;
}
.crop-modal .modal-body .detail {
  width: 286px;
}
@media (min-width: 320px) and (max-width: 414px) {
  .crop-modal .modal-body .detail {
    margin: 0 auto 20px;
  }
}
@media (max-width: 320px) {
  .crop-modal .modal-body .detail {
    margin: 0 -13px 20px;
  }
}
.crop-modal .modal-body .detail > div {
  width: 256px;
  height: 256px;
  display: inline-block;
  margin: 5px;
  overflow: hidden;
  box-sizing: content-box;
  border: 1px solid #efefef;
  background: #f8f8f8;
}
.crop-modal .modal-body .preview-container.rounded {
  border-radius: 100%;
}
.crop-modal .modal-body .crop-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 2px 0 rgba(43, 50, 57, 0.04);
  border-radius: 3px;
  padding: 20px 0;
  margin-bottom: 15px;
}
@media (max-width: 414px) {
  .crop-modal .modal-body .crop-info {
    display: block;
    padding: 20px 0;
  }
}
.crop-modal .modal-body.crop .smallcaps {
  color: rgba(43, 50, 57, 0.45);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}
.crop-modal .modal-footer button {
  margin: 5px;
}
@media (max-width: 1024px) {
  .crop-modal .modal-footer button {
    margin-top: 20px;
  }
}
@media (max-width: 414px) {
  .crop-modal .modal-footer button {
    padding-left: 20px;
    padding-right: 25px;
  }
}
form.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
form.share .field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
publish-button {
  position: relative;
}
.publish-button .caret {
  margin-left: 10px;
  width: 7px;
  height: 7px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  top: -2px;
}
.border-seperator:before {
  content: ' ';
  margin-right: 6px;
  border-left: 1px solid rgba(43, 50, 57, 0.2);
  position: relative;
  top: -1px;
}
.publish-dropdown {
  position: absolute;
  background: white;
  margin-top: 10px;
  z-index: 10;
  right: 0;
  width: 328px;
  border-radius: 3px;
  box-shadow: 0 3px 8px rgba(43, 50, 57, 0.25), 0 0 0 1px rgba(43, 50, 57, 0.15);
}
.publish-dropdown .header {
  padding: 0;
  line-height: 10px;
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(43, 50, 57, 0.45);
  font-family: Helvetica, Arial, sans-serif;
  margin: 11px 11px 9px;
}
.publish-dropdown .break {
  height: 1px;
  width: 100%;
  background: #d4d7dc;
}
.publish-dropdown .publish {
  margin: 0 10px;
}
.publish-dropdown .checkbox {
  float: left;
  margin-left: 5px;
}
.publish-dropdown .details {
  float: left;
  padding-bottom: 8px;
  max-width: 290px;
}
.publish-dropdown .details .detail {
  display: block;
  margin: 5px 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: rgba(43, 50, 57, 0.45);
}
.publish-dropdown .details .detail.left {
  float: left;
  margin-right: 8px;
}
.publish-dropdown .details .detail.bold {
  font-weight: bold;
}
.publish-dropdown .details .detail.name {
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  margin: 11px 0 2px 0;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #4e5b68;
  cursor: pointer;
}
.publish-dropdown .details .detail.name.custom-placeholder {
  margin-top: 12px;
}
.publish-dropdown .details .detail.name .domain-link i {
  opacity: 0.35;
}
.publish-dropdown .details .detail.name .domain-link i:hover {
  opacity: 1.0;
}
.publish-dropdown .details .detail.last-published .icon {
  margin-right: 5px;
  margin-left: 0;
}
.publish-dropdown .details .detail.last-published .lightest {
  opacity: 0.4;
}
.publish-dropdown .details .published {
  color: #24A266;
}
.publish-dropdown .details .grey {
  color: rgba(43, 50, 57, 0.45);
}
.publish-dropdown .details .grey a {
  color: rgba(43, 50, 57, 0.45);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
  transition: color 100ms ease, border-bottom 100ms ease;
}
.publish-dropdown .details .grey a:hover {
  color: #4e5b68;
  border-bottom: 1px solid rgba(43, 50, 57, 0.45);
}
.publish-dropdown .details .grey a.simple-link {
  border-bottom: 1px solid transparent;
}
.publish-dropdown .details .icon {
  margin-left: 7px;
}
.publish-dropdown .cl-fix {
  clear: both;
}
.publish-dropdown .domain-container {
  position: relative;
  display: block;
  overflow: hidden;
}
.publish-dropdown .button-container {
  margin: 7px 12px;
}
.publish-dropdown .button-container .button {
  margin: 0 10px 0 0 !important;
}
.publish-dropdown .button-container .button.success {
  background: #24A266;
  cursor: default;
}
.publish-dropdown .loading-overlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
  bottom: 1px;
  box-shadow: 0 1px 0 #d4d7dc;
}
.publish-dropdown .loading-overlay loading-widget {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 38px;
}
.publish-dropdown .loading-overlay loading-widget .loading-spinner {
  display: block;
}
.publish-dropdown .loading-overlay loading-widget .loading-spinner > div {
  background-color: #4e5b68;
}
.publish-dropdown .subdomain {
  position: relative;
}
.publish-dropdown .hover-text {
  position: absolute;
  right: 100%;
  width: 308px;
  padding: 5px;
  margin: 0px;
  background: white;
  color: #4e5b68;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 5px;
  line-height: 14px;
  font-size: 14px;
  text-align: center;
}
.atwho-view {
  z-index: 103 !important;
}
.atwho-view .cur {
  background: #458CCF;
}
.atwho-view .profile-img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.skill {
  display: inline-block;
  padding: 2px 6px;
  margin: 0 8px 9px 0;
  border-radius: 2px;
  background: rgba(43, 50, 57, 0.08);
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.03);
  color: #4e5b68;
  font-size: 16px;
  white-space: nowrap;
}
.skill.simple {
  padding: 0;
  background: transparent;
  box-shadow: none;
  margin: 3px 6px 0 0;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.skill.simple:after {
  content: ",";
  display: inline;
}
.skill.simple:last-child:after {
  content: "";
}
.img-box {
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 50%;
  padding: 5px 5px 0 5px;
  margin-bottom: 25px;
}
.profile-img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  display: inline;
}
.profile-img.border {
  border: 1px solid #F0F1F3;
}
.profile-img.small {
  width: 24px;
  height: 24px;
}
.profile-img.medium {
  width: 30px;
  height: 30px;
}
.profile-img.activity {
  width: 36px;
  height: 36px;
}
.profile-img.medium-l {
  width: 40px;
  height: 40px;
}
.profile-img.medium-xl {
  width: 68px;
  height: 68px;
}
.profile-img.large {
  width: 80px;
  height: 80px;
}
.profile-img.x-large {
  width: 150px;
  height: 150px;
}
img.profile-img {
  background-color: white;
}
.profile-link {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.profile-link:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.07);
  border-radius: 100%;
}
.notifications p {
  margin-bottom: 33px;
}
.notifications .row {
  margin: 0;
}
.notifications .row .checkbox {
  padding: 12px 0;
  border-top: 1px solid rgba(43, 50, 57, 0.13);
}
.notifications .row .checkbox:first-child {
  border-top: 0;
}
.notifications .row .checkbox:last-child {
  border-bottom: 0;
}
.notifications .row .checkbox label {
  padding-left: 10px;
  line-height: 16px;
  margin-top: -1px;
}
.notifications .row .checkbox label span {
  color: rgba(43, 50, 57, 0.45);
}
.notifications-dropdown {
  position: absolute;
  top: 55px;
  min-width: 270px;
  min-height: 100px;
  padding-bottom: 40px;
  border-radius: 3px;
  background: white;
  left: -123px;
  z-index: 104;
  box-shadow: 0 3px 8px rgba(43, 50, 57, 0.25), 0 0 0 1px rgba(43, 50, 57, 0.15);
  transition: opacity 100ms ease-out;
  opacity: 0;
  display: none;
}
.notifications-dropdown.open-add,
.notifications-dropdown.open-remove {
  display: block;
  opacity: 0;
}
.notifications-dropdown.open {
  display: block;
  opacity: 1;
}
.notifications-dropdown .activity-dropdown-list {
  position: relative;
}
.notifications-dropdown .activity-list-compact activity-item {
  border-left: 0;
  border-right: 0;
}
.notifications-dropdown:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 125px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid white;
  z-index: 10;
}
.notifications-dropdown .empty {
  margin-top: 20px;
}
.notifications-dropdown a.show-all-activity {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 15px;
  width: 100%;
  height: 40px;
  background: #F0F1F3;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid rgba(43, 50, 57, 0.15);
  font-weight: 500;
  text-align: center;
  transition: background 100ms ease, color 100ms ease;
}
.notifications-dropdown a.show-all-activity span {
  color: #4e5b68;
}
.notifications-dropdown a.show-all-activity i.icon {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 10px;
}
.notifications-dropdown a.show-all-activity:hover {
  background: #e7e9ec;
}
.notifications-dropdown a.show-all-activity:hover span {
  color: #4e5b68;
}
.notifications-dropdown a.show-all-activity:hover i.icon {
  opacity: 0.8;
}
.activity-list h2 {
  padding-top: 0;
  margin-bottom: 5px;
}
.activity-list activity-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 65px;
}
.activity-list .item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  position: relative;
  padding: 5px;
  font-size: 14px;
  text-align: left;
  color: #4e5b68;
  z-index: -1px;
}
.activity-list .item .activity,
.activity-list .item .activity-text {
  display: block;
  float: left;
  line-height: 19px;
  padding: 5px 5px 5px 0;
}
.activity-list .item .activity a,
.activity-list .item .activity-text a {
  color: #4e5b68;
  text-decoration: none;
  padding: 0px !important;
  border-bottom: 1px solid rgba(43, 50, 57, 0.18);
  transition: color 100ms ease, border 100ms ease;
}
.activity-list .item .activity a:hover,
.activity-list .item .activity-text a:hover {
  color: #458CCF;
  border-bottom: 1px solid #458CCF;
}
.activity-list .item .thumbnail {
  display: none;
}
.activity-list .item .metadata {
  float: left;
  display: block;
  min-width: 40%;
}
.activity-list .item .metadata .time,
.activity-list .item .metadata .timestamp,
.activity-list .item .metadata .org {
  display: inline-block;
  float: left;
  font-size: 11px;
  color: rgba(43, 50, 57, 0.45);
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 3px;
  margin-bottom: 10px;
}
.activity-list .item .metadata .org {
  margin-left: 7px;
}
.activity-list .item .metadata .org .bullet {
  color: rgba(43, 50, 57, 0.35);
}
.activity-list .item .metadata .org i {
  opacity: 0.3;
  margin-right: 5px;
  margin-left: 3px;
}
.activity-list .date-header {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 12px;
}
.activity-list .date-header .descriptor {
  background: #DFDFDF;
  padding: 5px 10px;
  margin-bottom: 20px;
  margin-left: -10px;
  text-align: center;
}
.activity-list .date-header .descriptor:after {
  content: ' ';
  width: 1px;
  height: 35px;
  background: #DFDFDF;
  position: absolute;
  left: 33px;
  z-index: -1;
}
.activity-list .date-header .date {
  margin-left: 10px;
  color: rgba(43, 50, 57, 0.45);
}
.activity-list .sprite {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 3px rgba(43, 50, 57, 0.1);
  border-radius: 50%;
  margin: 13px 6px 0 13px;
}
.activity-list .sprite .icon {
  margin: 9px;
}
.activity-list .sprite .icon.remove-pink,
.activity-list .sprite .icon.add-black {
  margin: 12px;
}
.activity-list .sprite .icon.notify-add-member,
.activity-list .sprite .icon.notify-invited-member,
.activity-list .sprite .icon.notify-uninvited-member,
.activity-list .sprite .icon.notify-remove-member {
  margin: 7px;
}
.activity-list .sprite .icon.notify-unpublish {
  margin: 8px 0 0 7px;
}
.activity-list .sprite .icon.notify-new-site {
  margin: 10px;
}
.activity-list .sprite .icon.notify-transfer {
  margin: 11px;
}
.activity-list .sprite .icon.notify-delete {
  margin: 8px 10px;
}
.activity-list .sprite .icon.publish-green {
  margin: 8px 9px;
}
.activity-list .sprite .icon.notify-design {
  margin: 10px 9px;
}
.activity-list .sprite .icon.org-med {
  margin: 9px 8px;
}
.activity-list .sprite .icon.notify-follow,
.activity-list .sprite .icon.notify-like {
  margin: 11px 9px;
}
.activity-list .sprite .icon.notify-mention {
  margin: 8px;
}
.activity-list-compact activity-item {
  border-left: 1px solid rgba(43, 50, 57, 0.15);
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  background: white;
}
.activity-list-compact activity-item:first-child {
  border-radius: 3px 3px 0 0;
  border-top: 1px solid rgba(43, 50, 57, 0.15);
}
.activity-list-compact activity-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.activity-list-compact .image {
  display: none;
}
.activity-container {
  margin-bottom: 20px;
}
.activity-list-full {
  margin-top: 20px;
}
.activity-list-full .image {
  margin: 6px 18px 10px 7px;
  float: left;
}
.activity-list-full h2 {
  padding-top: 0;
  margin-bottom: 5px;
}
.activity-list-full .item {
  display: block;
  position: relative;
  min-height: 82px;
  margin: 0 0 10px 10px;
  padding: 10px;
  border: 1px solid rgba(43, 50, 57, 0.15);
  box-shadow: 0 1px 2px 0 rgba(43, 50, 57, 0.05);
  background: #FDFDFD;
  border-radius: 3px;
  font-size: 14px;
  text-align: left;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #4e5b68;
}
.activity-list-full .item .image + .activity,
.activity-list-full .item .image + .activity-text {
  width: 67%;
}
.activity-list-full .item .activity,
.activity-list-full .item .activity-text {
  float: left;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin-top: 2px;
  line-height: 22px;
}
.activity-list-full .item .activity a,
.activity-list-full .item .activity-text a {
  color: #4e5b68;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.18);
  transition: color 100ms ease, border 100ms ease;
}
.activity-list-full .item .activity a:hover,
.activity-list-full .item .activity-text a:hover {
  color: #458CCF;
  border-bottom: 1px solid #458CCF;
}
.activity-list-full .item .metadata .time,
.activity-list-full .item .metadata .timestamp,
.activity-list-full .item .metadata .org {
  font-size: 14px;
  color: rgba(43, 50, 57, 0.45);
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: 4px;
  margin-bottom: 5px;
}
.activity-list-full .item .metadata .org {
  margin-left: 10px;
}
.activity-list-full .item .metadata .org i {
  opacity: 0.35;
  margin-left: 5px;
}
.activity-list-full .item .thumbnail {
  display: block;
  float: right;
  margin-left: 10px;
}
.activity-list-full .item .thumbnail .inset-shadow {
  border-radius: 1px;
}
.activity-list-full .item .thumbnail .thumbImg {
  float: right;
  height: 60px;
  width: 90px;
  border-radius: 1px;
}
.activity-list-full .item:before,
.activity-list-full .item:after {
  right: 100%;
  top: 40px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  clear: both;
}
.activity-list-full .item:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #FDFDFD;
  border-width: 10px;
  margin-top: -10px;
}
.activity-list-full .item:before {
  border-color: transparent;
  border-right-color: rgba(43, 50, 57, 0.15);
  border-width: 11px;
  margin-top: -11px;
}
.activity-list-full .date-header {
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(43, 50, 57, 0.45);
  font-weight: 600;
  position: relative;
}
.activity-list-full .date-header .descriptor {
  background: #DFE1E4;
  padding: 5px 10px;
  border-radius: 3px;
  margin-bottom: 20px;
  margin-left: -10px;
  text-align: center;
}
.activity-list-full .date-header .descriptor:after {
  content: ' ';
  width: 2px;
  height: 50px;
  background: #DFE1E4;
  position: absolute;
  left: 18px;
  top: 20px;
  z-index: -1;
}
.activity-list-full .date-header .date {
  margin-left: 10px;
  color: rgba(43, 50, 57, 0.45);
  font-weight: 400;
}
.activity-list-full activity-item:before {
  content: ' ';
  background: #DFE1E4;
  width: 2px;
  height: 150px;
  position: absolute;
  left: 33px;
  top: inherit;
  z-index: -1;
}
.activity-list-full activity-item:last-of-type:before {
  display: none;
}
.activity-list-full activity-item:first-of-type:after {
  content: ' ';
  background: #DFDFDF;
  width: 1px;
  height: 25px;
  position: absolute;
  left: 33px;
  top: 30px;
  z-index: -1;
}
.activity-list-full .sprite {
  width: 32px;
  height: 32px;
  background: #FDFDFD;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 3px rgba(43, 50, 57, 0.1);
  border-radius: 50%;
  margin-top: 25px;
  margin-left: 3px;
}
.activity-list-full .sprite i {
  margin: 10px;
}
a.org-more {
  display: block;
  padding: 11px;
  background: rgba(253, 253, 253, 0.5);
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 0 0 3px 3px;
  font-size: 14px;
  color: rgba(43, 50, 57, 0.45);
  cursor: pointer;
  text-decoration: none;
  transition: background 100ms ease-in-out, color 100ms ease-in-out;
}
a.org-more i.icon {
  margin-left: 5px;
  margin-right: 20px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  opacity: 0.4;
  transition: opacity 100ms ease-in-out;
}
a.org-more:hover {
  text-decoration: underline;
  background: #FDFDFD;
  color: #4e5b68;
}
a.org-more:hover i.icon {
  opacity: 0.8;
}
.recent {
  font-size: 14px;
  color: rgba(43, 50, 57, 0.45);
  margin-bottom: 10px;
}
.col-md-3 .activity-list-full .activity .item {
  font-size: 12px;
  min-height: 73px;
}
.col-md-3 .activity-list-full .activity .item .image {
  width: 20%;
}
.col-md-3 .activity-list-full .activity .item .activity {
  width: 80%;
  font-size: 13px;
}
.col-md-3 .activity-list-full .activity .item .activity .timestamp {
  margin-top: 4px;
}
.col-md-3 .activity-list-full .activity .item .thumbnail {
  display: none;
}
ul.notices {
  list-style-type: none;
  padding-left: 0px;
  height: auto;
}
ul.notices li {
  margin: 13px 0 15px 0;
  padding: 16px;
  text-align: left;
  color: #4e5b68;
  background: white;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 2px 0 rgba(43, 50, 57, 0.04);
  transition: box-shadow 100ms ease;
}
ul.notices li .title-wrapper .title {
  font-weight: 600;
  display: inline;
  padding-right: 7px;
  font-size: 16px;
}
ul.notices li .title-wrapper .type {
  display: inline;
  color: #24A266;
  background: rgba(36, 162, 102, 0.12);
  padding: 1px 5px;
  font-size: 15px;
  border-radius: 2px;
  margin-left: 4px;
  text-transform: capitalize;
}
ul.notices li .description {
  display: block;
  margin: 10px 0;
  font-size: 15px;
  color: #4e5b68;
}
ul.notices li .description .link {
  display: inline;
}
ul.notices li .description .link a {
  color: #458CCF;
  text-decoration: none;
}
ul.notices li .description .link a:hover {
  text-decoration: underline;
}
ul.notices li .timestamp {
  color: rgba(43, 50, 57, 0.35);
  display: inline;
  text-transform: capitalize;
  font-size: 14px;
}
ul.notices li.bugfix .type {
  color: #EC3F68;
  background: rgba(236, 63, 104, 0.12);
}
ul.notices li.light-feature .type {
  color: #24A266;
  background: rgba(36, 162, 102, 0.12);
}
ul.notices li.update .type,
ul.notices li.blog .type,
ul.notices li.tutorial .type {
  color: rgba(43, 50, 57, 0.65);
  background: rgba(43, 50, 57, 0.1);
}
ul.notices .sybg-redirect li:hover {
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.3), 0 2px 10px 0 rgba(43, 50, 57, 0.15);
}
ul.notices .sybg-redirect li .description:after {
  content: " Learn more...";
  color: #458ccf;
}
ul.notices .sybg-view li {
  cursor: default;
}
.member-list {
  margin-bottom: 20px;
}
.member-list .member td {
  vertical-align: middle;
}
.member-list .member td:first-child {
  width: 60px;
  border-right-width: 0;
}
.member-list .member td:first-child .profile-img {
  width: 50px;
  height: 50px;
}
.member-list .member td:nth-child(2) {
  border-left-width: 0;
}
.member-list .member .name {
  color: #2e72b3;
}
.member-list .member .name a {
  color: #458CCF;
  text-decoration: none;
}
.member-list .member .email {
  color: #2B3239;
}
.member-list .member .status {
  display: inline-block;
  margin-right: 10px;
}
.square-gradient-bar {
  height: 10px;
  background-color: #3BBFEE;
  border-radius: 4px 4px 0 0;
  font-size: 0px;
  line-height: 0px;
}
.square-gradient-bar:before,
.square-gradient-bar:after {
  content: " ";
  display: table;
}
.square-gradient-bar:after {
  clear: both;
}
.square-gradient-bar:before,
.square-gradient-bar:after {
  content: " ";
  display: table;
}
.square-gradient-bar:after {
  clear: both;
}
.square-gradient-bar:before,
.square-gradient-bar:after {
  content: " ";
  display: table;
}
.square-gradient-bar:after {
  clear: both;
}
.square-gradient-bar:before,
.square-gradient-bar:after {
  content: " ";
  display: table;
}
.square-gradient-bar:after {
  clear: both;
}
.square-gradient-bar:before,
.square-gradient-bar:after {
  content: " ";
  display: table;
}
.square-gradient-bar:after {
  clear: both;
}
.square-gradient-bar .bar {
  display: inline-block;
  float: left;
  width: 16.666667%;
  height: 10px;
}
.square-gradient-bar .bar.left {
  border-top-left-radius: 2px;
}
.square-gradient-bar .bar.right {
  border-top-right-radius: 2px;
}
.square-gradient-bar .bar.one {
  background-color: #D8225E;
}
.square-gradient-bar .bar.two {
  background-color: #B73794;
}
.square-gradient-bar .bar.three {
  background-color: #7254B6;
}
.square-gradient-bar .bar.four {
  background-color: #5951CA;
}
.square-gradient-bar .bar.five {
  background-color: #3981D1;
}
.square-gradient-bar .bar.six {
  background-color: #3BBFEE;
}
/*
  Designer grid
  Used in any location when listing designers (in empty following page and Designers tab)
*/
.designer-grid {
  margin-top: 30px;
  width: 100%;
}
.designer-grid .designer {
  -ms-flex-preferred-size: 270px;
  flex-basis: 270px;
  width: 270px;
  float: left;
  padding: 0px;
  position: relative;
  margin-bottom: 165px;
}
.designer-grid .designer .bio {
  position: relative;
  background-color: white;
  color: #4e5b68;
  border-radius: 3px;
  padding: 18px;
  font-size: 14px;
  height: 220px;
  box-shadow: 0 1px 2px rgba(43, 50, 57, 0.05), inset 0 0 0 1px rgba(43, 50, 57, 0.17);
}
.designer-grid .designer .bio .profile-pic {
  position: absolute;
  top: -22px;
  left: 18px;
}
.designer-grid .designer .bio .profile-pic img {
  background-color: white;
}
.designer-grid .designer .bio .description {
  padding-top: 40px;
}
.designer-grid .designer .bio .description > div {
  margin-top: 10px;
}
.designer-grid .designer .bio .description .name {
  font-size: 18px;
  color: #458CCF;
  text-decoration: none;
  font-weight: 600;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  transition: color 100ms ease;
}
.designer-grid .designer .bio .description .name:hover {
  color: #24588a;
}
.designer-grid .designer .bio .location {
  font-size: 15px;
}
.designer-grid .designer .bio .location:before,
.designer-grid .designer .bio .location:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .location:after {
  clear: both;
}
.designer-grid .designer .bio .location:before,
.designer-grid .designer .bio .location:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .location:after {
  clear: both;
}
.designer-grid .designer .bio .location:before,
.designer-grid .designer .bio .location:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .location:after {
  clear: both;
}
.designer-grid .designer .bio .location:before,
.designer-grid .designer .bio .location:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .location:after {
  clear: both;
}
.designer-grid .designer .bio .location:before,
.designer-grid .designer .bio .location:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .location:after {
  clear: both;
}
.designer-grid .designer .bio .location i {
  float: left;
  margin: 3px 7px 0 0;
}
.designer-grid .designer .bio .skills:before,
.designer-grid .designer .bio .skills:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .skills:after {
  clear: both;
}
.designer-grid .designer .bio .skills:before,
.designer-grid .designer .bio .skills:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .skills:after {
  clear: both;
}
.designer-grid .designer .bio .skills:before,
.designer-grid .designer .bio .skills:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .skills:after {
  clear: both;
}
.designer-grid .designer .bio .skills:before,
.designer-grid .designer .bio .skills:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .skills:after {
  clear: both;
}
.designer-grid .designer .bio .skills:before,
.designer-grid .designer .bio .skills:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .skills:after {
  clear: both;
}
.designer-grid .designer .bio .skills i {
  float: left;
  margin: 2px 7px 0 1px;
}
.designer-grid .designer .bio .skills span {
  display: block;
  margin-left: 16px;
  color: rgba(43, 50, 57, 0.35);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.designer-grid .designer .bio .stats {
  position: absolute;
  bottom: 18px;
  left: 18px;
}
.designer-grid .designer .bio .stats:before,
.designer-grid .designer .bio .stats:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats:after {
  clear: both;
}
.designer-grid .designer .bio .stats:before,
.designer-grid .designer .bio .stats:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats:after {
  clear: both;
}
.designer-grid .designer .bio .stats:before,
.designer-grid .designer .bio .stats:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats:after {
  clear: both;
}
.designer-grid .designer .bio .stats:before,
.designer-grid .designer .bio .stats:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats:after {
  clear: both;
}
.designer-grid .designer .bio .stats:before,
.designer-grid .designer .bio .stats:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div {
  float: left;
  padding-right: 12px;
}
.designer-grid .designer .bio .stats > div > .num {
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.designer-grid .designer .bio .stats > div > .num:before,
.designer-grid .designer .bio .stats > div > .num:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats > div > .num:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div > .num:before,
.designer-grid .designer .bio .stats > div > .num:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats > div > .num:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div > .num:before,
.designer-grid .designer .bio .stats > div > .num:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats > div > .num:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div > .num:before,
.designer-grid .designer .bio .stats > div > .num:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats > div > .num:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div > .num:before,
.designer-grid .designer .bio .stats > div > .num:after {
  content: " ";
  display: table;
}
.designer-grid .designer .bio .stats > div > .num:after {
  clear: both;
}
.designer-grid .designer .bio .stats > div > span {
  color: rgba(43, 50, 57, 0.35);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.designer-grid .designer .bio .stats > div:not(:first-child) {
  border-left: 1px solid #EBEDF0;
  padding-left: 12px;
}
.designer-grid .designer .bio .follow {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px 10px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
  color: white;
  transition: background-color 100ms ease;
}
.designer-grid .designer .bio .follow.following {
  background-color: #24A266;
}
.designer-grid .designer .bio .follow.following:hover {
  background-color: #EC3F68;
}
.designer-grid .designer .bio .follow.not-following {
  background-color: #458CCF;
  color: white;
}
.designer-grid .designer .bio .follow.not-following:hover {
  background-color: #317abf;
}
.designer-grid .designer .bio .follow i {
  margin-right: 5px;
}
.designer-grid .designer > .sites {
  position: relative;
  margin-top: 10px;
}
.designer-grid .designer > .sites .site-hover-container {
  position: relative;
  z-index: 0;
}
.designer-grid .designer > .sites:before,
.designer-grid .designer > .sites:after {
  content: " ";
  display: table;
}
.designer-grid .designer > .sites:after {
  clear: both;
}
.designer-grid .designer > .sites:before,
.designer-grid .designer > .sites:after {
  content: " ";
  display: table;
}
.designer-grid .designer > .sites:after {
  clear: both;
}
.designer-grid .designer > .sites:before,
.designer-grid .designer > .sites:after {
  content: " ";
  display: table;
}
.designer-grid .designer > .sites:after {
  clear: both;
}
.designer-grid .designer > .sites:before,
.designer-grid .designer > .sites:after {
  content: " ";
  display: table;
}
.designer-grid .designer > .sites:after {
  clear: both;
}
.designer-grid .designer > .sites:before,
.designer-grid .designer > .sites:after {
  content: " ";
  display: table;
}
.designer-grid .designer > .sites:after {
  clear: both;
}
.designer-grid .designer > .sites .filler {
  width: 150px;
  height: 100px;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  background-color: #EBEDF0;
}
.designer-grid .designer > .sites > div div {
  position: absolute;
  top: 0;
  font-size: 0px;
  line-height: 0px;
  transition: opacity 100ms ease, box-shadow 100ms ease;
}
.designer-grid .designer > .sites > div a .inset-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.15);
  pointer-events: none;
}
.designer-grid .designer > .sites > div a img {
  width: 150px;
  height: 100px;
}
.designer-grid .designer > .sites .front {
  z-index: 40;
}
.designer-grid .designer > .sites .first {
  left: 0;
}
.designer-grid .designer > .sites .middle {
  z-index: 30;
}
.designer-grid .designer > .sites .second {
  left: calc(15%);
}
.designer-grid .designer > .sites .back {
  z-index: 20;
}
.designer-grid .designer > .sites .third {
  left: calc(30%);
}
.designer-grid .designer > .sites .no-sites {
  width: 100%;
  height: 100px;
  margin-top: 0;
  padding: 0;
  text-align: center;
  background-color: #EBEDF0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  font-size: 16px;
  line-height: 99px;
  color: rgba(43, 50, 57, 0.35);
}
.designer-grid .designer > .sites .more {
  z-index: 10;
  right: 0;
}
.designer-grid .designer > .sites .more i {
  float: right;
  margin-top: 48px;
  margin-right: 10px;
  opacity: 0.4;
  transition: opacity 100ms ease;
}
.designer-grid .designer > .sites .more:hover i {
  opacity: 0.8;
}
.designer-grid .designer.see-more {
  text-align: center;
}
.designer-grid .designer.see-more .bio {
  background-color: #EBEDF0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  padding-top: 87px;
}
.designer-grid .designer.see-more .bio .button {
  background-color: #2B3239;
  color: #EBEDF0;
  height: 40px;
  line-height: 39px;
  padding: 0 5px 0 15px;
}
.designer-grid .designer.see-more .bio .button i {
  margin-left: 15px;
  margin-top: 15px;
  vertical-align: middle;
  float: right;
}
.designer-intro-bgheader {
  background-color: white;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
  position: absolute;
  z-index: -1;
  min-height: 195px;
  width: 100%;
}
.designer-intro-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.designer-intro-header .profile-pic {
  margin-top: 23px;
  -ms-flex-preferred-size: 175px;
  flex-basis: 175px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.designer-intro-header .profile-details {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.designer-intro-header .title-and-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.designer-intro-header .title-and-actions .full-name {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  font-weight: 400;
  font-size: 23px;
  margin-bottom: 5px;
}
.designer-intro-header .title-and-actions .username-and-badges {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.designer-intro-header .title-and-actions .username,
.designer-intro-header .title-and-actions .badges {
  margin-bottom: 5px;
}
.designer-intro-header .title-and-actions .username {
  color: rgba(43, 50, 57, 0.45);
}
.designer-intro-header .title-and-actions .badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.designer-intro-header .title-and-actions .action-buttons {
  padding-top: 5px;
}
.designer-intro-header .title-and-actions .action-buttons > * {
  margin-left: 10px;
}
.follows-you-badge {
  padding: 1px 7px;
  border-radius: 2px;
  color: white;
  background-color: rgba(43, 50, 57, 0.3);
  margin-left: 10px;
  font-size: 14px;
  white-space: nowrap;
}
.plan-badge {
  position: relative;
  display: inline-block;
  margin-left: 13px;
  background: rgba(43, 50, 57, 0.3);
  border-radius: 3px;
  padding: 1px 7px;
  font-size: 14px;
  font-weight: 400;
  transition: background 100ms ease;
}
.plan-badge:hover {
  background: #EC3F68;
}
.plan-badge a,
.plan-badge span {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
.designer-intro-details {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 20px;
}
.designer-intro-details .bio-and-facts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.designer-intro-details .biography {
  margin-bottom: 20px;
  font-size: 19px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.designer-intro-details .facts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #4e5b68;
}
.designer-intro-details .facts .fact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 10px;
  -webkit-font-smoothing: antialiased;
}
.designer-intro-details .facts .fact > .icon {
  opacity: 0.7;
  margin-right: 10px;
}
.designer-intro-details .facts .fact-link {
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  color: inherit;
}
.designer-intro-details .facts .fact-link:hover {
  text-decoration: underline;
}
.designer-intro-details .facts .fact-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designer-intro-details .skills-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
}
.designer-intro-details .skills-wrapper .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 8px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.designer-intro-details .skills-wrapper .title > .icon {
  opacity: 0.7;
  margin-right: 8px;
}
.designer-intro-details .skills-wrapper .title > .label {
  margin-right: 8px;
}
.designer-intro-details .skills-wrapper .skills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .designer-intro-bgheader {
    min-height: 65px;
  }
  .designer-intro-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .designer-intro-header .profile-pic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .designer-intro-header .title-and-actions {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    margin-top: 14px;
    text-align: left;
  }
  .designer-intro-header .title-and-actions .full-name {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 15px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .designer-intro-header .title-and-actions .username-and-badges {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .designer-intro-header .title-and-actions .username,
  .designer-intro-header .title-and-actions .badges {
    margin-bottom: 0;
  }
  .designer-intro-header .title-and-actions .action-buttons {
    padding-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .designer-intro-details {
    padding-top: 40px;
    margin: 0;
  }
  .designer-intro-details .biography {
    text-align: left;
  }
  .designer-intro-details .facts {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .designer-intro-details .facts .fact {
    margin: 0 20px 8px 0;
  }
  .designer-intro-details .skills-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .designer-intro-details .skills-wrapper .title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .designer-intro-details .skills-wrapper .skills {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .designer-intro-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .designer-intro-details .bio-and-facts {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-right: 15px;
  }
  .designer-intro-details .skills-wrapper {
    -ms-flex-preferred-size: 310px;
    flex-basis: 310px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    padding: 0 0 5px 25px;
    border-left: 1px solid rgba(43, 50, 57, 0.15);
  }
  .designer-intro-details .skills-wrapper .title {
    margin: 0 0 10px;
  }
}
.comments-wrapper h4 {
  font-size: 18px;
  font-weight: 400;
}
.comments-wrapper h4 i.icon {
  float: left;
  margin: 3px 10px 0 0;
}
.comments-wrapper .comments {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.15), 0 1px 2px rgba(43, 50, 57, 0.05);
  border-radius: 3px;
  color: rgba(43, 50, 57, 0.45);
}
.comments-wrapper .comments .comment {
  margin: 1px;
  padding: 14px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.comments-wrapper .comments .comment:last-child {
  border-bottom: 0;
}
.comments-wrapper .comments .comment .header a,
.comments-wrapper .comments .comment .header span {
  float: left;
  margin-top: 9px;
  padding: 0 9px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  line-height: 12px;
  color: rgba(43, 50, 57, 0.45);
  border-left: 1px solid rgba(43, 50, 57, 0.25);
}
.comments-wrapper .comments .comment .header .timestamp {
  cursor: default;
}
.comments-wrapper .comments .comment .header .edit a:hover,
.comments-wrapper .comments .comment .header .delete a:hover,
.comments-wrapper .comments .comment .header .upvote a:hover {
  color: #4e5b68;
}
.comments-wrapper .comments .comment .header .upvote i.icon {
  position: relative;
  top: -1px;
  opacity: 0.4;
}
.comments-wrapper .comments .comment .header .upvote.active {
  float: right;
}
.comments-wrapper .comments .comment .header .upvote.active a {
  border-left: 0;
}
.comments-wrapper .comments .comment .header .upvote.active i.icon.upvote-active {
  opacity: 1.0;
}
.comments-wrapper .comments .comment .header .designer {
  color: rgba(43, 50, 57, 0.45);
}
.comments-wrapper .comments .comment .header .designer a.profile-link {
  margin: 0;
  padding: 0;
  border: 0;
  margin-right: 7px;
}
.comments-wrapper .comments .comment .header .designer a.name {
  font-size: 15px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #4e5b68;
  font-weight: 600;
  border-left: 0;
  padding-left: 0;
  margin-bottom: 18px;
}
.comments-wrapper .comments .comment .header .designer a.name:hover {
  color: #458CCF;
}
.comments-wrapper .comments .comment .body {
  clear: both;
  color: #4e5b68;
  padding: 0 20px 8px 42px;
  white-space: pre-line;
}
.comments-wrapper .comments .comment .body p {
  margin-bottom: 15px;
}
.comments-wrapper .comments .comment .body .mention a {
  color: #4e5b68;
  text-decoration: none;
  border-radius: 2px;
  background-color: rgba(43, 50, 57, 0.09);
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.03);
  padding: 0 3px;
  transition: all 100ms ease;
}
.comments-wrapper .comments .comment .body .mention a:hover {
  background-color: rgba(69, 140, 207, 0.13);
  box-shadow: inset 0 0 0 1px rgba(69, 140, 207, 0.05);
  color: #458CCF;
}
.comments-wrapper .add-comment {
  margin-top: 30px;
}
.comments-wrapper .add-comment .button {
  margin-right: 15px;
}
.needsVerify {
  position: absolute;
  top: 10px;
  left: 30px;
  color: rgba(43, 50, 57, 0.45);
}
form.comment-form .field {
  padding-bottom: 10px;
}
.pagination-container {
  text-align: center;
}
.pagination-container .button {
  display: inline-block;
  margin-right: 10px;
}
.radio-group {
  background-color: #FDFDFD;
  border-radius: 3px;
  border: 1px solid rgba(43, 50, 57, 0.15);
  margin-bottom: 10px;
  color: #4e5b68;
}
.radio-group > div {
  padding: 10px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.radio-group > div:before,
.radio-group > div:after {
  content: " ";
  display: table;
}
.radio-group > div:after {
  clear: both;
}
.radio-group > div:before,
.radio-group > div:after {
  content: " ";
  display: table;
}
.radio-group > div:after {
  clear: both;
}
.radio-group > div:before,
.radio-group > div:after {
  content: " ";
  display: table;
}
.radio-group > div:after {
  clear: both;
}
.radio-group > div:before,
.radio-group > div:after {
  content: " ";
  display: table;
}
.radio-group > div:after {
  clear: both;
}
.radio-group > div:before,
.radio-group > div:after {
  content: " ";
  display: table;
}
.radio-group > div:after {
  clear: both;
}
.radio-group > div > input[type=radio] {
  display: inline-block;
  float: left;
  width: 5%;
  margin: 5px;
}
.radio-group > div > label {
  display: inline-block;
  float: left;
  width: 90%;
  margin: 5px 0;
}
.radio-group > div:last-child {
  border: none;
}
.oauth {
  /*
    REGISTER (CREATE) NEW APPLICATION
  */
  /*
    MY AUTHORIZATIONS
  */
  /*
    AUTHORIZATION
  */
}
.oauth a {
  text-decoration: none;
}
.oauth .list-styles > ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.oauth .list-styles > ul > li {
  padding: 20px;
}
.oauth .list-styles > ul > li:before,
.oauth .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li:after {
  clear: both;
}
.oauth .list-styles > ul > li:before,
.oauth .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li:after {
  clear: both;
}
.oauth .list-styles > ul > li:before,
.oauth .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li:after {
  clear: both;
}
.oauth .list-styles > ul > li:before,
.oauth .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li:after {
  clear: both;
}
.oauth .list-styles > ul > li:before,
.oauth .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li:after {
  clear: both;
}
.oauth .list-styles > ul > li img {
  height: 50px;
  margin-right: 20px;
  float: left;
}
.oauth .list-styles > ul > li .more-details > * {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth .list-styles > ul > li .more-details .notice {
  font-size: 0.8em;
  color: rgba(43, 50, 57, 0.35);
}
.oauth .list-styles > ul > li .more-details .notice i.icon {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.oauth .list-styles > ul > li .details {
  height: 50px;
  display: inline-block;
}
.oauth .list-styles > ul > li .details:before,
.oauth .list-styles > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li .details:after {
  clear: both;
}
.oauth .list-styles > ul > li .details:before,
.oauth .list-styles > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li .details:after {
  clear: both;
}
.oauth .list-styles > ul > li .details:before,
.oauth .list-styles > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li .details:after {
  clear: both;
}
.oauth .list-styles > ul > li .details:before,
.oauth .list-styles > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li .details:after {
  clear: both;
}
.oauth .list-styles > ul > li .details:before,
.oauth .list-styles > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth .list-styles > ul > li .details:after {
  clear: both;
}
.oauth .list-styles > ul > li .title {
  font-size: 1.2em;
  font-weight: 600;
}
.oauth .list-styles > ul > li .items {
  color: rgba(43, 50, 57, 0.35);
}
.oauth .list-styles > ul > li .items * {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  padding-left: 15px;
}
.oauth .list-styles > ul > li .items :first-child {
  padding-left: 0;
}
.oauth .list-styles > ul > li .items :last-child {
  padding-right: 0;
  border-right: 0;
}
.oauth .list-styles > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth button.pad {
  margin-right: 10px;
}
.oauth.create {
  padding: 15px;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin-bottom: 20px;
}
.oauth.no-auths,
.oauth.no-apps {
  border: 1px solid rgba(43, 50, 57, 0.15);
  padding: 15px;
  margin: 0;
  text-align: center;
  border-radius: 2px;
  color: rgba(43, 50, 57, 0.35);
}
.oauth.auths > ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.oauth.auths > ul > li {
  padding: 20px;
}
.oauth.auths > ul > li:before,
.oauth.auths > ul > li:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li:after {
  clear: both;
}
.oauth.auths > ul > li:before,
.oauth.auths > ul > li:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li:after {
  clear: both;
}
.oauth.auths > ul > li:before,
.oauth.auths > ul > li:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li:after {
  clear: both;
}
.oauth.auths > ul > li:before,
.oauth.auths > ul > li:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li:after {
  clear: both;
}
.oauth.auths > ul > li:before,
.oauth.auths > ul > li:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li:after {
  clear: both;
}
.oauth.auths > ul > li img {
  height: 50px;
  margin-right: 20px;
  float: left;
}
.oauth.auths > ul > li .more-details > * {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.auths > ul > li .more-details .notice {
  font-size: 0.8em;
  color: rgba(43, 50, 57, 0.35);
}
.oauth.auths > ul > li .more-details .notice i.icon {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.oauth.auths > ul > li .details {
  height: 50px;
  display: inline-block;
}
.oauth.auths > ul > li .details:before,
.oauth.auths > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li .details:after {
  clear: both;
}
.oauth.auths > ul > li .details:before,
.oauth.auths > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li .details:after {
  clear: both;
}
.oauth.auths > ul > li .details:before,
.oauth.auths > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li .details:after {
  clear: both;
}
.oauth.auths > ul > li .details:before,
.oauth.auths > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li .details:after {
  clear: both;
}
.oauth.auths > ul > li .details:before,
.oauth.auths > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.auths > ul > li .details:after {
  clear: both;
}
.oauth.auths > ul > li .title {
  font-size: 1.2em;
  font-weight: 600;
}
.oauth.auths > ul > li .items {
  color: rgba(43, 50, 57, 0.35);
}
.oauth.auths > ul > li .items * {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  padding-left: 15px;
}
.oauth.auths > ul > li .items :first-child {
  padding-left: 0;
}
.oauth.auths > ul > li .items :last-child {
  padding-right: 0;
  border-right: 0;
}
.oauth.auths > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.auths .permissions ul,
.oauth.auths .access-to ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oauth.auths .permissions ul li i.icon,
.oauth.auths .access-to ul li i.icon {
  margin-right: 10px;
}
.oauth.apps > ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.oauth.apps > ul > li {
  padding: 20px;
}
.oauth.apps > ul > li:before,
.oauth.apps > ul > li:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li:after {
  clear: both;
}
.oauth.apps > ul > li:before,
.oauth.apps > ul > li:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li:after {
  clear: both;
}
.oauth.apps > ul > li:before,
.oauth.apps > ul > li:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li:after {
  clear: both;
}
.oauth.apps > ul > li:before,
.oauth.apps > ul > li:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li:after {
  clear: both;
}
.oauth.apps > ul > li:before,
.oauth.apps > ul > li:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li:after {
  clear: both;
}
.oauth.apps > ul > li img {
  height: 50px;
  margin-right: 20px;
  float: left;
}
.oauth.apps > ul > li .more-details > * {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.apps > ul > li .more-details .notice {
  font-size: 0.8em;
  color: rgba(43, 50, 57, 0.35);
}
.oauth.apps > ul > li .more-details .notice i.icon {
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.oauth.apps > ul > li .details {
  height: 50px;
  display: inline-block;
}
.oauth.apps > ul > li .details:before,
.oauth.apps > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li .details:after {
  clear: both;
}
.oauth.apps > ul > li .details:before,
.oauth.apps > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li .details:after {
  clear: both;
}
.oauth.apps > ul > li .details:before,
.oauth.apps > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li .details:after {
  clear: both;
}
.oauth.apps > ul > li .details:before,
.oauth.apps > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li .details:after {
  clear: both;
}
.oauth.apps > ul > li .details:before,
.oauth.apps > ul > li .details:after {
  content: " ";
  display: table;
}
.oauth.apps > ul > li .details:after {
  clear: both;
}
.oauth.apps > ul > li .title {
  font-size: 1.2em;
  font-weight: 600;
}
.oauth.apps > ul > li .items {
  color: rgba(43, 50, 57, 0.35);
}
.oauth.apps > ul > li .items * {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  padding-left: 15px;
}
.oauth.apps > ul > li .items :first-child {
  padding-left: 0;
}
.oauth.apps > ul > li .items :last-child {
  padding-right: 0;
  border-right: 0;
}
.oauth.apps > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.authorize .logo {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}
.oauth.authorize .logo i.icon {
  margin: 0;
}
.oauth.authorize .user {
  float: right;
  margin-top: 18px;
  margin-bottom: 20px;
  color: rgba(230, 232, 234, 0.4);
}
.oauth.authorize .user img {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
.oauth.authorize .main {
  background-color: white;
  border-radius: 3px;
  width: 902px;
  margin: 20px auto 0 auto;
  border: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.authorize .main:before,
.oauth.authorize .main:after {
  content: " ";
  display: table;
}
.oauth.authorize .main:after {
  clear: both;
}
.oauth.authorize .main:before,
.oauth.authorize .main:after {
  content: " ";
  display: table;
}
.oauth.authorize .main:after {
  clear: both;
}
.oauth.authorize .main:before,
.oauth.authorize .main:after {
  content: " ";
  display: table;
}
.oauth.authorize .main:after {
  clear: both;
}
.oauth.authorize .main:before,
.oauth.authorize .main:after {
  content: " ";
  display: table;
}
.oauth.authorize .main:after {
  clear: both;
}
.oauth.authorize .main:before,
.oauth.authorize .main:after {
  content: " ";
  display: table;
}
.oauth.authorize .main:after {
  clear: both;
}
.oauth.authorize .header {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.authorize .header:before,
.oauth.authorize .header:after {
  content: " ";
  display: table;
}
.oauth.authorize .header:after {
  clear: both;
}
.oauth.authorize .header:before,
.oauth.authorize .header:after {
  content: " ";
  display: table;
}
.oauth.authorize .header:after {
  clear: both;
}
.oauth.authorize .header:before,
.oauth.authorize .header:after {
  content: " ";
  display: table;
}
.oauth.authorize .header:after {
  clear: both;
}
.oauth.authorize .header:before,
.oauth.authorize .header:after {
  content: " ";
  display: table;
}
.oauth.authorize .header:after {
  clear: both;
}
.oauth.authorize .header:before,
.oauth.authorize .header:after {
  content: " ";
  display: table;
}
.oauth.authorize .header:after {
  clear: both;
}
.oauth.authorize .header h1 {
  margin: 0;
}
.oauth.authorize .header .request {
  padding: 20px;
  width: 500px;
  float: left;
}
.oauth.authorize .header .request h1 {
  font-weight: 500;
}
.oauth.authorize .header .connect {
  width: 400px;
  float: left;
  padding: 40px 20px 0 50px;
}
.oauth.authorize .header .connect img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}
.oauth.authorize .header .connect i.icon {
  display: inline-block;
  margin: 0 15px 15px 15px;
}
.oauth.authorize .content {
  padding: 20px;
  width: 500px;
  float: left;
}
.oauth.authorize .content ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.oauth.authorize .content ul li {
  padding: 10px;
}
.oauth.authorize .content ul li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.oauth.authorize .content .authorizations,
.oauth.authorize .content .organizations,
.oauth.authorize .content .sites {
  margin-bottom: 20px;
}
.oauth.authorize .content .authorizations .title,
.oauth.authorize .content .organizations .title,
.oauth.authorize .content .sites .title {
  margin-bottom: 10px;
  font-weight: 600;
}
.oauth.authorize .content .authorizations ul i.icon,
.oauth.authorize .content .organizations ul i.icon,
.oauth.authorize .content .sites ul i.icon {
  margin-right: 15px;
}
.oauth.authorize .content .authorizations .checkbox-holder,
.oauth.authorize .content .organizations .checkbox-holder,
.oauth.authorize .content .sites .checkbox-holder {
  margin-left: -15px;
  margin-right: 25px;
}
.oauth.authorize .content .sites ul {
  height: 300px;
  overflow: auto;
}
.oauth.authorize .content .buttons {
  margin-top: 30px;
}
.oauth.authorize .content .buttons input:not(:first-of-type) {
  margin-left: 15px;
}
.oauth.authorize .about {
  padding: 20px;
  width: 400px;
  float: left;
  padding-left: 50px;
}
.oauth.authorize .about .title {
  font-weight: 600;
  margin-bottom: 10px;
}
.oauth.authorize .terms {
  width: 900px;
  margin: 25px auto 0 auto;
  font-size: 0.8em;
  color: #2B3239;
  opacity: 0.8;
}
.modal-body .card-details .title span.filler {
  display: none;
}
.cards ul.list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
}
.cards ul.list > li {
  padding: 20px 20px 15px 20px;
}
.cards ul.list > li:before,
.cards ul.list > li:after {
  content: " ";
  display: table;
}
.cards ul.list > li:after {
  clear: both;
}
.cards ul.list > li:before,
.cards ul.list > li:after {
  content: " ";
  display: table;
}
.cards ul.list > li:after {
  clear: both;
}
.cards ul.list > li:before,
.cards ul.list > li:after {
  content: " ";
  display: table;
}
.cards ul.list > li:after {
  clear: both;
}
.cards ul.list > li:before,
.cards ul.list > li:after {
  content: " ";
  display: table;
}
.cards ul.list > li:after {
  clear: both;
}
.cards ul.list > li:before,
.cards ul.list > li:after {
  content: " ";
  display: table;
}
.cards ul.list > li:after {
  clear: both;
}
.cards ul.list > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.cards ul.list li {
  padding: 0;
}
.cards ul.list li > div {
  padding: 20px 20px 15px 20px;
}
.cards ul.list li .expires {
  width: 25%;
  display: inline-block;
  float: left;
}
.cards ul.list li .expires .from-now {
  margin-bottom: 5px;
  display: inline-block;
}
.cards ul.list li .card-details {
  width: 48.5%;
  float: left;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
}
.cards ul.list li .buttons {
  width: 30%;
  float: left;
}
.cards ul.list li .buttons button {
  margin-left: 10px;
}
.publish-dropdown-container {
  position: relative;
  display: inline;
}
.publish-dropdown-container .publish-dropdown {
  position: absolute;
}
.webhooks {
  /*
    REGISTER (CREATE) NEW WEBHOOK
  */
  /*
    MY WEBHOOKS
  */
}
.webhooks a {
  text-decoration: none;
}
.webhooks .list-styles > ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.webhooks .list-styles > ul > li {
  padding: 20px;
}
.webhooks .list-styles > ul > li:before,
.webhooks .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.webhooks .list-styles > ul > li:after {
  clear: both;
}
.webhooks .list-styles > ul > li:before,
.webhooks .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.webhooks .list-styles > ul > li:after {
  clear: both;
}
.webhooks .list-styles > ul > li:before,
.webhooks .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.webhooks .list-styles > ul > li:after {
  clear: both;
}
.webhooks .list-styles > ul > li:before,
.webhooks .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.webhooks .list-styles > ul > li:after {
  clear: both;
}
.webhooks .list-styles > ul > li:before,
.webhooks .list-styles > ul > li:after {
  content: " ";
  display: table;
}
.webhooks .list-styles > ul > li:after {
  clear: both;
}
.webhooks .list-styles > ul > li .title {
  font-size: 1.2em;
  font-weight: 600;
}
.webhooks .list-styles > ul > li .items {
  color: rgba(43, 50, 57, 0.35);
}
.webhooks .list-styles > ul > li .items * {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  padding-left: 15px;
}
.webhooks .list-styles > ul > li .items :first-child {
  padding-left: 0;
}
.webhooks .list-styles > ul > li .items :last-child {
  padding-right: 0;
  border-right: 0;
}
.webhooks .list-styles > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.webhooks button.pad {
  margin-right: 10px;
}
.webhooks.create {
  padding: 15px;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin-bottom: 20px;
}
.webhooks.no-webhooks {
  border: 1px solid rgba(43, 50, 57, 0.15);
  padding: 15px;
  margin: 0;
  text-align: center;
  border-radius: 2px;
  color: rgba(43, 50, 57, 0.35);
}
.webhooks.webhooks > ul {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.webhooks.webhooks > ul > li {
  padding: 20px;
}
.webhooks.webhooks > ul > li:before,
.webhooks.webhooks > ul > li:after {
  content: " ";
  display: table;
}
.webhooks.webhooks > ul > li:after {
  clear: both;
}
.webhooks.webhooks > ul > li:before,
.webhooks.webhooks > ul > li:after {
  content: " ";
  display: table;
}
.webhooks.webhooks > ul > li:after {
  clear: both;
}
.webhooks.webhooks > ul > li:before,
.webhooks.webhooks > ul > li:after {
  content: " ";
  display: table;
}
.webhooks.webhooks > ul > li:after {
  clear: both;
}
.webhooks.webhooks > ul > li:before,
.webhooks.webhooks > ul > li:after {
  content: " ";
  display: table;
}
.webhooks.webhooks > ul > li:after {
  clear: both;
}
.webhooks.webhooks > ul > li:before,
.webhooks.webhooks > ul > li:after {
  content: " ";
  display: table;
}
.webhooks.webhooks > ul > li:after {
  clear: both;
}
.webhooks.webhooks > ul > li .title {
  font-size: 1.2em;
  font-weight: 600;
}
.webhooks.webhooks > ul > li .items {
  color: rgba(43, 50, 57, 0.35);
}
.webhooks.webhooks > ul > li .items * {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  padding-left: 15px;
}
.webhooks.webhooks > ul > li .items :first-child {
  padding-left: 0;
}
.webhooks.webhooks > ul > li .items :last-child {
  padding-right: 0;
  border-right: 0;
}
.webhooks.webhooks > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.main-grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.main-grid .grid-item {
  -ms-flex-preferred-size: 270px;
  flex-basis: 270px;
}
@media (max-width: 620px) {
  .main-grid {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
nav {
  position: relative;
  z-index: 20;
  transition: all 100ms ease;
}
nav.disappear {
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px);
}
nav .navbar {
  background-color: #2A3239;
  -webkit-font-smoothing: subpixel-antialiased;
}
nav .navbar .loading-spinner {
  float: left;
  margin-left: 12px;
  margin-top: 21px;
}
nav .navbar .loading-spinner > div {
  background-color: rgba(255, 255, 255, 0.5);
}
nav .navbar > .container {
  max-height: 65px;
  position: relative;
  z-index: 10;
}
nav .navbar i.icon.logo-w,
nav .navbar i.icon.logo {
  margin: 20px 11px 0 0;
  opacity: .9;
  transition: opacity 100ms ease;
}
nav .navbar i.icon.logo-w:hover,
nav .navbar i.icon.logo:hover {
  opacity: 1.0;
}
nav .navbar .trial {
  float: left;
  margin: 17px 0 0 0;
  font-size: 14px;
  padding: 4px 5px 3px 5px;
  color: #F0F1F3;
}
nav .navbar .trial.trialover {
  border: 1px solid #F7622C;
  margin-top: 18px;
}
nav .navbar .trial.trialover a.timeleft {
  color: #f9875d;
}
nav .navbar .trial .label {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2A3239;
  font-size: 12px;
  padding: 3px 4px 2px 4px;
  background: #24A266;
  border-radius: 2px;
  margin-right: 7px;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
nav .navbar .trial .timeleft {
  text-decoration: none;
  color: #F0F1F3;
}
nav .navbar .trial a.upgrade {
  text-decoration: none;
  color: #F0F1F3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  transition: all 200ms ease;
}
nav .navbar .trial a.upgrade:hover {
  color: white;
  border-bottom: 1px solid #ffffff;
}
nav .navbar a.signup {
  padding: 23px 0;
  font-size: 14px;
  float: right;
  text-decoration: none;
  color: #FDFDFD;
}
@media (min-width: 767px) {
  nav .navbar {
    max-height: 65px;
    text-align: center;
  }
  nav .top-nav {
    font-size: 15px;
    margin: 0;
    padding: 0;
  }
  nav .top-nav.left li {
    padding: 23px 2px 20px;
  }
  nav .top-nav.right li {
    padding: 16px 2px ;
  }
  nav .top-nav.unauth {
    float: right;
  }
  nav .top-nav.unauth li {
    padding: 22px 0px 20px;
    margin: 0 0 0 15px;
  }
  nav .top-nav.unauth li a.button {
    display: inline;
    color: white;
  }
  nav .top-nav > li {
    display: inline-block;
    margin: 0 10px;
  }
  nav .top-nav > li.public-site .icon.add-public-site {
    vertical-align: middle;
    cursor: pointer;
  }
  nav .top-nav > li.referrals {
    position: relative;
  }
  nav .top-nav > li.referrals a {
    padding: 10px 0;
  }
  nav .top-nav > li.referrals a i {
    vertical-align: middle;
  }
  nav .top-nav > li.notifications {
    position: relative;
  }
  nav .top-nav > li.notifications a {
    padding: 10px 0px;
  }
  nav .top-nav > li.notifications a i.notifications {
    content: "\00a0";
    vertical-align: middle;
  }
  nav .top-nav > li.notifications a:hover {
    cursor: pointer;
  }
  nav .top-nav > li.notifications a:hover i.notifications {
    opacity: 0.8;
  }
  nav .top-nav > li.notifications .active-notification {
    content: ' ';
    border-radius: 50%;
    background: #5999d4;
    height: 7px;
    width: 7px;
    display: block;
    position: absolute;
    top: 13px;
    right: 2px;
    box-shadow: 0 0 0 2px #2B3239;
  }
  nav .top-nav > li > a {
    color: #a6a6a6;
    text-decoration: none;
    transition: color 100ms ease;
  }
  nav .top-nav > li > a:hover {
    color: #d9d9d9;
  }
  nav .top-nav > li > a.has-icon {
    float: none;
    display: inline-block;
  }
  nav .top-nav > li.active {
    color: #6AB5FC;
    border-bottom: 3px solid #6AB5FC;
  }
  nav .top-nav > li.active a {
    color: #6AB5FC;
  }
  nav .top-nav > li.account {
    position: relative;
  }
  nav .top-nav > li.account .dropdown-click:hover {
    color: #d9d9d9;
    cursor: pointer;
  }
  nav .top-nav > li.account .dropdown-click:hover .icon.arrow-down-white {
    opacity: 0.8;
  }
  nav .top-nav > li.account .icon.arrow-down-white {
    margin-left: 5px;
    opacity: 0.6;
    transition: opacity 100ms ease;
  }
  nav .top-nav > li.account .profile-img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 2px 9px 0 0;
  }
  nav .top-nav > li.account .profile-img img {
    position: relative;
    z-index: -2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 1.0;
    transition: opacity 100ms ease;
  }
  nav .top-nav > li.account ul {
    position: absolute;
    z-index: 600;
    top: 60px;
    right: -20px;
    background: white;
    list-style: none;
    text-align: left;
    padding: 0;
    width: 145px;
    border-radius: 3px;
    font-size: 15px;
    box-shadow: 0 3px 8px rgba(43, 50, 57, 0.25), 0 0 0 1px rgba(43, 50, 57, 0.15);
    transition: opacity 100ms ease-out;
    opacity: 0;
    display: none;
  }
  nav .top-nav > li.account ul.open-add,
  nav .top-nav > li.account ul.open-remove {
    display: block;
    opacity: 0;
  }
  nav .top-nav > li.account ul.open {
    display: block;
    opacity: 1;
  }
  nav .top-nav > li.account ul li {
    border-bottom: 1px solid #d4d7dc;
    padding: 0;
  }
  nav .top-nav > li.account ul li a {
    padding: 11px 13px;
    color: #4e5b68;
    transition: color 100ms ease-in-out;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 15px;
    display: block;
  }
  nav .top-nav > li.account ul li a span {
    margin-left: 8px;
  }
  nav .top-nav > li.account ul li a i.icon {
    display: block;
    float: left;
    margin-top: 2px;
    opacity: 0.8;
  }
  nav .top-nav > li.account ul li a:hover {
    color: #2B3239;
  }
  nav .top-nav > li.account ul li a:hover > i {
    opacity: 1;
  }
  nav .top-nav > li.account ul li:hover {
    background: #F0F1F3;
  }
  nav .top-nav > li.account ul li:hover:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  nav .top-nav > li.account ul li:hover:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  nav .top-nav > li.account ul li:last-child {
    border-bottom: none;
  }
  nav .top-nav > li.account ul:before {
    color: white;
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid white;
    top: -7px;
    right: 14px;
  }
  .navbar-collapse-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  nav .navbar {
    min-height: 65px;
    max-height: 65px;
    transition: all 100ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  nav .navbar:before,
  nav .navbar:after {
    content: " ";
    display: table;
  }
  nav .navbar:after {
    clear: both;
  }
  nav .navbar:before,
  nav .navbar:after {
    content: " ";
    display: table;
  }
  nav .navbar:after {
    clear: both;
  }
  nav .navbar:before,
  nav .navbar:after {
    content: " ";
    display: table;
  }
  nav .navbar:after {
    clear: both;
  }
  nav .navbar:before,
  nav .navbar:after {
    content: " ";
    display: table;
  }
  nav .navbar:after {
    clear: both;
  }
  nav .navbar:before,
  nav .navbar:after {
    content: " ";
    display: table;
  }
  nav .navbar:after {
    clear: both;
  }
  nav .navbar.open {
    display: block;
    max-height: 1000px;
  }
  nav .navbar.open .top-nav {
    display: block;
  }
  nav .navbar .container {
    padding: 0;
  }
  nav .navbar .main-logo {
    position: relative;
    left: 25px;
  }
  nav .navbar .top-nav {
    display: none;
    padding: 0;
    float: left;
    width: 100%;
  }
  nav .navbar ul {
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0;
  }
  nav .navbar ul li {
    display: block;
    width: 100%;
    border-top: 1px solid #2B3239;
  }
  nav .navbar ul li a {
    display: block;
    padding: 15px;
    height: 100%;
    width: 100%;
    color: white;
    text-decoration: none;
  }
  nav .navbar ul li a:active {
    background: rgba(0, 0, 0, 0.2);
  }
  nav .navbar .profile-img {
    display: none;
  }
  nav .navbar .dropdown ul {
    display: none;
    transition: all 100ms ease-in-out;
    max-height: 50px;
  }
  nav .navbar .dropdown.open ul {
    display: block;
    max-height: 500px;
  }
  .navbar-collapse-mobile {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 65px;
    width: 50px;
    cursor: pointer;
  }
  .navbar-collapse-mobile .icon {
    position: absolute;
    top: 22px;
    right: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 0 0;
  font-size: 14px;
  line-height: 18px;
}
.top-menu a.menu-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 8px;
  padding: 0 0 8px 0;
  text-decoration: none;
  white-space: nowrap;
  color: rgba(43, 50, 57, 0.45);
  transition: color 100ms ease;
}
.top-menu a.menu-item span {
  font-weight: 600;
  margin-right: 1px;
}
.top-menu a.menu-item:hover {
  color: #4e5b68;
}
.top-menu a.menu-item.active {
  color: #458CCF;
}
.top-menu.discover-mode a.menu-item {
  color: rgba(43, 50, 57, 0.45);
}
.top-menu.discover-mode a.menu-item.active,
.top-menu.discover-mode a.menu-item:hover {
  color: #4e5b68;
}
.top-menu.above-grid {
  margin: 20px 0 35px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.top-menu.above-settings {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 5px;
}
.modal-header.with-top-menu .top-menu {
  margin-left: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 480px) {
  .top-menu {
    font-size: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-menu a.menu-item {
    padding-bottom: 12px;
    margin: 0 10px;
  }
  .top-menu a.menu-item.active {
    border-bottom: 2px solid #458CCF;
  }
  .top-menu.discover-mode a.menu-item.active {
    border-bottom-color: #4e5b68;
  }
  .top-menu.above-settings {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 -1px 0;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .top-menu {
    margin-left: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-menu a.menu-item {
    padding-bottom: 20px;
    margin: 0 25px 0 0;
  }
  .top-menu.above-grid {
    margin-top: 40px;
  }
  .top-menu.above-settings {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px;
    font-size: 16px;
  }
  .top-menu.above-settings a.menu-item {
    padding-bottom: 15px;
    margin: 0 25px 0 0;
  }
  .modal-header.with-top-menu .top-menu a.menu-item {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 992px) {
  .top-menu.above-settings {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.page-header {
  background-color: white;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
  padding: 15px 0 0;
  line-height: 38px;
}
.page-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-header .icon-and-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.page-header .icon {
  opacity: 0.8;
  transition: opacity 100ms ease;
}
.page-header .breadcrumb-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 28px;
  flex-basis: 28px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.page-header .breadcrumb-link > .icon {
  opacity: 0.30;
  margin-bottom: 2px;
}
.page-header .breadcrumb-link:hover > .icon {
  opacity: 0.8;
}
.page-header .breadcrumb-slash {
  opacity: 0.25;
  -ms-flex-preferred-size: 20px;
  flex-basis: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.page-header h1 {
  display: block;
  margin: 0 13px 0 0;
  font-weight: 400;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-header h1 > .icon {
  margin-right: 10px;
  opacity: 0.8;
}
.page-header a.breadcrumb-home {
  text-decoration: none;
  transition: color 100ms ease;
}
.page-header a.breadcrumb-home h1 {
  color: rgba(43, 50, 57, 0.4);
  font-weight: 300;
  margin-right: 9px;
}
.page-header a.breadcrumb-home:hover h1 {
  color: #4e5b68;
}
.page-header .create-date {
  color: rgba(43, 50, 57, 0.35);
  white-space: nowrap;
  display: none;
}
.page-header form[name="filterForm"] .field {
  position: relative;
  padding-bottom: 30px;
  max-width: 320px;
  margin-left: auto;
}
.page-header form[name="filterForm"] .field input[type='text'] {
  padding-left: 34px;
  padding-right: 34px;
}
.page-header form[name="filterForm"] .field .holder {
  border: 0;
  position: absolute;
  top: 13px;
  left: 12px;
  height: 15px;
}
.page-header form[name="filterForm"] .field .holder i.icon {
  opacity: 0.5;
}
.page-header form[name="filterForm"] .field .holder-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: default;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 34px;
  opacity: .5;
  transition: opacity 100ms ease;
}
.page-header form[name="filterForm"] .field .holder-right:hover {
  opacity: .8;
}
.page-header .published-preview-link {
  font-weight: 300;
  color: rgba(43, 50, 57, 0.5);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: color 100ms ease;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-header .published-preview-link > i.icon {
  opacity: 0.35;
}
.page-header .published-preview-link:hover {
  color: #4e5b68;
}
.page-header .published-preview-link:hover i.icon {
  opacity: 1.0;
}
.page-header .read-only-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.page-header .read-only-stats .info-stat {
  color: #4e5b68;
  transition: color 100ms ease;
  margin-right: 20px;
}
.page-header .read-only-stats .info-stat:last-child {
  margin-right: 0;
}
.page-header .read-only-stats .info-stat > .icon {
  opacity: 0.8;
  margin-right: 8px;
}
.page-header .read-only-stats .info-stat:hover > .icon {
  opacity: 0.8;
}
.page-header .icon-buttons {
  margin-bottom: 10px;
}
.page-header .icon-buttons .icon-button {
  padding: 8px 8px 0px 9px;
  margin-left: 3px;
  position: relative;
  top: 3px;
}
.page-header .icon-buttons .icon-button > .icon {
  margin-right: 0px;
  opacity: 0.7;
}
.page-header .icon-buttons .icon-button:hover > .icon {
  opacity: 1.0;
}
.page-header .action-buttons {
  margin-bottom: 20px;
}
.page-header .action-buttons .button {
  margin: 0 15px 0 0;
}
.page-header .action-buttons .info-link {
  white-space: nowrap;
}
.page-header .action-buttons a {
  white-space: nowrap;
}
.page-header .action-buttons a:hover .icon {
  opacity: 1.0;
}
.page-header ul.filters.sort {
  width: 180px;
  height: 40px;
  line-height: 24px;
}
@media screen and (min-width: 480px) {
  .page-header h1 {
    font-size: 23px;
    max-width: 300px;
  }
  .page-header .create-date {
    display: block;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .page-header {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-header .container {
    min-height: 65px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-header .icon-and-heading {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
  }
  .page-header h1 {
    font-size: 23px;
  }
  .page-header form[name='filterForm'] {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: auto;
  }
  .page-header form[name='filterForm'] .field {
    padding-bottom: 0;
  }
  .page-header .scope-sort-widget {
    margin-bottom: 0;
  }
  .page-header .top-menu {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .page-header .read-only-stats,
  .page-header .icon-buttons,
  .page-header .action-buttons {
    margin-bottom: 0;
  }
  .page-header .action-buttons .button {
    margin: 0 0 0 13px;
  }
}
@media screen and (min-width: 1200px) {
  .page-header h1 {
    max-width: 350px;
  }
}
.main-wrapper {
  min-height: 100%;
}
.main-wrapper:after {
  content: "";
  display: block;
}
.main-content {
  margin-bottom: 40px;
  background-color: white;
  padding: 25px 25px 50px;
  border-radius: 3px;
  border: 1px solid rgba(43, 50, 57, 0.15);
}
.main-content.no-well {
  background-color: inherit;
  padding: 0;
  border: 0;
}
.main-content.center {
  margin: 40px auto;
  float: none;
}
.main-content.full-width {
  width: auto;
  float: none;
}
.main-content .position-relative {
  position: relative;
}
.main-content .smaller-container {
  margin: 0;
}
.main-content h3 {
  color: #4e5b68;
  margin-top: 25px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 23px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.2px;
}
.main-content .section-header {
  margin: 35px -25px 25px;
  padding: 0 25px;
  border-top: 1px solid rgba(43, 50, 57, 0.12);
}
.main-content .section-header.center-heading {
  text-align: center;
}
.main-content .section-header.center-heading h3 {
  margin-top: 43px;
  font-size: 27px;
}
.main-content .section-header.first {
  border-top: 0;
  margin-top: 0;
}
.main-content .section-header.first h3 {
  margin-top: 10px;
}
.main-content .section-header.first a.button,
.main-content .section-header.first button {
  margin-top: 3px;
}
.main-content .section-header a.button,
.main-content .section-header button {
  float: right;
  margin-top: 30px;
}
.main-content .section-header h3.info {
  float: right;
  font-weight: 300;
  color: rgba(43, 50, 57, 0.65);
}
.main-content .section-header.account-info {
  margin-top: 5px;
}
.main-content .help {
  font-size: 12px;
  color: rgba(43, 50, 57, 0.35);
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  line-height: 16px;
  padding-left: 30px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .main-content .help {
    border-left: 1px solid rgba(43, 50, 57, 0.15);
  }
}
.main-content .help.shift-down {
  margin-top: 28px;
  margin-bottom: 0px;
}
.main-content .help.pad-bottom {
  margin-bottom: 24px;
}
.main-content .help strong {
  margin-bottom: 8px;
}
.main-content .help a {
  color: rgba(69, 140, 207, 0.65);
  text-decoration: none;
  transition: color 100ms ease;
}
.main-content .help a:hover {
  color: #458ccf;
  text-decoration: none;
}
.main-content .help h1,
.main-content .help h2,
.main-content .help h3,
.main-content .help h4,
.main-content .help h5 {
  margin: 0;
}
.main-content .help.big {
  font-size: 15px;
  color: #939596;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 145%;
  margin-bottom: 10px;
  padding-left: 0;
  border-left: 0;
}
.main-content .help.big a {
  color: rgba(69, 140, 207, 0.9);
}
.main-content .help.big a:hover {
  color: #458CCF;
}
.main-content .help.no-border {
  border: none;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .main-content .smaller-container {
    margin: 0 10%;
  }
}
@media screen and (max-width: 600px) {
  .new-website {
    display: none;
  }
}
@media screen and (min-width: 940px) {
  .help.big {
    max-width: 60%;
  }
  .row .help.big {
    max-width: 80%;
  }
}
.main-wrapper {
  margin-bottom: -150px;
}
.main-wrapper:after {
  height: 170px;
}
footer {
  overflow: hidden;
  height: 150px;
  text-align: center;
}
footer .footer {
  border-top: 1px solid rgba(43, 50, 57, 0.15);
  background-color: #f5f5f7;
  transition: border-color 100ms ease, -webkit-transform 100ms ease;
  transition: transform 100ms ease, border-color 100ms ease;
  transition: transform 100ms ease, border-color 100ms ease, -webkit-transform 100ms ease;
  padding: 18px 0 25px;
}
footer.disappear .footer {
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  border-top-color: transparent;
}
footer ul {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center;
}
footer ul > li {
  list-style: none;
  padding: 6px 28px 0 0;
  display: inline-block;
  white-space: nowrap;
  line-height: 20px;
}
footer ul > li a {
  color: rgba(43, 50, 57, 0.5);
  text-decoration: none;
  transition: color 100ms ease;
}
footer ul > li a i.icon {
  float: left;
  opacity: 0.4;
  margin-right: 7px;
  transition: opacity 100ms ease;
}
footer ul > li a i.icon.footer-blog {
  margin-top: 2px;
}
footer ul > li a i.icon.footer-forum {
  margin-top: 1px;
}
footer ul > li a:hover {
  color: rgba(43, 50, 57, 0.8);
}
footer ul > li a:hover i.icon {
  opacity: 0.8;
}
footer ul > li.separator {
  display: block;
}
footer ul > li.social-links {
  padding: 6px 0 0 10px;
}
footer ul > li.social-links i.icon.footer-twitter {
  margin-top: 1px;
}
footer ul > li.bullet {
  display: none;
}
@media screen and (min-width: 480px) {
  .main-wrapper {
    margin-bottom: -130px;
  }
  .main-wrapper:after {
    height: 150px;
  }
  footer {
    height: 130px;
  }
  footer.disappear .footer {
    -webkit-transform: translateY(130px);
    transform: translateY(130px);
  }
}
@media screen and (min-width: 992px) {
  .main-wrapper {
    margin-bottom: -65px;
  }
  .main-wrapper:after {
    height: 85px;
  }
  footer {
    height: 65px;
  }
  footer ul {
    text-align: left;
  }
  footer ul > li.separator {
    display: none;
  }
  footer ul > li.social-links {
    float: right;
  }
  footer.disappear .footer {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
  }
}
.dashboard-list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
}
.dashboard-list > li {
  padding: 20px 20px 15px 20px;
}
.dashboard-list > li:before,
.dashboard-list > li:after {
  content: " ";
  display: table;
}
.dashboard-list > li:after {
  clear: both;
}
.dashboard-list > li:before,
.dashboard-list > li:after {
  content: " ";
  display: table;
}
.dashboard-list > li:after {
  clear: both;
}
.dashboard-list > li:before,
.dashboard-list > li:after {
  content: " ";
  display: table;
}
.dashboard-list > li:after {
  clear: both;
}
.dashboard-list > li:before,
.dashboard-list > li:after {
  content: " ";
  display: table;
}
.dashboard-list > li:after {
  clear: both;
}
.dashboard-list > li:before,
.dashboard-list > li:after {
  content: " ";
  display: table;
}
.dashboard-list > li:after {
  clear: both;
}
.dashboard-list > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
@media screen and (min-width: 320px) and (max-width: 999px) {
  .plan-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .plan-grid .plan {
    width: 100%;
    margin-top: 15px;
  }
  .plan-grid .plan i.icon {
    display: none;
    visibility: hidden;
  }
  ul.hosting li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  ul.hosting li > div {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .plan-grid .plan ul.features {
    font-size: 0.82rem;
  }
}
@media screen and (min-width: 1000px) {
  .plan-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .plan-grid .plan {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  ul.hosting li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  ul.hosting .icon-holder {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    margin-right: 10px;
  }
  ul.hosting .title {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    margin-right: 10px;
  }
  ul.hosting .description {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
  }
  ul.hosting .description span.free-price {
    opacity: 0.7;
  }
}
.plans .plan-toggle,
.hosting-tab .plan-toggle {
  color: rgba(43, 50, 57, 0.45);
  margin-bottom: 10px;
}
.plans .plan-toggle h6,
.hosting-tab .plan-toggle h6 {
  margin: 1px;
  font-size: 14px;
  font-weight: normal;
  color: #8F8F8F;
  display: inline-block;
  margin-right: 10px;
  margin-top: 14px;
}
.plans .plan-toggle .button,
.hosting-tab .plan-toggle .button {
  min-width: 100px;
  text-align: center;
  border-radius: 0px 3px 3px 0;
  border: 1px solid rgba(43, 50, 57, 0.9);
}
.plans .plan-toggle .button:last-child,
.hosting-tab .plan-toggle .button:last-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.plans .plan-toggle .button.secondary,
.hosting-tab .plan-toggle .button.secondary {
  background-color: #FDFDFD;
}
.plans .plan-toggle .button:hover,
.hosting-tab .plan-toggle .button:hover {
  border-color: #20252a;
}
.plans .compare-button,
.hosting-tab .compare-button {
  display: block;
  text-align: center;
  margin: 15px auto 0;
}
.plans .plan-grid,
.hosting-tab .plan-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.plans .plan-grid.expand > .plan ul.extended,
.hosting-tab .plan-grid.expand > .plan ul.extended {
  display: block;
}
.plans .plan-grid .plan,
.hosting-tab .plan-grid .plan {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #d4d5d7;
  position: relative;
  border-radius: 3px;
}
.plans .plan-grid .plan:not(:last-child),
.hosting-tab .plan-grid .plan:not(:last-child) {
  margin-right: 20px;
}
.plans .plan-grid .plan.hide-toggle .plan-toggle,
.hosting-tab .plan-grid .plan.hide-toggle .plan-toggle {
  display: none;
}
.plans .plan-grid .plan.hide-toggle .header.staging-header h2,
.hosting-tab .plan-grid .plan.hide-toggle .header.staging-header h2 {
  padding-top: 16px;
  padding-bottom: 31px;
  color: #24A266;
}
.plans .plan-grid .plan.hide-toggle .header.staging-header .cost,
.hosting-tab .plan-grid .plan.hide-toggle .header.staging-header .cost {
  color: #2B3239;
}
.plans .plan-grid .plan .header,
.hosting-tab .plan-grid .plan .header {
  padding: 15px 22px 30px 22px;
  text-align: center;
}
.plans .plan-grid .plan .header h2,
.hosting-tab .plan-grid .plan .header h2 {
  font-size: 28px;
  font-weight: 300;
  margin: 0;
}
.plans .plan-grid .plan .header.staging-header h2,
.hosting-tab .plan-grid .plan .header.staging-header h2 {
  font-size: 26px;
  padding-bottom: 0px;
  color: #2B3239;
  padding-top: 36px;
}
.plans .plan-grid .plan .header.staging-header .cost,
.hosting-tab .plan-grid .plan .header.staging-header .cost {
  font-size: 21px;
  padding: 6px 0px 35px;
  color: #939596;
  margin: 0;
}
.plans .plan-grid .plan .header .description,
.hosting-tab .plan-grid .plan .header .description {
  font-size: 14px;
}
.plans .plan-grid .plan .cost,
.hosting-tab .plan-grid .plan .cost {
  font-size: 40px;
  font-weight: 100;
  margin: 10px 0;
}
.plans .plan-grid .plan .cost::after,
.hosting-tab .plan-grid .plan .cost::after {
  font-size: 16px;
  content: '/mo';
  color: #ABB2B8;
  font-weight: 300;
}
.plans .plan-grid .plan .notion,
.hosting-tab .plan-grid .plan .notion {
  font-size: 12px;
  margin-bottom: 25px;
  opacity: 0.5;
  text-transform: uppercase;
}
.plans .plan-grid .plan .notion a,
.hosting-tab .plan-grid .plan .notion a {
  color: #4e5b68;
}
.plans .plan-grid .plan .features,
.hosting-tab .plan-grid .plan .features {
  list-style: none;
  margin: 0;
  padding: 0 22px 10px;
}
.plans .plan-grid .plan .features.extended,
.hosting-tab .plan-grid .plan .features.extended {
  display: none;
}
.plans .plan-grid .plan .features li,
.hosting-tab .plan-grid .plan .features li {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0;
  padding-bottom: 12px;
  font-weight: 400;
  font-size: 15px;
}
.plans .plan-grid .plan .features li :first-letter,
.hosting-tab .plan-grid .plan .features li :first-letter {
  text-transform: uppercase;
}
.plans .plan-grid .plan .features li i.icon.help-tip-hollow,
.hosting-tab .plan-grid .plan .features li i.icon.help-tip-hollow {
  float: right;
  opacity: 0.25;
  cursor: help;
  top: 0;
  left: 0;
  transition: opacity 100ms ease;
}
.plans .plan-grid .plan .features li i.icon.help-tip-hollow:hover,
.hosting-tab .plan-grid .plan .features li i.icon.help-tip-hollow:hover {
  opacity: 0.8;
}
.plans .plan-grid .plan .features li.plan-button,
.hosting-tab .plan-grid .plan .features li.plan-button {
  border-bottom: 0;
  font-weight: normal;
}
.plans .plan-grid .plan .features li.plan-button .button,
.hosting-tab .plan-grid .plan .features li.plan-button .button {
  text-align: center;
  width: 100%;
}
.plans .plan-grid .plan .features li.plan-button .button.disabled,
.hosting-tab .plan-grid .plan .features li.plan-button .button.disabled,
.plans .plan-grid .plan .features li.plan-button .button.cancel,
.hosting-tab .plan-grid .plan .features li.plan-button .button.cancel {
  background-color: #FDFDFD;
  border: 1px solid #20252a;
  color: #20252a;
}
.plans .plan-grid .plan .features li.plan-button .button.disabled:hover,
.hosting-tab .plan-grid .plan .features li.plan-button .button.disabled:hover,
.plans .plan-grid .plan .features li.plan-button .button.cancel:hover,
.hosting-tab .plan-grid .plan .features li.plan-button .button.cancel:hover {
  background-color: #FDFDFD;
  border: 1px solid #20252a;
}
.plans .plan-grid .plan .features li.not,
.hosting-tab .plan-grid .plan .features li.not {
  color: #ABB2B8;
}
.plans .plan-grid .plan.current,
.hosting-tab .plan-grid .plan.current {
  border: 2px solid #20252a;
}
.plans .plan-grid .plan.current .features li.plan-button .button.disabled,
.hosting-tab .plan-grid .plan.current .features li.plan-button .button.disabled {
  background-color: #20252a;
  border: 1px solid #20252a;
  color: #FFF;
}
.contacts-modal div.overflow {
  height: 380px;
  border: 1px solid #d9dce1;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.contacts-modal table.table.contacts {
  font-size: 15px;
}
.contacts-modal table.table.contacts > tbody > tr:hover + label:after {
  opacity: 0.3;
}
.contacts-modal table.table.contacts > tbody > tr:not(.heading):not([disabled]) {
  transition: all 100ms;
  cursor: pointer;
}
.contacts-modal table.table.contacts > tbody > tr:not(.heading):not([disabled]):hover {
  background-color: rgba(240, 241, 243, 0.5);
}
.contacts-modal table.table.contacts > tbody > tr:not(.heading):not([disabled]).selected {
  background-color: rgba(69, 140, 207, 0.08);
}
.contacts-modal table.table.contacts > tbody > tr.existing {
  cursor: not-allowed !important;
}
.contacts-modal table.table.contacts > tbody > tr.existing td:nth-child(3) {
  color: #24A266;
}
.contacts-modal table.table.contacts > tbody > tr.existing > td .checkbox-holder label {
  cursor: not-allowed;
  opacity: 0;
}
.contacts-modal table.table.contacts > tbody > tr.heading td {
  text-transform: uppercase;
  font-size: 13px;
  padding: 9px 12px;
  font-weight: 600;
}
.contacts-modal table.table.contacts > tbody > tr > td {
  border-bottom: 1px solid #d9dce1;
  border-top: 0;
  padding: 9px 6px;
  vertical-align: middle;
}
.contacts-modal textarea {
  height: 360px;
}
.contacts-modal .modal-body form label a {
  color: rgba(43, 50, 57, 0.35);
  cursor: pointer;
}
.contacts-modal .modal-body form label a:hover {
  color: #458CCF;
}
.contacts-modal .modal-body form .field {
  padding-bottom: 10px;
}
.contacts-modal .modal-footer button {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
}
.delete-site-modal div.thumbnail {
  display: inline-block;
  width: 140px;
  margin: 0 10px 0 0;
}
.delete-site-modal div.thumbnail > img {
  width: 140px;
}
.delete-site-modal div.info {
  display: inline-block;
  width: calc(100% - 150px);
}
.delete-site-modal span.site-name {
  color: #EA3539;
}
.ftu-notice-modal .tutorial-info-big {
  display: none;
}
@media screen and (min-width: 1250px) {
  .ftu-notice-modal .tutorial-info-small {
    display: none;
  }
  .ftu-notice-modal .tutorial-info-big {
    display: block;
  }
}
.duplicate-modal .field label {
  display: inline-block;
}
.segmentation-survey .modal-body > div.heading {
  margin-bottom: 20px;
  margin-top: 5px;
}
.segmentation-survey .modal-body > div.radio-group > div > label {
  font-weight: 600;
}
.segmentation-survey .modal-body > .checkbox {
  text-align: center;
  opacity: 0.6;
}
.segmentation-survey .modal-body > .checkbox input[type='checkbox'] {
  margin-left: 0;
}
.template-payment-modal span.discount {
  padding: 10px 5px 5px 10px;
  display: inline-block;
}
.hosting-modal {
  /* TODO: move to component */
}
.hosting-modal .modal-header {
  padding-bottom: 10px;
  text-align: center;
}
.hosting-modal .modal-header h4 > i {
  margin-right: 10px;
  margin-bottom: -5px;
}
.hosting-modal .modal-header h4.discount {
  border-left: 1px solid rgba(43, 50, 57, 0.15);
  color: #18A364;
  font-weight: 400;
  font-size: 16px;
  opacity: 0.7;
  margin-left: 10px;
  padding-left: 10px;
  line-height: 15px;
  margin-top: 8px;
}
.hosting-modal .modal-header h4.discount:hover {
  cursor: pointer;
}
.hosting-modal .modal-header .close {
  padding: 7px 20px 5px 20px;
}
.hosting-modal .hosting-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.hosting-modal .hosting-details.cms > .price {
  background-image: linear-gradient(-45deg, #928BDC, #5462B5);
}
.hosting-modal .hosting-details.basic > .price {
  background-image: linear-gradient(-45deg, #1BC4BF, #0DB3C2);
}
.hosting-modal .hosting-details .price {
  position: relative;
  text-align: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 65px;
  color: white;
  font-size: 40px;
  font-weight: 300;
  border-radius: 2px 0 0 2px;
}
.hosting-modal .hosting-details .price .mini {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 100;
}
.hosting-modal .hosting-details .price .upgrade {
  position: absolute;
  bottom: 9px;
  left: 0px;
  font-size: 12px;
}
.hosting-modal .hosting-details .price .upgrade a {
  color: white;
}
.hosting-modal .hosting-details .details {
  background-color: #fcfcfc;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-left: 0;
  padding: 20px 0 0 30px;
}
.hosting-modal .hosting-details .details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  opacity: 0.8;
}
.hosting-modal .hosting-details .details > div > i {
  margin-top: 2px;
  margin-right: 10px;
}
.hosting-modal .hosting-details .details > div > i.skills-big {
  width: 17px;
}
.hosting-modal .payment-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}
.hosting-modal .payment-details .card-brand {
  margin: 2px 15px -2px 0;
}
.hosting-modal .payment-details .name {
  font-weight: 600;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.hosting-modal .payment-details .card {
  opacity: 0.6;
}
.hosting-modal .switch-plans,
.hosting-modal .switch-periods {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
}
.hosting-modal .switch-plans button,
.hosting-modal .switch-periods button {
  font-size: 12px;
  height: 25px;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 300;
  border-radius: 25px;
  background: transparent;
  border: 1px solid rgba(78, 91, 104, 0.4);
  color: rgba(78, 91, 104, 0.4);
  transition: all 0.1s ease;
}
.hosting-modal .switch-plans button:hover,
.hosting-modal .switch-periods button:hover {
  border-color: rgba(69, 140, 207, 0.8);
  color: rgba(69, 140, 207, 0.8);
}
.hosting-modal .switch-plans button:hover:focus,
.hosting-modal .switch-periods button:hover:focus {
  border-color: #458CCF;
  color: #458CCF;
}
.hosting-modal .switch-plans button.disabled,
.hosting-modal .switch-periods button.disabled {
  cursor: not-allowed;
  color: rgba(78, 91, 104, 0.4);
  border-color: rgba(78, 91, 104, 0.4);
}
.hosting-modal .switch-plans button.disabled:hover,
.hosting-modal .switch-periods button.disabled:hover {
  color: rgba(78, 91, 104, 0.4);
  border-color: rgba(78, 91, 104, 0.4);
}
.hosting-modal .switch-plans button.disabled:hover::before,
.hosting-modal .switch-periods button.disabled:hover::before {
  opacity: 1;
}
.hosting-modal .switch-plans button.disabled:hover::after,
.hosting-modal .switch-periods button.disabled:hover::after {
  opacity: 1;
}
.hosting-modal .switch-plans button.disabled:focus,
.hosting-modal .switch-periods button.disabled:focus {
  color: rgba(78, 91, 104, 0.4);
  border-color: rgba(78, 91, 104, 0.4);
}
.hosting-modal .switch-plans button.selected,
.hosting-modal .switch-periods button.selected {
  color: rgba(78, 91, 104, 0.8);
  border-color: rgba(78, 91, 104, 0.8);
}
.hosting-modal .switch-plans button.selected:hover,
.hosting-modal .switch-periods button.selected:hover {
  border-color: rgba(78, 91, 104, 0.8);
  color: rgba(78, 91, 104, 0.8);
}
.hosting-modal .switch-plans button:not(:last-child),
.hosting-modal .switch-periods button:not(:last-child) {
  margin-right: 10px;
}
.hosting-modal .switch-plans button:focus,
.hosting-modal .switch-periods button:focus {
  outline: none;
}
.payment.modal-body span.danger {
  color: #EA3539;
}
.payment.modal-body .alert {
  margin-bottom: 20px;
}
.payment.modal-body .alert.info {
  font-size: 14px;
}
.payment.modal-body .card .col-md-4 {
  padding-left: 0;
}
.payment.modal-body .card .label {
  margin-bottom: 0;
}
.payment.modal-body .promo input[type='text'] {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 15px;
}
.payment.modal-body .promo .button {
  border-radius: 3px;
}
.payment.modal-body .promo .discount {
  vertical-align: middle;
}
.payment.modal-body .payment-details {
  border-radius: 3px;
}
.repurchase-modal button {
  margin: 20px auto 40px auto;
  display: block;
  width: 220px;
  text-align: center;
}
.repurchase-modal button.repurchase {
  margin: 27px auto 17px auto;
}
.repurchase-modal .radio-group p {
  clear: both;
  display: block;
  text-indent: 38px;
  opacity: 0.6;
}
.repurchase-modal .radio-group label {
  font-weight: 600;
}
.unauth-wrapper {
  padding: 0 20px;
  transition: padding-top 250ms ease;
}
.unauth-wrapper .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
}
.unauth-wrapper h2 {
  padding: 0;
  margin: 0px 5px 5px 0;
  font-size: 23px;
  line-height: 29px;
}
.unauth-wrapper .switch-mode {
  color: rgba(43, 50, 57, 0.45);
  margin: 5px 0;
  font-size: 22px;
  line-height: 1.0em;
  white-space: nowrap;
}
.unauth-wrapper .switch-link {
  color: rgba(43, 50, 57, 0.45);
  padding-bottom: 0px;
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 50, 57, 0.35);
  transition: color 100ms ease, border-bottom 100ms ease;
}
.unauth-wrapper .switch-link:hover {
  color: #4e5b68;
  border-bottom: 1px solid #4e5b68;
}
.unauth-wrapper .field {
  padding-bottom: 17px;
}
.unauth-wrapper .field input[type='text'],
.unauth-wrapper .field input[type='email'],
.unauth-wrapper .field input[type='password'],
.unauth-wrapper .field input[type='number'],
.unauth-wrapper .field select,
.unauth-wrapper .field textarea {
  padding: 15px 13px;
  font-size: 17px;
  line-height: 22px;
}
.unauth-wrapper .actions-row {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.unauth-wrapper .actions-row > .button {
  margin-right: 30px;
}
.unauth-wrapper .actions-row > .other-links {
  padding-top: 10px;
}
.unauth-wrapper .actions-row > .other-links.signup-footer {
  margin-top: 20px;
}
.unauth-wrapper .actions-row > .other-links .fade-link {
  display: block;
  font-size: 15px;
  color: rgba(43, 50, 57, 0.45);
  margin: 5px 0;
  text-decoration: none;
  border-bottom: 0px solid #4e5b68;
  transition: color 100ms ease, border-bottom 100ms ease;
}
.unauth-wrapper .actions-row > .other-links .fade-link:hover {
  border-bottom: 0px solid #4e5b68;
  color: #4e5b68;
}
.unauth-wrapper .button {
  padding: 15px 18px;
  font-size: 18px;
  line-height: 21px;
  font-smoothing: antialiased;
}
.unauth-wrapper div.alert {
  color: #EA3539;
  margin-left: 0px;
  margin-bottom: 0;
}
.unauth-wrapper .footnote {
  color: rgba(43, 50, 57, 0.45);
}
.unauth-wrapper .footnote a {
  text-decoration: none;
  color: #458CCF;
}
.unauth-wrapper .footnote a:hover {
  text-decoration: underline;
}
@media (min-width: 480px) {
  .unauth-wrapper {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  .unauth-wrapper .actions-row > .other-links {
    padding-top: 0;
    text-align: right;
  }
}
@media screen and (min-width: 992px) {
  .home .alert.too-small {
    display: none;
  }
}
.home .recent {
  margin-top: 25px;
}
.home .no-data {
  margin-top: 15px;
}
.home .num-projects {
  text-decoration: none;
  font-size: 14px;
  color: rgba(43, 50, 57, 0.4);
  border-bottom: 1px solid transparent;
  transition: color 100ms ease, border-bottom 100ms ease;
}
.home ul.filters.sort {
  margin-left: 10px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #cbced3;
  border: 0;
}
.home ul.filters.sort > li > a span {
  color: #4e5b68;
}
.home ul.filters.sort > li > a i.icon {
  opacity: .8;
}
.home ul.filters.sort:hover {
  box-shadow: inset 0 0 0 1px #b5b7ba;
}
.home .breadcrumb .project-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: auto;
}
.home .breadcrumb .field {
  margin-top: -9px;
}
.home .breadcrumb .scope-sort-widget {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.home .breadcrumb ul.filters.left-icons.scope > li {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 17px;
}
.home .breadcrumb ul.filters.left-icons.scope > li > a > span {
  color: rgba(43, 50, 57, 0.45);
}
.home .breadcrumb ul.filters.left-icons.scope > li > a > .icon {
  opacity: 0.5;
}
.home .breadcrumb ul.filters.left-icons.scope > li:hover {
  box-shadow: none;
}
.home .breadcrumb ul.filters.left-icons.scope > li:hover > a > span {
  color: #4e5b68;
}
.home .breadcrumb ul.filters.left-icons.scope > li:hover > a > .icon {
  opacity: 0.8;
}
.home .breadcrumb .breadcrumb_item {
  display: inline-block;
  background: url('https://d3e54v103j8qbb.cloudfront.net/img/dashboard_folders/breadcrumb.ada2bf21fc.svg') left 14px no-repeat;
  padding: 10px 12px 10px 18px;
  font-size: 17px;
  font-weight: 600;
}
.home .breadcrumb .breadcrumb_item .pencil {
  margin-left: 5px;
  opacity: 0;
}
.home .breadcrumb .breadcrumb_item:hover .pencil {
  opacity: 0.8;
}
.home .breadcrumb .breadcrumb_item a {
  color: rgba(43, 50, 57, 0.45);
  font-weight: normal;
  text-decoration: none;
}
.home .breadcrumb .breadcrumb_item a:hover {
  color: #4e5b68;
}
.home .folder-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background-position: center center;
  width: 42px;
  height: auto;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #cbced3;
  border-radius: 3px;
}
.home .folder-action .icon {
  opacity: 0.8;
}
.home .folder-action:hover {
  box-shadow: inset 0 0 0 1px #b5b7ba;
}
.home .preview {
  background-color: #EBEDF0;
  padding: 8px;
}
.home .preview:hover {
  background-color: #e5e8ec;
}
.home .preview h4 {
  text-align: center;
  margin: 60px auto;
}
.home .preview .folder-site-thumb {
  width: 111px;
  height: 83px;
  margin: 8px;
  float: left;
  background-color: #DDDFE3;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.home .site-item.dragging {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.home .site-item .controls {
  position: relative;
}
.home .site-item .controls ul li.settings {
  height: 34px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.home .site-item .controls ul li.settings:hover i.icon {
  opacity: 0.8;
}
.home .site-item.folder-item .preview {
  height: 214px;
}
.home .site-item .dropdown-menu-wrapper {
  position: absolute;
  right: -8px;
  bottom: -8px;
  padding: 16px;
}
.home .site-item .dropdown-menu {
  padding: 3px 0;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.home .site-item .dropdown-menu .dropdown-menu-link {
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 182px;
  padding: 8px 14px;
  font-size: 14px;
  text-decoration: none;
  color: #4e5b68;
  cursor: pointer;
}
.home .site-item .dropdown-menu .dropdown-menu-link .dropdown-link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
  margin-left: -2px;
  width: 16px;
  opacity: 0.8;
}
.home .site-item .dropdown-menu .dropdown-menu-link:hover {
  background-color: #f5f5f7;
}
.home .site-item .dropdown-menu-divider {
  width: 100%;
  height: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
  background-color: #cbced3;
  opacity: 0.51;
}
.home .empty-folder-state {
  height: 170px;
  padding: 50px 40px 0;
  background: url('https://d3e54v103j8qbb.cloudfront.net/img/dashboard_folders/empty-folder-img.c89076b5ce.png') bottom center no-repeat;
  background-size: 195px 42px;
  text-align: center;
}
.home .empty-folder-state .empty-folder-header {
  font-weight: 600;
  margin-bottom: 8px;
}
.home .empty-folder-state .empty-folder-description {
  font-size: 14px;
  color: rgba(43, 50, 57, 0.45);
}
@media (min-width: 768px) {
  .login-wrapper {
    padding-top: 130px;
  }
}
.signup-wrapper p.terms {
  color: rgba(43, 50, 57, 0.45);
  font-size: 15px;
  margin: 0px 0 22px;
}
.signup-wrapper p.terms a {
  color: rgba(43, 50, 57, 0.45);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 50, 57, 0.2);
  transition: border-bottom 100ms ease, color 100ms ease;
}
.signup-wrapper p.terms a:hover {
  color: #4e5b68;
  border-bottom: 1px solid rgba(43, 50, 57, 0.4);
}
.signup-main .invited {
  display: inline-block;
  background-color: #414c56;
  color: #F0F1F3;
  width: auto;
  border: 1px solid rgba(43, 50, 57, 0.15);
  position: relative;
  z-index: 40;
  margin-bottom: 38px;
  padding: 6px 14px;
  border-radius: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.signup-main .invited .caret {
  position: absolute;
  z-index: 50;
  bottom: -8px;
  left: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #414c56;
  width: 15px;
  height: 15px;
}
.signup-main .invited img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 10px;
  z-index: 55;
  position: relative;
}
.signup-sidebar {
  display: none;
}
@media (min-width: 768px) {
  .signup-wrapper {
    max-width: none;
    margin: 0;
    padding: 0;
    margin-top: -64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .signup-main {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 60px;
  }
  .signup-form {
    max-width: 380px;
    padding: 0 20px 40px;
  }
  .signup-sidebar {
    -ms-flex-preferred-size: 440px;
    flex-basis: 440px;
    color: #4e5b68;
    background: #FDFDFD;
    height: 100vh;
    border-left: 1px solid rgba(43, 50, 57, 0.15);
    padding: 0 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -130px;
  }
  .signup-sidebar .companies {
    margin-bottom: 68px;
  }
  .signup-sidebar .companies h4 {
    color: #8c9ba9;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    margin-bottom: 20px;
  }
  .signup-sidebar .companies img {
    width: 350px;
    opacity: 0.7;
  }
  .signup-sidebar .testimonials .testimonial {
    margin-bottom: 50px;
  }
  .signup-sidebar .testimonials .testimonial:before,
  .signup-sidebar .testimonials .testimonial:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial:before,
  .signup-sidebar .testimonials .testimonial:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial:before,
  .signup-sidebar .testimonials .testimonial:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial:before,
  .signup-sidebar .testimonials .testimonial:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial:before,
  .signup-sidebar .testimonials .testimonial:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial h2.quote {
    text-align: center;
    font-size: 21px;
    line-height: 27px;
    margin: 10px 28px 18px;
    color: rgba(43, 50, 57, 0.65);
  }
  .signup-sidebar .testimonials .testimonial .info {
    display: inline-block;
  }
  .signup-sidebar .testimonials .testimonial .info .image {
    position: relative;
    float: left;
    font-size: 0;
  }
  .signup-sidebar .testimonials .testimonial .info .image .img-border {
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  }
  .signup-sidebar .testimonials .testimonial .info .image img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }
  .signup-sidebar .testimonials .testimonial .info .person {
    float: left;
    margin-left: 15px;
    text-align: left;
    color: rgba(43, 50, 57, 0.65);
  }
  .signup-sidebar .testimonials .testimonial .info .person .title {
    color: rgba(43, 50, 57, 0.45);
    font-size: 14px;
    margin-top: 1px;
  }
  .signup-sidebar .testimonials .testimonial .title:before,
  .signup-sidebar .testimonials .testimonial .title:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial .title:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial .title:before,
  .signup-sidebar .testimonials .testimonial .title:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial .title:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial .title:before,
  .signup-sidebar .testimonials .testimonial .title:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial .title:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial .title:before,
  .signup-sidebar .testimonials .testimonial .title:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial .title:after {
    clear: both;
  }
  .signup-sidebar .testimonials .testimonial .title:before,
  .signup-sidebar .testimonials .testimonial .title:after {
    content: " ";
    display: table;
  }
  .signup-sidebar .testimonials .testimonial .title:after {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .signup-sidebar {
    margin-bottom: -65px;
  }
}
.forgot-password-wrapper .heading {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .forgot-password-wrapper {
    padding-top: 130px;
  }
}
.geocoder-wrapper .heading {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .geocoder-wrapper {
    padding-top: 130px;
  }
}
.subscription-details {
  margin-bottom: 20px;
}
.managed-billing .field-list {
  max-width: 800px;
  margin: 0 0 15px;
}
.managed-billing .field-list > .alert {
  margin: 20px 45px 25px 25px;
}
.managed-billing .field-list > .field .field {
  margin-left: 0;
}
.managed-billing .field-list > .field input[disabled] {
  cursor: no-drop;
}
.managed-billing .help-text {
  color: rgba(43, 50, 57, 0.45);
  font-size: 13px;
  padding-top: 3px;
  border: 0;
}
.managed-billing .help.shift-down,
.client-billing .help.shift-down {
  margin-top: 45px;
}
.managed-billing a,
.client-billing a {
  color: #458CCF;
  text-decoration: none;
}
.managed-billing a:hover,
.client-billing a:hover {
  text-decoration: underline;
}
.managed-billing .managed-billing-section .button,
.client-billing .managed-billing-section .button {
  float: none;
}
.managed-billing .managed-billing-section .country-grid,
.client-billing .managed-billing-section .country-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 20px;
}
.managed-billing .managed-billing-section .country,
.client-billing .managed-billing-section .country {
  margin: 10px;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}
.managed-billing .managed-billing-section .country-item,
.client-billing .managed-billing-section .country-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.managed-billing .managed-billing-section .country-item .icon,
.client-billing .managed-billing-section .country-item .icon {
  margin-right: 15px;
}
.managed-billing .managed-billing-section .alerts,
.client-billing .managed-billing-section .alerts {
  padding: 10px 20px;
}
.managed-billing .cancel-section,
.client-billing .cancel-section {
  padding-top: 10px;
}
.managed-billing .registration-step,
.client-billing .registration-step {
  display: inline-block;
  padding: 6px 10px;
  margin: 15px 20px;
  border-radius: 3px;
  background: #40474D;
  color: white;
  text-transform: uppercase;
}
.managed-billing .managed-billing-registration,
.client-billing .managed-billing-registration,
.managed-billing .client-information,
.client-billing .client-information {
  border: 1px solid #D9D9DA;
  border-radius: 5px;
}
.managed-billing .managed-billing-registration .section-divider-partial,
.client-billing .managed-billing-registration .section-divider-partial,
.managed-billing .client-information .section-divider-partial,
.client-billing .client-information .section-divider-partial {
  height: 1px;
  margin: 20px 0 0 0;
  background: #D9D9DA;
}
.managed-billing .managed-billing-registration .section-divider,
.client-billing .managed-billing-registration .section-divider,
.managed-billing .client-information .section-divider,
.client-billing .client-information .section-divider {
  height: 1px;
  width: 100%;
  background: #D9D9DA;
}
.managed-billing .managed-billing-registration .field.row,
.client-billing .managed-billing-registration .field.row,
.managed-billing .client-information .field.row,
.client-billing .client-information .field.row {
  margin-left: 10px;
}
.managed-billing .complete,
.client-billing .complete {
  color: #18A364;
  margin-left: 30px;
}
.managed-billing .complete > .icon,
.client-billing .complete > .icon {
  position: relative;
  margin-right: 5px;
  top: 0.2em;
}
.managed-billing .left,
.client-billing .left {
  float: left;
}
.managed-billing .right,
.client-billing .right {
  float: right;
}
.managed-billing .field,
.client-billing .field,
.managed-billing .field-title,
.client-billing .field-title,
.managed-billing .split-field,
.client-billing .split-field {
  padding: 0;
  margin: 0 25px;
}
.managed-billing .field.partial-width,
.client-billing .field.partial-width,
.managed-billing .field-title.partial-width,
.client-billing .field-title.partial-width,
.managed-billing .split-field.partial-width,
.client-billing .split-field.partial-width {
  display: inline-block;
}
.managed-billing .field.partial-width .small,
.client-billing .field.partial-width .small,
.managed-billing .field-title.partial-width .small,
.client-billing .field-title.partial-width .small,
.managed-billing .split-field.partial-width .small,
.client-billing .split-field.partial-width .small {
  width: 5em;
  display: block;
}
.managed-billing .field-title .description,
.client-billing .field-title .description {
  color: grey;
  margin: 0;
  padding-bottom: 10px;
}
.managed-billing .split-field > .field,
.client-billing .split-field > .field {
  margin: 0;
}
.managed-billing .split-field .split-field-seperator,
.client-billing .split-field .split-field-seperator {
  margin: 0 10px;
}
.managed-billing .field.last,
.client-billing .field.last {
  margin-bottom: 25px;
}
.managed-billing .field .label,
.client-billing .field .label {
  display: block;
  padding: 15px 0px 10px 0;
  margin: 0;
}
.managed-billing .field .optional,
.client-billing .field .optional {
  float: none;
  color: grey;
}
.managed-billing .field .ssn,
.client-billing .field .ssn {
  float: left;
}
.managed-billing .field .ssn.small,
.client-billing .field .ssn.small {
  width: 35px;
}
.managed-billing .field .ssn.large,
.client-billing .field .ssn.large {
  width: 60px;
}
.managed-billing .field .ssn[disabled],
.client-billing .field .ssn[disabled] {
  text-align: center;
  background: #f3f3f3;
}
.managed-billing .field .country-item,
.client-billing .field .country-item {
  margin-bottom: 15px;
  margin-left: 2px;
}
.managed-billing .field .dob,
.client-billing .field .dob {
  float: left;
  width: 80px;
}
.managed-billing .field .dob.month,
.client-billing .field .dob.month {
  width: 140px;
}
.managed-billing .field .middle,
.client-billing .field .middle {
  margin: 0 20px;
}
.managed-billing .field .dash,
.client-billing .field .dash {
  float: left;
  line-height: 40px;
  margin: 0 10px;
}
.managed-billing .field .tos,
.client-billing .field .tos {
  margin: 17px 10px 0 0;
}
.managed-billing .file-input-wrapper:after,
.client-billing .file-input-wrapper:after {
  content: "Upload Identity Document";
}
.managed-billing .field-seperator,
.client-billing .field-seperator {
  width: 15px;
  display: inline-block;
}
.managed-billing .dropdown-tri,
.client-billing .dropdown-tri {
  position: relative;
}
.managed-billing .dropdown-tri.partial-width,
.client-billing .dropdown-tri.partial-width {
  display: inline-block;
}
.managed-billing .dropdown-tri:after,
.client-billing .dropdown-tri:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
  pointer-events: none;
}
.managed-billing .tos-wrapper,
.client-billing .tos-wrapper {
  margin-top: 20px;
}
.managed-billing .setup-complete .account-wrapper,
.client-billing .setup-complete .account-wrapper {
  border: 1px solid #D9D9DA;
  border-radius: 3px;
  height: 90px;
}
.managed-billing .setup-complete .avatar,
.client-billing .setup-complete .avatar {
  margin: 20px;
}
.managed-billing .setup-complete .avatar > img,
.client-billing .setup-complete .avatar > img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.managed-billing .setup-complete .control-icons,
.client-billing .setup-complete .control-icons {
  margin: 0 25px;
  line-height: 90px;
}
.managed-billing .setup-complete .control-icons a,
.client-billing .setup-complete .control-icons a {
  margin: 10px;
  opacity: 0.75;
}
.managed-billing .setup-complete .verification-status .notice,
.client-billing .setup-complete .verification-status .notice {
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  border-radius: 5%;
  padding: 5px;
  margin: 0 25px;
  line-height: 90px;
}
.managed-billing .setup-complete .verification-status .notice.yellow,
.client-billing .setup-complete .verification-status .notice.yellow {
  background: #F9C22D;
}
.managed-billing .setup-complete .verification-status .notice.green,
.client-billing .setup-complete .verification-status .notice.green {
  background: #24A266;
}
.managed-billing .setup-complete .account-name,
.client-billing .setup-complete .account-name {
  height: 90px;
  line-height: 90px;
  text-transform: capitalize;
}
.managed-billing .setup-complete .account-name h4,
.client-billing .setup-complete .account-name h4 {
  margin: 0;
}
.client-billing .field-title h3 {
  margin-top: 15px;
}
.client-billing .field .radio {
  margin: 10px 0;
}
.client-billing .field .radio > label {
  display: inline;
  margin: 0 10px;
}
.client-billing .charge-amount {
  width: 150px;
}
.client-billing .charge-amount:before {
  content: '$';
  position: absolute;
  padding: 10px 15px;
  border-right: 1px solid #D9D9DA;
}
@media (min-width: 480px) {
  .client-billing .charge-amount:after {
    content: '/month';
    position: absolute;
    margin-left: 5px;
    line-height: 40px;
  }
}
.client-billing .charge-amount .charge-field {
  padding-left: 50px;
  text-align: right;
}
.client-billing .charge-summary > .row {
  margin: 20px 10px;
}
.client-billing .charge-summary .centered {
  text-align: center;
}
.client-billing .charge-summary .box {
  min-height: 200px;
  margin: 15px 0;
  border: 1px solid;
  border-color: #D9D9DA;
  border-radius: 3px;
}
.client-billing .charge-summary .box.green {
  color: #24A266;
  border-color: #24A266;
}
.client-billing .charge-summary .box.green .header {
  border-color: #24A266;
  background: #F1F8F5;
}
.client-billing .charge-summary .box.green .header > h5 {
  color: #24A266;
}
.client-billing .charge-summary .box .header {
  height: 45px;
  border-bottom: 1px solid;
  border-color: #D9D9DA;
  background: #F5F5F5;
  text-align: center;
}
.client-billing .charge-summary .box .header > h5 {
  display: inline-block;
  margin: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
}
.client-billing .charge-summary .box .amount {
  margin: 20px 0 0 0;
  font-size: 40px;
  font-weight: 200;
  text-align: center;
}
.client-billing .charge-summary .box .amount .per-month {
  font-size: 20px;
}
.client-billing .charge-summary .box .details {
  text-align: center;
  padding: 10px;
  color: grey;
  font-size: 14px;
}
.client-billing .charge-summary .floating-cirlce-after {
  position: absolute;
  top: 40%;
  right: -7%;
  width: 50px;
  height: 50px;
  background: #F5F5F5;
  border-radius: 99px;
  border: 1px solid #D9D9DA;
  box-shadow: 0 0 0 5px white;
  z-index: 10;
}
@media (max-width: 991px) {
  .client-billing .charge-summary .floating-cirlce-after {
    bottom: -10%;
    right: 47%;
    top: auto;
  }
}
@media (max-width: 480px) {
  .client-billing .charge-summary .floating-cirlce-after {
    bottom: -10%;
    right: 38%;
    top: auto;
  }
}
.client-billing .charge-summary .floating-cirlce-after .symbol {
  font-size: 35px;
}
.client-billing .charge-summary .floating-cirlce-after .symbol.minus {
  margin-left: 19px;
  line-height: 44px;
}
.client-billing .charge-summary .floating-cirlce-after .symbol.equals {
  margin-left: 15px;
  line-height: 50px;
}
.client-billing .client-billing-summary {
  height: 75px;
  line-height: 71px;
  margin: 20px 0;
  border: 1px solid #D9D9DA;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
  border-radius: 3px;
  font-size: 18px;
}
.client-billing .client-billing-summary a {
  color: #4e5b68;
  text-align: center;
  text-decoration: none;
}
.client-billing .client-billing-summary .monthly-charge {
  margin: 0 20px;
}
.client-billing .client-billing-summary .cc-icon {
  margin: 0 20px;
  line-height: 90px;
}
.client-billing .client-billing-summary .seperator-left {
  position: relative;
  top: 33%;
  height: 33%;
  border-left: 1px solid #D9D9DA;
}
.client-billing .client-billing-summary .status {
  display: inline;
  height: 16px;
  font-size: 16px;
  padding: 5px;
  color: white;
}
.client-billing .client-billing-summary .status.yellow {
  background: #F9C22D;
  border-radius: 3px;
}
.client-billing .client-billing-summary .link-icon > .icon {
  margin-right: 5px;
}
.client-billing .client-billing-summary .link-right {
  float: right;
  margin-right: 15px;
  margin: 0 20px;
}
.client-billing .payment-link {
  margin: 10px 0 30px 0;
  text-align: center;
}
.client-billing .payment-link .space-right {
  margin-right: 15px;
}
.client-billing .invoices {
  margin-top: 20px;
}
.client-billing .payment-link-box {
  padding: 15px;
  border: 1px solid #D3D4D5;
  border-radius: 3px;
  margin-bottom: 15px;
}
.invoice-wrapper {
  border: 2px solid #D9D9DA;
  border-radius: 5px;
  border-top: none;
}
.invoice-wrapper .invoice {
  padding: 0 0;
  border-top: 2px solid #D9D9DA;
}
.invoice-wrapper .invoice .invoice-field {
  display: inline-block;
  padding: 15px;
  min-width: 155px;
}
.invoice-wrapper .invoice .invoice-field.profit {
  color: #24A266;
}
.invoice-wrapper .invoice .invoice-field.border {
  border-right: 2px solid #D9D9DA;
}
.invoice-wrapper .invoice .link-right {
  float: right;
  margin-right: 15px;
  padding: 15px;
}
.load-more-invoices {
  text-align: center;
  margin: 15px 0;
}
.load-more-invoices .button {
  display: inline-block;
  text-transform: uppercase;
}
.client-payment-link-modal a {
  text-decoration: none;
}
.client-payment-link-modal a:hover {
  text-decoration: none;
}
.client-payment-link-modal .small {
  font-size: 12px;
  text-align: center;
  margin: 15px 0;
}
.client-payment-link-modal .link {
  background: #FCFCFC;
  padding: 15px;
  text-align: center;
  border: 1px solid #D9D9DA;
}
.client-payment-link-modal .link-header {
  text-align: center;
}
.client-payment-link-modal .link-header .header {
  text-transform: uppercase;
  font-size: 12px;
  color: grey;
  margin: 5px 0;
  display: inline-block;
}
.additional-owners .owner {
  margin: 20px 0 30px;
}
.additional-owners .owner .header {
  margin: 10px 25px 0;
  height: 22px;
}
.additional-owners .owner .header h4 {
  margin-bottom: 0;
}
.additional-owners .owner .header a.danger {
  color: #EA3539;
}
.no-sites {
  margin-top: 20px;
  padding: 60px 20px;
  border-radius: 2px;
  background-color: #EBEDF0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  text-align: center;
}
.no-sites i.icon {
  opacity: 0.4;
}
.no-sites > .no-projects {
  margin-bottom: 30px;
}
.no-sites > .message {
  color: rgba(43, 50, 57, 0.45);
  font-size: 24px;
  font-weight: 500;
}
.site-grid {
  margin-top: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.organization-sites .no-sites {
  margin-top: 0;
}
.site-grid .site-item {
  position: relative;
  -ms-flex-preferred-size: 270px;
  flex-basis: 270px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0px 32px 0;
}
.site-grid .site-item .inner {
  box-shadow: 0 1px 2px rgba(43, 50, 57, 0.05);
  -ms-flex-preferred-size: 180px;
  flex-basis: 180px;
}
.site-grid .site-item .inner.folder {
  box-shadow: none;
}
.site-grid .site-item .preview {
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  display: block;
  height: 180px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  background-size: cover;
  background-repeat: none;
  transition: background-color 100ms ease, opacity 100ms ease;
}
.site-grid .site-item .preview .locked-label {
  display: none;
}
.site-grid .site-item .preview.inactive {
  text-align: center;
}
.site-grid .site-item .preview.inactive .locked-label {
  display: inline-block;
  color: rgba(43, 50, 57, 0.6);
  font-size: 20px;
  font-weight: 300;
  margin-top: 79px;
  padding: 4px 8px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 1px rgba(43, 50, 57, 0.25), 0 1px 2px 0px rgba(43, 50, 57, 0.08);
  border-radius: 3px;
}
.site-grid .site-item .hover-settings-container {
  z-index: 9;
  background-color: rgba(43, 50, 57, 0.8);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: opacity 100ms ease;
}
.site-grid .site-item .hover-settings-container .main-link {
  width: 100%;
  text-align: center;
  margin-top: 83px;
  pointer-events: none;
}
.site-grid .site-item .hover-settings-container h3.site i {
  -webkit-animation: wf-animate-right-arrow 1s infinite;
  animation: wf-animate-right-arrow 1s infinite;
  opacity: 1;
  pointer-events: none;
}
.site-grid .site-item .hover-settings-container h3.designer {
  display: inline;
  width: 100%;
  transition: 0.4s opacity ease-in-out;
}
.site-grid .site-item .hover-settings-container h3.designer.loading {
  margin-left: 30px;
}
.site-grid .site-item .hover-settings-container h3.designer.loading .loading-spinner {
  margin-left: 5px;
}
.site-grid .site-item .hover-settings-container h3.designer.loading .loading-spinner > div {
  background-color: rgba(255, 255, 255, 0.8);
}
.site-grid .site-item .hover-settings-container .arrow-right-big-white {
  transition: 0.6s opacity ease-in-out;
  opacity: 0;
  display: inline-block;
  height: 10px;
}
.site-grid .site-item .hover-settings-container.hovering h3.designer {
  opacity: 1;
  pointer-events: none;
}
.site-grid .site-item .hover-settings-container.hovering .arrow-right-big-white {
  -webkit-animation: wf-animate-right-arrow 1s infinite;
  animation: wf-animate-right-arrow 1s infinite;
  pointer-events: none;
  opacity: 1;
}
.site-grid .site-item .hover-settings-container .operations i.icon {
  opacity: 0.7;
  transition: 100ms opacity ease-in-out;
}
.site-grid .site-item .hover-settings-container .bubble {
  transition: 100ms opacity ease-in-out;
  opacity: 0.7;
}
.site-grid .site-item .hover-settings-container .bubble:hover {
  opacity: 1;
}
.site-grid .site-item .hover-settings-container h3.designer.remove-hover {
  opacity: 0.5;
}
.site-grid .site-item .hover-settings-container .arrow-right-big-white.remove-hover {
  -webkit-animation: none;
  animation: none;
  opacity: 0;
  transition: 0s opacity;
}
.site-grid .site-item .hover-settings-container .bubble {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 150px;
  line-height: 10px;
}
.site-grid .site-item .hover-settings-container .bubble a {
  display: inline-block;
  margin-top: -2px;
  position: relative;
  font-size: 13px;
  text-decoration: none;
  color: white;
  vertical-align: middle;
}
.site-grid .site-item .hover-settings-container .bubble i {
  margin-right: 7px;
}
.site-grid .site-item .hover-settings-container .operations {
  position: absolute;
  top: 13px;
  right: 10px;
}
.site-grid .site-item .hover-settings-container .operations a {
  padding: 0 4px;
}
.site-grid .site-item .hover-settings-container .operations a:hover i {
  opacity: 1.0;
}
.site-grid .site-item .hover-settings-container .operations i {
  margin-right: 0px;
}
.site-grid .site-item .hover-settings-container h3 {
  display: block;
  text-align: center;
  margin-top: 73px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 400;
  padding: 7px;
  font-size: 20px;
  border-bottom: 0;
  -webkit-font-smoothing: antialiased;
}
.site-grid .site-item .hover-settings-container h3 i {
  margin-left: 5px;
}
.site-grid .site-item .preview:hover .hover-settings-container {
  opacity: 1;
}
.site-grid .site-item .controls {
  z-index: 10;
  margin-top: -1px;
  line-height: 12px;
  background-color: #FFFFFF;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17), 0 1px 2px rgba(43, 50, 57, 0.05);
}
.site-grid .site-item .controls:before,
.site-grid .site-item .controls:after {
  content: " ";
  display: table;
}
.site-grid .site-item .controls:after {
  clear: both;
}
.site-grid .site-item .controls:before,
.site-grid .site-item .controls:after {
  content: " ";
  display: table;
}
.site-grid .site-item .controls:after {
  clear: both;
}
.site-grid .site-item .controls:before,
.site-grid .site-item .controls:after {
  content: " ";
  display: table;
}
.site-grid .site-item .controls:after {
  clear: both;
}
.site-grid .site-item .controls:before,
.site-grid .site-item .controls:after {
  content: " ";
  display: table;
}
.site-grid .site-item .controls:after {
  clear: both;
}
.site-grid .site-item .controls:before,
.site-grid .site-item .controls:after {
  content: " ";
  display: table;
}
.site-grid .site-item .controls:after {
  clear: both;
}
.site-grid .site-item .controls > ul {
  height: 35px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-grid .site-item .controls > ul > li {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 15px;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown {
  pointer-events: none;
  transition: all 200ms ease-out;
  position: absolute;
  z-index: 600;
  top: 225px;
  right: 0;
  background: white;
  list-style: none;
  text-align: left;
  padding: 0;
  width: 145px;
  border-radius: 3px;
  font-size: 15px;
  box-shadow: 0 3px 8px rgba(43, 50, 57, 0.25), 0 0 0 1px rgba(43, 50, 57, 0.15);
  transition: opacity 100ms ease-out;
  opacity: 0;
  display: none;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown.open-add,
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown.open-remove {
  display: block;
  opacity: 0;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown.open {
  display: block;
  opacity: 1;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li {
  border-bottom: 1px solid #d4d7dc;
  padding: 0;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li a {
  padding: 11px 13px;
  color: #4e5b68;
  transition: color 100ms ease-in-out;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 15px;
  display: block;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li a span {
  margin-left: 8px;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li a i.icon {
  display: block;
  float: left;
  margin-top: 2px;
  opacity: 0.8;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li a:hover {
  color: #2B3239;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li a:hover > i {
  opacity: 1;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li:hover {
  background: #F0F1F3;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li:hover:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li:hover:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li:last-child {
  border-bottom: none;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown:before {
  color: white;
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid white;
  top: -6px;
  right: 19px;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li > a {
  text-decoration: none;
}
.site-grid .site-item .controls > ul > li:nth-child(3) ul.dropdown li > a span {
  padding-left: 7px;
}
.site-grid .site-item .controls > ul > li:nth-child(3):hover > a {
  background-color: rgba(255, 255, 255, 0.08);
  color: #CCD3DB;
}
.site-grid .site-item .controls > ul > li:nth-child(3):hover > a > i {
  opacity: 0.95;
}
.site-grid .site-item .controls > ul > li:nth-child(3):hover > ul {
  opacity: 1;
  pointer-events: all;
}
.site-grid .site-item .controls > ul > li.status {
  padding: 10px;
}
.site-grid .site-item .controls > ul > li.status.details {
  min-width: 195px;
}
.site-grid .site-item .controls > ul > li.status i {
  float: left;
}
.site-grid .site-item .controls > ul > li.status span {
  color: rgba(43, 50, 57, 0.4);
}
.site-grid .site-item .controls > ul > li.status .publish-status,
.site-grid .site-item .controls > ul > li.status .public,
.site-grid .site-item .controls > ul > li.status .private,
.site-grid .site-item .controls > ul > li.status .hosting {
  float: left;
  margin-right: 10px;
}
.site-grid .site-item .controls > ul > li.settings {
  float: right;
  box-shadow: inset 1px 0 0 0 #DBDCDE;
  cursor: pointer;
}
.site-grid .site-item .controls > ul > li.settings a {
  display: inline-block;
  padding: 10px 11px;
  line-height: 0;
}
.site-grid .site-item .controls > ul > li.settings a i {
  transition: opacity 100ms ease;
}
.site-grid .site-item .controls > ul > li.settings.active > i,
.site-grid .site-item .controls > ul > li.settings:hover > i {
  opacity: 0.8;
}
.site-grid .site-item .controls > ul.public-stats > .status {
  padding: 10px 0px 10px 11px;
}
.site-grid .site-item .controls > ul.public-stats > .status i.icon {
  opacity: 0.4;
  margin: 3px 5px 0 0;
}
.site-grid .site-item .controls > ul.public-stats > .status i.icon.icon.clone-small {
  margin-top: 2px;
}
.site-grid .site-item .footer {
  margin: 10px 0 0 1px;
  color: #3d4650;
  overflow: hidden;
}
.site-grid .site-item .footer .profile-link {
  margin-right: 8px;
  float: left;
}
.site-grid .site-item .footer .title {
  font-size: 14px;
}
.site-grid .site-item .footer a.link {
  text-decoration: none;
  font-size: 14px;
}
.site-grid .site-item .footer .price {
  color: #24A266;
  margin-left: 6px;
  font-weight: 400;
  float: right;
}
.site-grid .site-item .footer .title-wrapper .title {
  float: left;
}
.site-grid .site-item .footer .title-wrapper .title.template-label {
  display: inline;
  background-color: rgba(43, 50, 57, 0.3);
  color: #F0F1F3;
  padding: 2px 3px 1px;
  border-radius: 2px;
  margin-left: 7px;
  text-transform: uppercase;
  font-size: 12px;
}
.site-grid .site-item .footer .preview-url,
.site-grid .site-item .footer .main-tag {
  text-decoration: none;
  font-size: 14px;
  color: rgba(43, 50, 57, 0.4);
  border-bottom: 1px solid transparent;
  transition: color 100ms ease, border-bottom 100ms ease;
}
.site-grid .site-item .footer .preview-url:hover,
.site-grid .site-item .footer .main-tag:hover {
  color: rgba(43, 50, 57, 0.6);
  border-bottom: 1px solid rgba(43, 50, 57, 0.4);
}
.panel {
  padding: 25px;
  background-color: #FDFDFD;
  border-radius: 3px;
  border: 1px solid rgba(43, 50, 57, 0.15);
}
.panel .site-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.panel .field {
  padding-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.panel .field .label {
  padding-bottom: 10px;
  font-size: 15px;
}
.panel .field .label span {
  color: rgba(43, 50, 57, 0.35);
}
.panel .field.visibility {
  -ms-flex-preferred-size: 220px;
  flex-basis: 220px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 2%;
}
.panel .field.visibility .radio-button {
  width: 110px;
}
.panel .field.visibility.first-site {
  width: auto;
}
.panel .field.site-name.first-site {
  -ms-flex-preferred-size: 68%;
  flex-basis: 68%;
  margin-right: 0;
}
.panel .field.subdomain-field {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}
.panel a {
  font-weight: normal;
  text-decoration: none;
}
.panel a.mini {
  margin: 10px 10px;
  font-weight: normal;
  font-size: 13px;
}
.panel h2 a {
  text-decoration: none;
}
.panel h3.title {
  border-top: none;
}
.panel .selected-template {
  width: 426px;
}
.panel .selected-template .template-preview {
  height: 263px;
}
.templates .button.upgrade {
  cursor: pointer;
  background-color: #F7622C;
  transition: all 0.1s ease;
}
.templates .button.upgrade:hover {
  background-color: #e74409;
}
.sticky {
  background-color: #FDFDFD;
  transition: all 0.35s ease-in-out;
  padding: 20px 20px 10px 20px;
  position: fixed;
  top: -300px;
  left: 0px;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0 0 1px rgba(42, 50, 57, 0.04), 0 0 6px 0 rgba(42, 50, 57, 0.4);
}
.sticky .site-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sticky .field {
  padding-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.sticky .field .label {
  padding-bottom: 10px;
  font-size: 15px;
}
.sticky .field .label span {
  color: rgba(43, 50, 57, 0.35);
}
.sticky .field.visibility {
  -ms-flex-preferred-size: 220px;
  flex-basis: 220px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 2%;
}
.sticky .field.visibility .radio-button {
  width: 110px;
}
.sticky .field.visibility.first-site {
  width: auto;
}
.sticky .field.site-name.first-site {
  -ms-flex-preferred-size: 68%;
  flex-basis: 68%;
  margin-right: 0;
}
.sticky .field.label {
  font-size: 15px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 10px;
  line-height: 40px;
}
.sticky .field.subdomain-field {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}
.sticky .field.actions {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.sticky .field > .button {
  margin-left: 15px;
}
@media (min-width: 768px) {
  .sticky.fix-to-top {
    top: 0px;
  }
}
@media (max-width: 992px) {
  .field.label {
    display: none;
  }
}
.validate-wrapper {
  position: relative;
}
.validate-wrapper .alert.simple {
  position: absolute;
  bottom: -24px;
  left: 0px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}
.toggle-public .radio-button.active:nth-child(2) {
  border: 1px solid #7161C2;
  box-shadow: inset 0 0 0 1px #7161C2;
  background: rgba(113, 97, 194, 0.05);
  color: #7161C2;
}
.step {
  position: relative;
}
.step.heading {
  margin: 22px 0px;
  padding: 0;
}
.step h2 {
  margin: 0;
  padding: 15px 0;
  display: inline-block;
  font-weight: 400;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
.step h2 a {
  text-decoration: none;
}
.step .template-gallery-title {
  margin-top: 17px;
}
.step .content a.mini {
  display: block;
  text-decoration: none;
}
.step .field h2 {
  font-size: 18px;
  padding-bottom: 14px;
}
.step .field h2 span {
  margin-left: 7px;
  color: rgba(0, 0, 0, 0.2);
}
.step .crumbs {
  border-bottom: 1px solid #F0F1F3;
  margin: 15px 0;
  padding-bottom: 10px;
}
.step .crumbs i.icon {
  margin-right: 7px;
}
.step .crumbs h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  margin: 2px 0 0;
}
.step .crumbs .crumb.active,
.step .crumbs .crumb:hover {
  border-bottom: 2px solid #2A3239;
}
.step .crumbs .crumb.active a,
.step .crumbs .crumb:hover a {
  color: #2A3239;
}
.step .crumbs .crumb a {
  color: rgba(43, 50, 57, 0.45);
  text-transform: capitalize;
}
.site-add .page-header h1 {
  max-width: 450px;
}
.site-add .page-header h1 a {
  color: #4e5b68;
}
.site-add .page-header .site-add-actions {
  margin-left: auto;
}
.site-add .page-header .site-add-actions .create-site-button {
  margin-left: 10px;
}
.site-add .page-header .site-add-actions .switch-personal {
  background: transparent;
  border: 1px solid rgba(43, 50, 57, 0.45);
  color: rgba(43, 50, 57, 0.45);
  margin-right: 10px;
}
.site-add h4 {
  font-size: 18px;
  margin-bottom: 20px;
}
.site-add .site-grid .site-item .hover-settings-container {
  cursor: auto;
}
.site-add .site-grid .site-item .hover-settings-container .arrow-right-big-white {
  opacity: 1;
  transition: none;
}
.site-add .site-grid .site-item .hover-settings-container .main-link {
  margin-top: 146px;
  pointer-events: auto;
}
.site-add .site-grid .site-item .hover-settings-container .template-links {
  position: absolute;
  top: 19px;
  left: 19px;
}
.site-add .site-grid .site-item .hover-settings-container .template-links .link {
  position: relative;
  float: left;
  display: inline-block;
  margin-right: 17px;
  opacity: 0.7;
  transition: opacity 100ms ease;
}
.site-add .site-grid .site-item .hover-settings-container .template-links .link:hover {
  opacity: 1;
}
.site-add .site-grid .site-item .hover-settings-container .template-links .link i {
  float: left;
  margin-top: 3px;
}
.site-add .site-grid .site-item .hover-settings-container .template-links .link a {
  display: inline-block;
  margin-left: 7px;
  top: 0;
  font-size: 13px;
  text-decoration: none;
  color: white;
  vertical-align: middle;
  float: left;
}
.site-add.active .inner {
  box-shadow: 0 0 0 2px #458CCF, 0 0 10px 2px rgba(69, 140, 207, 0.3);
}
.site-add.active .inner .preview {
  box-shadow: inset 0 -1px 0 0px rgba(43, 50, 57, 0.17);
}
.site-add.active .inner .controls {
  box-shadow: none;
}
.site-add.active .inner .preview:before {
  content: "Selected";
  position: absolute;
  left: 11px;
  top: 11px;
  background: #458CCF;
  opacity: 1;
  padding: 4px 11px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  vertical-align: middle;
}
.site-add .wrapper.blank-site .circle-tag {
  display: none !important;
}
.site-add .inner {
  border: 0 !important;
  border-radius: 3px;
}
.site-add .inner .circle-tag-static {
  z-index: 101;
  position: absolute;
  right: -3px;
  top: 11px;
  background-color: #24A266;
  padding: 4px 8px 0 6px;
  min-width: 40px;
  height: 25px;
  text-align: center;
  border-radius: 0 2px 2px 1px;
  opacity: 1.0;
  cursor: pointer;
  transition: opacity 0.35s ease;
}
.site-add .inner .circle-tag-static:before {
  content: "";
  display: block;
  position: absolute;
  left: -9px;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 2px 0 0 0;
  border-top: 0 solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 9px solid #24A266;
}
.site-add .inner .circle-tag-static h6 {
  font-size: 14px;
  font-weight: 400;
  color: white;
  margin: 0;
}
.site-add .inner .circle-tag-dynamic {
  z-index: 101;
  position: absolute;
  right: 11px;
  top: 11px;
  background-color: #715EC5;
  padding: 0 9px 0 21px;
  min-width: 40px;
  height: 25px;
  border-radius: 2px;
  opacity: 1.0;
  cursor: pointer;
  color: #fff;
  transition: opacity 0.35s ease;
}
.site-add .inner .circle-tag-dynamic .dynamic-icon {
  display: inline-block;
  width: 11px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 7px;
}
.site-add .inner .circle-tag-dynamic h6 {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: white;
  padding: 0;
  margin: 0;
  line-height: 25px;
}
.site-add .inner .preview {
  height: 340px;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.site-add .inner .controls {
  height: 35px;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
}
.site-add .inner .controls:before,
.site-add .inner .controls:after {
  content: " ";
  display: table;
}
.site-add .inner .controls:after {
  clear: both;
}
.site-add .inner .controls:before,
.site-add .inner .controls:after {
  content: " ";
  display: table;
}
.site-add .inner .controls:after {
  clear: both;
}
.site-add .inner .controls:before,
.site-add .inner .controls:after {
  content: " ";
  display: table;
}
.site-add .inner .controls:after {
  clear: both;
}
.site-add .inner .controls:before,
.site-add .inner .controls:after {
  content: " ";
  display: table;
}
.site-add .inner .controls:after {
  clear: both;
}
.site-add .inner .controls:before,
.site-add .inner .controls:after {
  content: " ";
  display: table;
}
.site-add .inner .controls:after {
  clear: both;
}
.site-add .inner .controls .info {
  float: right;
  height: 100%;
  padding: 0 7px;
  color: #4e5b68;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.site-add .inner .controls .info span {
  margin: 0 5px;
  color: rgba(43, 50, 57, 0.45);
  font-size: 14px;
  transition: color 100ms ease;
}
.site-add .inner .controls .info i {
  opacity: 0.4;
  transition: opacity 100ms ease;
}
.selected-template-header h2,
.template-select-header h2 {
  display: inline-block;
}
.selected-template-header a,
.template-select-header a {
  display: inline-block;
  color: rgba(43, 50, 57, 0.45);
  text-decoration: none;
  font-weight: lighter;
}
.selected-template-header a:hover,
.template-select-header a:hover {
  color: #4e5b68;
}
.selected-template-header .org,
.template-select-header .org {
  color: #4e5b68;
}
.selected-template-header .org i,
.template-select-header .org i {
  opacity: 0.8;
  margin-left: 6px;
}
.selected-template-header .org span,
.template-select-header .org span {
  margin-left: 7px;
  font-weight: 600;
}
.selected-template-header .mini,
.template-select-header .mini {
  margin-left: 15px;
}
.selected-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 240px;
  overflow: hidden;
  padding: 25px;
  background-color: #FDFDFD;
  border-radius: 3px;
  border: 1px solid rgba(43, 50, 57, 0.15);
}
.selected-template .selected-template-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 30px;
}
.selected-template .selected-template-info h3 {
  margin: 0 0 16px 0;
}
.selected-template .selected-template-thumbnail {
  width: 100%;
  max-width: 260px;
  height: 188px;
  overflow: hidden;
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.selected-template .selected-template-thumbnail img {
  vertical-align: bottom;
  border-radius: 3px;
}
.selected-template .template-designer {
  margin: -8px 0 10px 0;
  color: #458CCF;
  text-decoration: none;
}
.selected-template .template-designer:hover {
  text-decoration: underline;
}
.selected-template .template-meta-list {
  color: #4e5b68;
  text-transform: capitalize;
}
.selected-template .template-meta-list .template-meta-item {
  display: inline-block;
  margin-right: 15px;
}
.selected-template .template-meta-list .template-meta-item i.icon {
  position: relative;
  margin-right: 8px;
  top: 1px;
  opacity: 0.8;
}
.new-website-footer .actions {
  float: right;
  margin-top: 20px;
  margin-bottom: 25px;
}
.new-website-footer .actions button {
  margin-left: 10px;
}
@media (max-width: 992px) {
  .selected-template {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    text-align: center;
  }
  .selected-template .selected-template-thumbnail {
    margin: 0 auto 30px;
  }
  .selected-template .selected-template-info {
    padding: 0;
  }
  .add-default .filter-set {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .site-add-actions {
    margin: 10px auto 20px;
  }
}
.branding-settings form .field .image-upload-wrapper {
  width: 175px;
  height: 60px;
}
.subdomain-field .status {
  width: 19px;
  height: 19px;
  border-radius: 100%;
  position: absolute;
  top: 11px;
  right: 10px;
  text-align: center;
  box-shadow: 0 0 0 2px rgba(43, 50, 57, 0.4);
}
.subdomain-field .status.unavailable {
  box-shadow: 0 0 0 2px rgba(234, 53, 57, 0.8);
}
.subdomain-field .status.available {
  box-shadow: 0 0 0 2px rgba(36, 162, 102, 0.8);
}
.subdomain-field .status i.icon {
  display: inline-block;
}
.subdomain-field .status i.icon.validation-unavailable {
  vertical-align: baseline;
}
.subdomain-field .status i.icon.validation-success {
  vertical-align: baseline;
}
.subdomain-field .status i.icon.validation-wait {
  vertical-align: middle;
  opacity: 0.4;
}
.subdomain-field .input-wrapper {
  position: relative;
  display: block;
}
.subdomain-field .input-wrapper .io-domain {
  position: absolute;
  right: 40px;
  top: 11px;
  color: #999;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.subdomain-field .input-wrapper input[type='text'],
.subdomain-field .input-wrapper input[type='email'],
.subdomain-field .input-wrapper input[type='password'],
.subdomain-field .input-wrapper textarea {
  padding-right: 145px;
  width: 100%;
}
form .field .googleFonts td {
  font-size: 20px;
}
form .field .image-upload-wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: inset 0px 0px 0px 1px rgba(43, 50, 57, 0.17), inset 0 5px 3px -2px rgba(43, 50, 57, 0.04), 0 0 4px 1px rgba(69, 140, 207, 0);
  border: 0;
  display: inline-block;
  color: #4e5b68;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  transition: box-shadow 100ms ease;
  text-align: center;
  height: 90px;
  width: 90px;
}
form .field .image-upload-wrapper.favicon {
  padding-top: 35px;
}
form .field .image-upload-wrapper.webclip {
  padding-top: 15px;
}
form .field .variants-wrapper {
  background: white;
  border: 1px solid #d9d9e0;
  box-shadow: inset 0 0 3px 1px rgba(245, 245, 247, 0.8);
  padding: 0 10px 14px 8px;
  margin: 10px 0 0 0;
  border-radius: 3px;
}
form .field .variants-wrapper .checkbox-holder {
  margin-left: 0;
}
form .field .variants-wrapper label:not(.title) {
  display: inline;
}
form .field .variants-wrapper label.title {
  margin: 10px 0;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #F0F1F3;
  color: rgba(43, 50, 57, 0.45);
}
form .field .variants-wrapper .subsets ul,
form .field .variants-wrapper .variants ul {
  margin: 0;
  list-style: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
form .field .variants-wrapper .subsets ul li,
form .field .variants-wrapper .variants ul li {
  margin-bottom: 5px;
}
.publish-success .checkbox-holder input[type=checkbox]:not([disabled]):checked + label {
  background-color: #24A266;
}
.publish-success .checkbox-holder input[type=checkbox]:not([disabled]):checked + label:hover {
  background-color: #1e8554;
}
.code-editor {
  min-height: 300px;
}
.code-editor .ace-editor {
  position: absolute;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.webclip {
  width: 60px;
  height: 60px;
}
.version-list {
  font-size: 14px;
  color: #4e5b68;
}
.version-list .description {
  font-weight: 600;
}
.version-list .date {
  color: #458CCF;
  text-decoration: none;
}
.version-list .date:hover {
  text-decoration: underline;
}
.formData h3 {
  margin-bottom: 5px;
}
.formData .subtext {
  color: #2B3239;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}
.formData .data span.test {
  font-style: italic;
  float: right;
}
.formData .data span.host {
  margin-left: 15px;
  font-style: italic;
  float: right;
}
.site-visibility-toggle .radio-button.active:nth-child(2) {
  border: 1px solid #7161C2;
  box-shadow: inset 0 0 0 1px #7161C2;
  background: rgba(113, 97, 194, 0.1);
  color: #7161C2;
}
.visibility .button {
  margin-right: 10px;
  border-radius: 5px;
  background: white;
  border: 2px solid grey;
  color: grey;
}
.visibility .button:hover {
  background: white;
  /*TODO: Something when the button is hovered*/
}
.visibility .button.private .icon.private {
  opacity: 0.6;
}
.visibility .button.private.active {
  background: white;
  border: 2px solid #458CCF;
  color: #458CCF;
}
.visibility .button.public .icon.preview-medium {
  opacity: 0.6;
}
.visibility .button.public.active {
  background: white;
  border: 2px solid #7161C2;
  color: #7161C2;
}
.visibility .links {
  color: #4e5b68;
  margin-top: 18px;
  font-size: 15px;
  clear: both;
}
.visibility .links a {
  color: inherit;
  text-decoration: none;
  opacity: 0.5;
  transition: opacity 100ms ease;
}
.visibility .links a i.icon {
  margin-right: 8px;
  opacity: 0.8;
}
.visibility .links a:hover {
  opacity: 1.0;
}
.visibility .links .seperator {
  margin: 0 15px;
  color: rgba(43, 50, 57, 0.25);
}
.visibility .desc {
  font-size: 15px;
  margin-left: 240px;
  margin-top: 10px;
}
.visibility .desc.public {
  color: #7161C2;
}
.visibility .desc.private {
  color: rgba(43, 50, 57, 0.45);
}
/* All Caps Small */
.all-caps-small {
  font-weight: 300;
  font-size: 12px !important;
  text-transform: uppercase;
  color: rgba(43, 50, 57, 0.45);
}
.fonts .googlefonts button.success {
  margin-top: 20px;
}
.fonts ul.fallbacks .field label {
  margin: 0;
}
.fonts ul.fallbacks .field .field {
  padding: inherit;
}
.fonts ul.fallbacks .buttons {
  margin-top: 15px;
  margin-bottom: -15px;
}
.fonts ul.fallbacks .buttons button {
  margin: 10px 5px 0;
}
.fonts .wrap {
  padding: 8px 10px 2px 5px;
  border: 1px solid rgba(43, 50, 57, 0.15);
  display: inline-block;
  border-radius: 2px;
}
.fonts .wrap:before,
.fonts .wrap:after {
  content: " ";
  display: table;
}
.fonts .wrap:after {
  clear: both;
}
.fonts .wrap:before,
.fonts .wrap:after {
  content: " ";
  display: table;
}
.fonts .wrap:after {
  clear: both;
}
.fonts .wrap:before,
.fonts .wrap:after {
  content: " ";
  display: table;
}
.fonts .wrap:after {
  clear: both;
}
.fonts .wrap:before,
.fonts .wrap:after {
  content: " ";
  display: table;
}
.fonts .wrap:after {
  clear: both;
}
.fonts .wrap:before,
.fonts .wrap:after {
  content: " ";
  display: table;
}
.fonts .wrap:after {
  clear: both;
}
.fonts .wrap div {
  float: left;
}
.fonts .wrap div label {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.fonts .wrap div input {
  margin-left: 5px;
}
.fonts ul.list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
}
.fonts ul.list > li {
  padding: 20px 20px 15px 20px;
}
.fonts ul.list > li:before,
.fonts ul.list > li:after {
  content: " ";
  display: table;
}
.fonts ul.list > li:after {
  clear: both;
}
.fonts ul.list > li:before,
.fonts ul.list > li:after {
  content: " ";
  display: table;
}
.fonts ul.list > li:after {
  clear: both;
}
.fonts ul.list > li:before,
.fonts ul.list > li:after {
  content: " ";
  display: table;
}
.fonts ul.list > li:after {
  clear: both;
}
.fonts ul.list > li:before,
.fonts ul.list > li:after {
  content: " ";
  display: table;
}
.fonts ul.list > li:after {
  clear: both;
}
.fonts ul.list > li:before,
.fonts ul.list > li:after {
  content: " ";
  display: table;
}
.fonts ul.list > li:after {
  clear: both;
}
.fonts ul.list > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.fonts ul.list li .buttons button {
  margin: 0;
}
.fonts ul.list li .buttons button:not(:last-child) {
  margin-left: 10px;
}
.fonts ul.list li .name {
  font-size: 1.1em;
  display: inline-block;
  margin-bottom: 5px;
}
.fonts ul.list li .name:before,
.fonts ul.list li .name:after {
  content: " ";
  display: table;
}
.fonts ul.list li .name:after {
  clear: both;
}
.fonts ul.list li .name:before,
.fonts ul.list li .name:after {
  content: " ";
  display: table;
}
.fonts ul.list li .name:after {
  clear: both;
}
.fonts ul.list li .name:before,
.fonts ul.list li .name:after {
  content: " ";
  display: table;
}
.fonts ul.list li .name:after {
  clear: both;
}
.fonts ul.list li .name:before,
.fonts ul.list li .name:after {
  content: " ";
  display: table;
}
.fonts ul.list li .name:after {
  clear: both;
}
.fonts ul.list li .name:before,
.fonts ul.list li .name:after {
  content: " ";
  display: table;
}
.fonts ul.list li .name:after {
  clear: both;
}
.fonts ul.list li .details div {
  float: left;
}
.fonts ul.list li .details div:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
}
.fonts ul.list li .details div:not(:first-child) {
  margin-left: 10px;
}
.fonts ul.list li .details div > i {
  margin-right: 10px;
  opacity: 0.5;
  margin-bottom: -2px;
}
.fonts ul.other-fonts .panel-title,
.fonts div.font-specification .panel-title {
  margin-bottom: 5px;
}
.fonts ul.other-fonts .col-md-3,
.fonts div.font-specification .col-md-3,
.fonts ul.other-fonts .col-md-2,
.fonts div.font-specification .col-md-2 {
  padding-left: 0;
}
.fonts ul.other-fonts i.icon.file,
.fonts div.font-specification i.icon.file {
  margin-right: 5px;
}
.fonts ul.other-fonts .buttons,
.fonts div.font-specification .buttons {
  margin-top: 25px;
  margin-bottom: -25px;
}
.fonts div.font-specification:not(:last-child) {
  margin-bottom: 10px;
}
.fonts .typekit-fonts .slidy-box .main-grid .grid-item {
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
}
.fonts .typekit-fonts .slidy-box .grid-item {
  box-shadow: inset 0px -20px 5px 0px rgba(255, 255, 255, 0.5);
}
.fonts .typekit-fonts .slidy-box .grid-item:not(.none) .kit-preview ul {
  margin-top: 0;
  font-size: 1em;
}
.fonts .typekit-fonts .slidy-box .grid-item:not(.none) .kit-preview h4,
.fonts .typekit-fonts .slidy-box .grid-item:not(.none) .kit-preview li {
  text-align: left !important;
}
.fonts .typekit-fonts .slidy-box .grid-item:not(.none) .kit-preview h4 {
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 0;
}
.fonts .typekit-fonts .slidy-box .grid-item:not(.none) .kit-preview i.icon {
  margin-right: 5px;
}
.fonts .typekit-fonts .slidy-box .none h4 {
  margin-top: 55px !important;
  text-align: center;
}
.fonts .typekit-fonts .slidy-box .err-head {
  font-weight: bold;
}
.fonts .typekit-fonts .slidy-box .error span {
  margin-left: 15px;
}
.container.site-forms .formData {
  margin-bottom: 35px;
}
.hosting-tab .billing-duration-toggle .toggle-header {
  margin: 1px;
  font-size: 14px;
  font-weight: normal;
  color: #8F8F8F;
  display: inline-block;
  margin-right: 10px;
  line-height: 37px;
}
.hosting-tab .billing-duration-toggle .toggle-button {
  line-height: 15px;
  margin: 0 5px;
}
.hosting-tab .orange {
  color: #F7622C;
}
.hosting-tab .green {
  color: #24A266;
}
.hosting-tab .grey {
  color: #4e5b68;
}
.hosting-tab .hosting a.button.light-grey.pull-right {
  margin: 15px 0 30px 15px;
}
.hosting-tab .hosting div.label {
  margin-bottom: 9px;
}
.hosting-tab .hosting span.code {
  font-family: 'Courier';
  font-weight: 600;
}
.hosting-tab .hosting .globe-icon {
  float: left;
  width: 50px;
}
.hosting-tab .hosting .domain-info {
  float: left;
}
.hosting-tab .hosting .domain-info i.icon.home-small {
  margin-left: 5px;
}
.hosting-tab .hosting .domain-info .domain-details {
  font-size: 12px;
}
.hosting-tab .hosting .domain-info .domain-details span {
  margin-left: 5px;
}
.hosting-tab .hosting .domain-info .domain-name {
  display: inline-block;
  padding-bottom: 3px;
}
.hosting-tab .hosting .domain-default-wrapper {
  background-color: #414b55;
  border-radius: 2px;
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px;
  color: white;
}
.hosting-tab .hosting .domain-default-wrapper .xclose {
  display: none;
}
.hosting-tab .hosting .domain-default-wrapper:hover .xclose {
  display: inline-block;
  margin: 0 3px;
}
.hosting-tab .hosting .domain-default-wrapper .icon.home-small-white,
.hosting-tab .hosting .domain-default-wrapper span.text {
  margin: 0 3px;
}
.hosting-tab .hosting a.reset {
  color: rgba(43, 50, 57, 0.45);
  font-size: 13px;
  margin-left: 5px;
}
.hosting-tab .hosting a.reset:hover {
  border-bottom: 1px solid #4e5b68;
  color: #4e5b68;
}
.hosting-tab .hosting i.icon.hosting-free,
.hosting-tab .hosting i.icon.hosting-basic,
.hosting-tab .hosting i.icon.hosting-cms {
  margin-right: 20px;
  margin-bottom: -5px;
}
.hosting-tab .hosting i.icon.home-small {
  opacity: 0.7;
}
.hosting-tab .hosting i.icon.domain-status,
.hosting-tab .hosting i.icon.domain-status-black {
  margin-right: 10px;
}
.hosting-tab .hosting i.icon.settings {
  height: 14px;
}
.hosting-tab .hosting i.icon.page,
.hosting-tab .hosting i.icon.arrow-right-big-black,
.hosting-tab .hosting i.icon.delete-medium,
.hosting-tab .hosting i.icon.domain-home {
  opacity: 0.8;
}
.hosting-tab .hosting i.icon.notice-warning-orange-big {
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: -2px;
}
.hosting-tab .hosting i.icon.help-tip-hollow,
.hosting-tab .hosting i.icon.help-tip {
  opacity: 0.25;
  cursor: help;
  position: relative;
  top: 2px;
  right: -8px;
}
.hosting-tab .hosting .help.big {
  min-height: 15px;
}
.hosting-tab .hosting .add-icon,
.hosting-tab .hosting .upgrade-icon {
  margin-top: -2px;
  margin-bottom: 2px;
}
.hosting-tab .hosting ul.domains > li {
  padding: 15px 20px 15px;
}
.hosting-tab .hosting .dns-info {
  padding: 10px;
}
.hosting-tab .hosting .dns-info > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.hosting-tab .hosting .dns-info > ul li:not(:last-child) {
  margin-bottom: 10px;
}
.hosting-tab .hosting .dns-info .address {
  margin-left: 5px;
}
.hosting-tab .hosting .dns-info .address,
.hosting-tab .hosting .dns-info .ip-separator {
  display: inline-block;
}
.hosting-tab .hosting .dns-info.error {
  box-shadow: inset 0 0 0 1px rgba(247, 98, 44, 0.13);
  background: rgba(247, 98, 44, 0.1);
}
.hosting-tab .hosting .options > form .field {
  padding-bottom: 15px;
}
.hosting-tab .hosting .list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
}
.hosting-tab .hosting .list > li {
  padding: 20px 20px 15px 20px;
}
.hosting-tab .hosting .list > li:before,
.hosting-tab .hosting .list > li:after {
  content: " ";
  display: table;
}
.hosting-tab .hosting .list > li:after {
  clear: both;
}
.hosting-tab .hosting .list > li:before,
.hosting-tab .hosting .list > li:after {
  content: " ";
  display: table;
}
.hosting-tab .hosting .list > li:after {
  clear: both;
}
.hosting-tab .hosting .list > li:before,
.hosting-tab .hosting .list > li:after {
  content: " ";
  display: table;
}
.hosting-tab .hosting .list > li:after {
  clear: both;
}
.hosting-tab .hosting .list > li:before,
.hosting-tab .hosting .list > li:after {
  content: " ";
  display: table;
}
.hosting-tab .hosting .list > li:after {
  clear: both;
}
.hosting-tab .hosting .list > li:before,
.hosting-tab .hosting .list > li:after {
  content: " ";
  display: table;
}
.hosting-tab .hosting .list > li:after {
  clear: both;
}
.hosting-tab .hosting .list > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.hosting-tab .hosting .list.subscription {
  margin-top: 10px;
}
.hosting-tab .hosting .list.subscription > li {
  line-height: 30px;
  padding: 15px 20px;
}
.hosting-tab .hosting .list .title {
  margin-right: 10px;
  font-weight: 400;
}
.hosting-tab .hosting .list .description {
  opacity: 0.6;
  font-weight: 400;
}
.hosting-tab .hosting .list button.upgrade {
  background-color: rgba(69, 140, 207, 0.2);
  color: #458CCF;
  border-radius: 2px;
  font-variant: small-caps;
  text-transform: uppercase;
  font-size: 13px;
}
.hosting-tab .hosting .list button.upgrade:hover {
  background-color: rgba(69, 140, 207, 0.3);
}
.hosting-tab .hosting .list .status {
  margin-top: 7px;
}
.hosting-tab .hosting .list .status > a:not(:last-child) {
  margin-right: 16px;
}
.hosting-tab .hosting .list .status a {
  text-decoration: none;
}
.hosting-tab .hosting .list .status a i.icon.invisible {
  opacity: 0;
  pointer-events: none;
}
.hosting-tab .hosting .list .status a.defaultDomain {
  opacity: 0.4;
  pointer-events: none;
}
.hosting-tab .hosting .list .status .connected {
  color: #24A266;
}
.hosting-tab .hosting .list .status .connected .icon.notice-success {
  margin-right: 5px;
}
.hosting-tab .hosting .list .status span.disconnected {
  color: #F7622C;
  text-decoration: underline;
}
.hosting-tab .hosting .list .status span.disconnected .icon.notice-risky {
  margin-right: 5px;
}
.hosting-tab .hosting .list .status span.disconnected .icon.arrow-down-orange,
.hosting-tab .hosting .list .status span.disconnected .icon.arrow-up-orange {
  margin: 0 0 3px 5px;
}
.hosting-tab .hosting .list.redirects-list {
  margin-top: 10px;
}
.hosting-tab .hosting .list.redirects-list i {
  margin: 0 10px;
}
.hosting-tab .hosting .add-custom-domain,
.hosting-tab .hosting .purchase-custom-domain {
  color: #F7622C;
  cursor: pointer;
}
.hosting-tab .hosting .add-custom-domain.expanded,
.hosting-tab .hosting .purchase-custom-domain.expanded {
  cursor: default;
}
.hosting-tab .hosting .add-custom-domain form,
.hosting-tab .hosting .purchase-custom-domain form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hosting-tab .hosting .add-custom-domain form .field,
.hosting-tab .hosting .purchase-custom-domain form .field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: 4px;
}
.hosting-tab .hosting .add-custom-domain form .save button,
.hosting-tab .hosting .purchase-custom-domain form .save button {
  margin-left: 10px;
  height: 40px;
}
.hosting-tab .hosting .add-custom-domain.upgrade,
.hosting-tab .hosting .purchase-custom-domain.upgrade,
.hosting-tab .hosting .add-custom-domain.add-domain,
.hosting-tab .hosting .purchase-custom-domain.add-domain {
  padding: 15px 20px 14px;
}
.hosting-tab .hosting .add-custom-domain:not(.upgrade),
.hosting-tab .hosting .purchase-custom-domain:not(.upgrade) {
  color: #458CCF;
}
.hosting-tab .hosting .add-custom-domain .alert span.grey-text,
.hosting-tab .hosting .purchase-custom-domain .alert span.grey-text {
  color: #2B3239;
}
.hosting-tab .hosting .add-custom-domain .title.normal,
.hosting-tab .hosting .purchase-custom-domain .title.normal {
  color: #4e5b68;
  margin-bottom: 5px;
}
.hosting-tab .hosting .add-custom-domain .help-text,
.hosting-tab .hosting .purchase-custom-domain .help-text {
  color: #939596;
  font-size: 13px;
  margin-bottom: 15px;
}
.hosting-tab .hosting .add-custom-domain .expanded,
.hosting-tab .hosting .purchase-custom-domain .expanded {
  padding-left: 50px;
}
.hosting-tab .hosting .add-custom-domain input[type='radio'],
.hosting-tab .hosting .purchase-custom-domain input[type='radio'] {
  margin: 0 25px 0 10px;
}
.hosting-tab .hosting .site-password,
.hosting-tab .hosting .site-redirects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hosting-tab .hosting .site-password .field,
.hosting-tab .hosting .site-redirects .field {
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: 0;
  max-width: 40%;
}
.hosting-tab .hosting .site-password .field label,
.hosting-tab .hosting .site-redirects .field label {
  height: 20px;
  padding: 0;
}
.hosting-tab .hosting .site-password .field .alert.simple,
.hosting-tab .hosting .site-redirects .field .alert.simple {
  height: 20px;
  padding: 0;
  margin: 0;
}
.hosting-tab .hosting .site-password .save,
.hosting-tab .hosting .site-redirects .save {
  margin-top: 29px;
}
.hosting-tab .hosting .site-password .save button,
.hosting-tab .hosting .site-redirects .save button {
  height: 40px;
}
.hosting-tab .hosting .site-password .field {
  max-width: inherit;
}
.hosting-tab .hosting .site-password .save {
  margin-top: 29px;
}
.hosting-tab .hosting .site-redirects {
  margin: 20px 0;
}
.hosting-tab .hosting .site-redirects .arrow {
  margin: 40px 20px 10px 10px;
}
.hosting-tab .hosting .section-header.first.row > div {
  padding: 0;
}
.hosting-tab .plan-grid {
  margin-top: 30px;
}
.hosting-tab .plan-grid .plan .header {
  padding: 30px 20px;
}
.hosting-tab .plan-grid .plan .header h2 {
  color: #24A266;
}
.hosting-tab .plan-grid .plan .header .description {
  color: #24A266;
}
.hosting-tab .plan-grid .plan .features li i.icon.hosting-comparison-dash {
  opacity: 0.25;
}
.hosting-tab .plan-grid .plan .features li.plan-button .button {
  background-color: #24A266;
  border: 1px solid #24A266;
}
.hosting-tab .plan-grid .plan .features li.plan-button .button.switch {
  background-color: #FDFDFD;
  border: 1px solid #24A266;
  color: #24A266;
}
.hosting-tab .plan-grid .plan .features li.plan-button .button.switch:hover {
  background-color: rgba(36, 162, 102, 0.1);
}
.hosting-tab .plan-grid .plan .features li.plan-button .button:hover {
  background-color: #1f8d59;
  border-color: #1f8d59;
}
.hosting-tab .plan-grid .plan .features li.plan-button.disabled-basic-plan .button {
  background-color: #D2D4D5;
  border: none;
  color: white;
  cursor: no-drop;
}
.hosting-tab .plan-grid .plan .features li.plan-button.disabled-basic-plan .button .icon {
  float: none;
  margin-top: 0;
  margin-bottom: 2px;
  vertical-align: middle;
}
.hosting-tab .plan-grid .plan .features li.plan-button.disabled-basic-plan .button:hover {
  background-color: #D2D4D5;
  border: none;
  color: white;
}
.hosting-tab .plan-grid .plan .features .billing-type-info {
  color: #24A266;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.7;
  padding-bottom: 15px;
  padding-top: 0;
  text-align: center;
}
.hosting-tab .plan-grid .plan .features .billing-type-info.disabled {
  color: #4e5b68;
}
.hosting-tab .plan-grid .plan.free .plan-toggle {
  margin-bottom: 0;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button {
  border: none;
  border-bottom: 1px solid #d4d5d7;
  border-radius: 0;
  color: #939596;
  width: 50%;
  padding: 10px;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button.light-grey {
  background-color: #f5f6f7;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button.light-grey:hover {
  background-color: #e9eaec;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button.light-grey.secondary {
  background-color: white;
  cursor: default;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button.secondary {
  color: #4e5b68;
}
.hosting-tab .plan-grid .plan.free .plan-toggle .button:first-child {
  border-right: 1px solid #d4d5d7;
}
.hosting-tab .plan-grid .plan.free.toggling .header {
  padding-top: 0;
}
.hosting-tab .plan-grid .plan.free .cost::after {
  content: none;
}
.hosting-tab .plan-grid .plan .plan-icon-wrapper {
  position: relative;
}
.hosting-tab .plan-grid .plan .plan-icon-wrapper .plan-icon {
  background-color: #24A266;
  border-radius: 30px;
  height: 52px;
  left: 50%;
  line-height: 52px;
  position: absolute;
  width: 52px;
  top: -15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 7px;
  padding-left: 10px;
}
.hosting-tab .plans-comparison {
  text-align: center;
}
.hosting-tab .plans-comparison .plan-grid {
  margin-top: 30px;
}
.hosting-tab .plans-comparison .plan-grid .plan {
  border-radius: 0;
  border-right: none;
  margin-right: 0;
}
.hosting-tab .plans-comparison .plan-grid .plan:last-child {
  border: 1px solid #d4d5d7;
  border-radius: 0 3px 3px 0;
}
.hosting-tab .plans-comparison .plan-grid .plan:first-child {
  border-radius: 3px 0 0 3px;
}
.hosting-tab .plans-comparison .plan-grid .plan:first-child .features li {
  text-align: left;
}
.hosting-tab .plans-comparison .plan-grid .plan .header {
  background-color: #F6F6F6;
  height: 140px;
}
.hosting-tab .plans-comparison .plan-grid .plan .header h2 {
  color: #24A266;
  font-size: 20px;
  font-weight: 500;
  padding-top: 0;
}
.hosting-tab .plans-comparison .plan-grid .plan .header .notion {
  font-size: 14px;
  margin-bottom: 25px;
  text-transform: none;
}
.hosting-tab .plans-comparison .plan-grid .plan .features {
  padding: 0;
}
.hosting-tab .plans-comparison .plan-grid .plan .features li {
  border-top: 1px solid #d4d5d7;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  min-height: 38px;
  text-align: center;
  padding: 6px 10px;
}
.hosting-tab .plans-comparison .plan-grid .plan .features li.grey-field {
  background-color: #F6F6F6;
  font-weight: 600;
}
.hosting-tab .plans-comparison .plan-grid .plan .features li .icon {
  vertical-align: middle;
}
.hosting-tab .plans-comparison .plan-grid .plan .features li .icon.help-tip-hollow {
  margin-top: 5px;
}
.hosting-tab .plans-comparison .plan-grid .plan .plan-toggle .button {
  background-color: #F6F6F6;
  border: 1px solid #d4d5d7;
  border-radius: 3px 0 0 3px;
  color: #939596;
  font-size: 13px;
  min-width: 65px;
  padding: 4px;
}
.hosting-tab .plans-comparison .plan-grid .plan .plan-toggle .button:first-child {
  border-right: none;
}
.hosting-tab .plans-comparison .plan-grid .plan .plan-toggle .button:last-child {
  border-radius: 0 3px 3px 0;
}
.hosting-tab .plans-comparison .plan-grid .plan .plan-toggle .button.secondary {
  background-color: #FDFDFD;
  color: #2B3239;
}
.hosting-tab .plans-comparison .button-plans-comparison {
  background-color: white;
  border: 1px solid #24A266;
  color: #24A266;
}
.hosting-tab .plans-comparison .button-plans-comparison:hover {
  background-color: rgba(36, 162, 102, 0.1);
}
.hosting-tab .plans-comparison .button-plans-comparison .icon {
  background-position: -160px -240px;
}
.hosting-tab .domains .list {
  margin-top: 10px;
}
.hosting-tab .domains .list .add-icon {
  background-color: #458CCF;
}
.hosting-tab .domains .list .add-custom-domain {
  color: #458CCF;
}
.hosting-tab .domains .list .add-custom-domain .save button {
  background-color: #458CCF;
}
.hosting-tab .domains .list .add-custom-domain .save button:hover {
  background-color: #317abf;
}
.hosting-tab .domains .domain-error-wrapper .domain-errors {
  padding-top: 5px;
}
.hosting-tab .domains .domain-error-wrapper .domain-errors h4 {
  text-transform: uppercase;
  font-size: 14px;
  color: #4e5b68;
}
.hosting-tab .domains .domain-error-wrapper .domain-errors .alert {
  margin: 15px 0 15px 0;
}
.hosting-tab .domains .domain-error-wrapper .domain-errors .text-default {
  color: #4e5b68;
}
.hosting-tab .domains .domain-error-wrapper .domain-errors .heavy {
  font-weight: bold;
}
.hosting-tab .domains .domain-error-wrapper .dns-note {
  margin-left: 15px;
  font-size: 14px;
  color: #4e5b68;
}
.hosting-tab .domains .domain-error-wrapper .button.check-status {
  background-color: #414b55;
}
.hosting-tab .domains .domain-error-wrapper .button.check-status:hover {
  background-color: #20252a;
}
.hosting-tab .redirects .alert.warning.upgrade::before,
.hosting-tab .password .alert.warning.upgrade::before,
.hosting-tab .branding .alert.warning.upgrade::before {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.hosting-tab .branding .field {
  padding-bottom: 15px;
}
.hosting-tab .redirects form .field .select-wrap {
  position: relative;
}
.hosting-tab .redirects form .field .select-arrow {
  right: 15px;
}
.backups ul.list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
}
.backups ul.list li:before,
.backups ul.list li:after {
  content: " ";
  display: table;
}
.backups ul.list li:after {
  clear: both;
}
.backups ul.list li:before,
.backups ul.list li:after {
  content: " ";
  display: table;
}
.backups ul.list li:after {
  clear: both;
}
.backups ul.list li:before,
.backups ul.list li:after {
  content: " ";
  display: table;
}
.backups ul.list li:after {
  clear: both;
}
.backups ul.list li:before,
.backups ul.list li:after {
  content: " ";
  display: table;
}
.backups ul.list li:after {
  clear: both;
}
.backups ul.list li:before,
.backups ul.list li:after {
  content: " ";
  display: table;
}
.backups ul.list li:after {
  clear: both;
}
.backups ul.list li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.backups ul.list li > div {
  padding: 20px 20px 15px 20px;
}
.backups ul.list li .time {
  width: 25%;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
  display: inline-block;
  float: left;
}
.backups ul.list li .time .from-now {
  margin-bottom: 5px;
  display: inline-block;
}
.backups ul.list li .version-details {
  width: 42%;
  float: left;
}
.backups ul.list li .version-details .details > div {
  float: left;
}
.backups ul.list li .version-details .details > div:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid rgba(43, 50, 57, 0.15);
}
.backups ul.list li .version-details .details > div:not(:first-child) {
  margin-left: 10px;
}
.backups ul.list li .version-details .details > div > i {
  margin-right: 10px;
  opacity: 0.5;
}
.backups ul.list li .buttons {
  width: 30%;
  float: left;
  /* Restore button */
}
.backups ul.list li .buttons a.button {
  margin-left: 10px;
}
.site-billing .field input[type="number"] {
  height: 100px;
  width: 190px;
  font-size: 36px;
  text-align: center;
}
.site-billing .field span {
  padding: 0 0 0 7px;
}
.circle-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
}
.add-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
  padding: 6px 0 0 9px;
  background-color: #24A266;
}
.add-icon-blue {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
  padding: 6px 0 0 9px;
  background-color: #458CCF;
}
.coming-soon-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
  padding: 6px 0 0 8px;
  background-color: #F7622C;
}
.upgrade-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
  padding: 6px 0 0 8px;
  background-color: #F7622C;
}
.email-icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 20px;
  display: inline-block;
  transition: all 0.1s ease;
  padding: 6px 0 0 8px;
  background-color: rgba(43, 50, 57, 0.8);
}
.cms-settings .list {
  list-style: none;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 2px;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  box-shadow: 0px 0px 4px 0px rgba(43, 50, 57, 0.08);
  box-shadow: none;
  margin: 15px 0;
}
.cms-settings .list > li {
  padding: 20px 20px 15px 20px;
}
.cms-settings .list > li:before,
.cms-settings .list > li:after {
  content: " ";
  display: table;
}
.cms-settings .list > li:after {
  clear: both;
}
.cms-settings .list > li:before,
.cms-settings .list > li:after {
  content: " ";
  display: table;
}
.cms-settings .list > li:after {
  clear: both;
}
.cms-settings .list > li:before,
.cms-settings .list > li:after {
  content: " ";
  display: table;
}
.cms-settings .list > li:after {
  clear: both;
}
.cms-settings .list > li:before,
.cms-settings .list > li:after {
  content: " ";
  display: table;
}
.cms-settings .list > li:after {
  clear: both;
}
.cms-settings .list > li:before,
.cms-settings .list > li:after {
  content: " ";
  display: table;
}
.cms-settings .list > li:after {
  clear: both;
}
.cms-settings .list > li:not(:last-child) {
  border-bottom: 1px solid rgba(43, 50, 57, 0.15);
}
.cms-settings .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: flex;
  align-content: flex;
  padding: 0;
}
.cms-settings .list li > div {
  padding: 20px;
}
.cms-settings .list li form {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.cms-settings .list li form .field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}
.cms-settings .list li form .save > button {
  height: 40px;
  margin-left: 10px;
}
.cms-settings .list li.add-collaborator {
  padding: 15px 20px;
  cursor: pointer;
  color: #458CCF;
  transition: all 0.1s ease;
}
.cms-settings .list li.add-collaborator .add-icon {
  background-color: #458CCF;
}
.cms-settings .list li.add-collaborator .amount-colaborators {
  border: 1px solid #458CCF;
  border-radius: 3px;
  color: #458CCF;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-left: 20px;
  padding: 5px 14px 4px;
}
.cms-settings .list li.add-collaborator:hover {
  color: #2e72b3;
}
.cms-settings .list li.add-collaborator:hover .amount-colaborators {
  border-color: #2e72b3;
  color: #2e72b3;
}
.cms-settings .list li.add-collaborator:hover .add-icon {
  background-color: #2e72b3;
}
.cms-settings .list li.coming-soon {
  padding: 15px 20px;
  color: #F7622C;
}
.cms-settings .list li.upgrade {
  padding: 15px 20px;
  cursor: pointer;
  color: #F7622C;
  transition: all 0.1s ease;
}
.cms-settings .list li.upgrade:hover {
  color: #e74409;
}
.cms-settings .list li.upgrade:hover .upgrade-icon {
  background-color: #e74409;
}
.cms-settings .list li img.profile-img {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin: 0 0 0 20px;
}
.cms-settings .list li .email-icon {
  margin-left: 20px;
  margin-right: 0;
}
.cms-settings .list li .name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cms-settings .list li .type {
  border-left: 1px solid rgba(43, 50, 57, 0.15);
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
}
.cms-settings .list li .remove {
  border-left: 1px solid rgba(43, 50, 57, 0.15);
  -ms-flex-preferred-size: 55px;
  flex-basis: 55px;
}
.cms-settings .list li .remove > i.icon {
  cursor: pointer;
}
.cms-settings .list li .remove.disabled > i.icon {
  cursor: not-allowed;
  opacity: 0.2;
}
.cms-settings .list li span.pending {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 10px;
  font-size: 12px;
  padding: 4px 7px;
  pointer-events: none;
  border-radius: 3px;
  border: 1px solid #4e5b68;
}
.cms-settings .list li .pending-actions a {
  margin-right: 10px;
  color: #458CCF;
  text-decoration: none;
}
.cms-settings .list li .pending-actions .icon {
  margin-right: 5px;
}
.cms-settings .list li span.resend-link {
  margin-left: 15px;
}
.cms-settings .list li:not(:first-child) {
  border-top: 1px solid rgba(43, 50, 57, 0.15);
}
.cms-settings .list li:not(:last-child) {
  border-bottom: none;
}
.cms-settings .alert.warning::before {
  background-position: 0px -420px;
  width: 18px;
  height: 18px;
}
.cms-settings .alert.warning span,
.cms-settings .alert.warning a {
  color: #F7622C;
  cursor: pointer;
}
.cms-settings .white-label-settings {
  background-color: none;
  border-radius: 3px;
  box-shadow: none;
}
.cms-settings .white-label-settings .magic-upload-button .file-input-wrapper:after {
  content: 'Replace Image';
}
.cms-settings .white-label-settings .magic-upload-button .file-input-wrapper .icon {
  background-position: -20px -80px;
  width: 14px;
  height: 14px;
}
.cms-settings .white-label-settings form .field {
  padding: 0;
}
.cms-settings .white-label-settings form .field .help {
  margin-bottom: 0;
}
.cms-settings .white-label-settings form .field .help p {
  margin-bottom: 0;
}
.cms-settings .white-label-settings form .field .image-upload-wrapper {
  height: 80px;
}
.webhooks .action-buttons button {
  margin-top: 12px;
}
.webhooks .details .items .webhook-url {
  color: #4e5b68;
  border: 0;
  display: block;
}
.webhooks .details .items .last-used {
  padding-left: 0;
}
.plans .billing-duration-toggle .toggle-header {
  margin: 1px;
  font-size: 14px;
  font-weight: normal;
  color: #8F8F8F;
  display: inline-block;
  margin-right: 10px;
  line-height: 37px;
}
.plans .billing-duration-toggle .toggle-button {
  line-height: 15px;
  margin: 0 5px;
}
.plans .plan .header h2 {
  color: #EC3F68;
}
.plans .plan .header .description {
  color: #EC3F68;
}
.plans .plan .cost.team::after {
  font-size: 16px;
  content: '/user';
  color: #ABB2B8;
  font-weight: 300;
}
.plans .plan .features .plan-button .button {
  background-color: #EC3F68;
  border: 1px solid #EC3F68;
}
.plans .plan .features .plan-button .button:hover {
  background-color: #ca143f;
  border-color: #ca143f;
}
.plans .plan.free .cost::after {
  content: none;
}
.plans .features-grid .grid-item {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
}
.plans .features-grid .grid-item .feature {
  list-style: none;
  margin: 0;
  padding: 0 10px 12px 10px;
}
.plans .smaller-container {
  margin-left: 5%;
  margin-right: 5%;
}
.plans .plans-features .section-header,
.plans .add-hosting .section-header,
.plans .section.faq .section-header {
  text-align: center;
}
.plans .plans-features p,
.plans .add-hosting p,
.plans .section.faq p {
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 17px;
}
.plans .plans-features .description,
.plans .add-hosting .description,
.plans .section.faq .description,
.plans .plans-features .answer,
.plans .add-hosting .answer,
.plans .section.faq .answer {
  color: #ABB2B8;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.plans .plans-features .description a,
.plans .add-hosting .description a,
.plans .section.faq .description a,
.plans .plans-features .answer a,
.plans .add-hosting .answer a,
.plans .section.faq .answer a {
  color: #ABB2B8;
  text-decoration: underline;
}
.plans .plans-features .description a:hover,
.plans .add-hosting .description a:hover,
.plans .section.faq .description a:hover,
.plans .plans-features .answer a:hover,
.plans .add-hosting .answer a:hover,
.plans .section.faq .answer a:hover {
  color: #2B3239;
}
.plans a.show-all-features {
  display: block;
  margin: auto;
  max-width: 200px;
  text-align: center;
  background-color: #FDFDFD;
  border: 1px solid #EC3F68;
  color: #EC3F68;
  margin-top: 20px;
}
.plans a.show-all-features:hover {
  background-color: rgba(236, 63, 104, 0.1);
}
.plans .add-hosting .section-hosting {
  border: 1px solid #d4d5d7;
  border-radius: 3px;
  display: block;
  margin: auto;
  padding: 20px;
  text-align: center;
  width: 55%;
}
.plans .add-hosting .section-hosting h3 {
  margin-top: 10px;
}
.plans .add-hosting .section-hosting .hosting-plan-icons ul {
  margin: 10px 0 0 0;
  padding: 0;
}
.plans .add-hosting .section-hosting .hosting-plan-icons ul li {
  display: inline-block;
  height: 85px;
  margin: 0 3px;
  position: relative;
  width: 60px;
}
.plans .add-hosting .section-hosting .hosting-plan-icons ul li span {
  border: 1px solid #d4d5d7;
  border-radius: 30px;
  bottom: 0;
  display: block;
  height: 60px;
  line-height: 73px;
  position: absolute;
  width: 60px;
}
.plans .add-hosting .section-hosting .hosting-plan-icons ul li:nth-child(2n) span {
  top: 0;
}
.plans .add-hosting form {
  margin: 30px 0 15px;
}
.plans .add-hosting form .field .select-wrap {
  margin: auto;
  position: relative;
  width: 220px;
}
.plans .add-hosting form .field .select-wrap .select-arrow {
  right: 10px;
}
.plans .add-hosting form .button {
  width: 220px;
}
.plans .q-group {
  margin-bottom: 30px;
}
.plans .section.faq {
  color: #4e5b68;
  font-size: 16px;
}
.plans .section.faq .sales-wrapper {
  border: 1px solid #d4d5d7;
  border-radius: 3px;
  padding: 25px;
  margin: 25px 0;
}
.plans .section.faq .sales-wrapper h4 {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: 400;
}
.plans .section.faq .sales-wrapper h4 .icon.speech-bubble {
  float: left;
  margin-right: 20px;
}
.plans .section.faq .sales-wrapper p {
  margin: 0 0 25px 0;
}
.plans .section.faq .sales-wrapper .contact {
  margin-top: 25px;
}
.plans .section.faq .sales-wrapper .contact .icon {
  margin-top: 4px;
}
.plans .section.faq ul {
  font-size: 16px;
  color: rgba(43, 50, 57, 0.65);
  margin: -25px 0 0 0;
  padding: 0 0 0 16px;
}
.plans .section.faq .row {
  margin-bottom: 15px;
}
.plans .section-header.first.row > div {
  padding: 0;
}
.team-plans .plan-toggle {
  color: rgba(43, 50, 57, 0.45);
  margin-bottom: 10px;
}
.team-plans .plan-toggle h6 {
  margin: 9px 1px 1px 1px;
  font-size: 14px;
  font-weight: normal;
  color: #8F8F8F;
  display: inline-block;
}
.team-plans .plan-toggle .button {
  margin-left: 10px;
}
.team-plans .plan-toggle .button.active {
  font-weight: bold;
}
.team-plans .compare-button {
  display: block;
  text-align: center;
  margin: 15px auto 0;
}
.team-plans .plan-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.team-plans .plan-grid.expand > .plan ul.extended {
  display: block;
}
.team-plans .plan-grid .plan {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #d4d5d7;
  position: relative;
  border-radius: 3px;
}
.team-plans .plan-grid .plan:not(:last-child) {
  margin-right: 25px;
}
.team-plans .plan-grid .plan.free::before {
  background-color: #2FC3A3;
}
.team-plans .plan-grid .plan.free .plan-button .button:not(.disabled) {
  background-color: #2FC3A3;
}
.team-plans .plan-grid .plan.free .plan-button .button:not(.disabled):hover {
  background-color: #2aae92;
}
.team-plans .plan-grid .plan.free .header h3 {
  color: #2FC3A3;
}
.team-plans .plan-grid .plan.personal::before {
  background-color: #3F77D5;
}
.team-plans .plan-grid .plan.personal .plan-button .button:not(.disabled) {
  background-color: #3F77D5;
}
.team-plans .plan-grid .plan.personal .plan-button .button:not(.disabled):hover {
  background-color: #2d69ce;
}
.team-plans .plan-grid .plan.personal .header h3 {
  color: #3F77D5;
}
.team-plans .plan-grid .plan.pro::before {
  background-color: #00CBE1;
}
.team-plans .plan-grid .plan.pro .plan-button .button:not(.disabled) {
  background-color: #00CBE1;
}
.team-plans .plan-grid .plan.pro .plan-button .button:not(.disabled):hover {
  background-color: #00b4c8;
}
.team-plans .plan-grid .plan.pro .header h3 {
  color: #00CBE1;
}
.team-plans .plan-grid .plan.team::before {
  background-color: #7E75DA;
}
.team-plans .plan-grid .plan.team .plan-button .button:not(.disabled) {
  background-color: #7E75DA;
}
.team-plans .plan-grid .plan.team .plan-button .button:not(.disabled):hover {
  background-color: #6b61d5;
}
.team-plans .plan-grid .plan.team .header h3 {
  color: #7E75DA;
}
.team-plans .plan-grid .plan.small-team {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
}
.team-plans .plan-grid .plan.small-team::before {
  background-color: #7B79E0;
}
.team-plans .plan-grid .plan.small-team .plan-button .button:not(.disabled) {
  background-color: #7B79E0;
}
.team-plans .plan-grid .plan.small-team .plan-button .button:not(.disabled):hover {
  background-color: #6764db;
}
.team-plans .plan-grid .plan.small-team .header {
  height: 130px;
}
.team-plans .plan-grid .plan.small-team .header h3 {
  color: #7B79E0;
}
.team-plans .plan-grid .plan.medium-team {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
}
.team-plans .plan-grid .plan.medium-team::before {
  background-color: #A366FF;
}
.team-plans .plan-grid .plan.medium-team .plan-button .button:not(.disabled) {
  background-color: #A366FF;
}
.team-plans .plan-grid .plan.medium-team .plan-button .button:not(.disabled):hover {
  background-color: #944cff;
}
.team-plans .plan-grid .plan.medium-team .header {
  height: 130px;
}
.team-plans .plan-grid .plan.medium-team .header h3 {
  color: #A366FF;
}
.team-plans .plan-grid .plan.large-team {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
}
.team-plans .plan-grid .plan.large-team::before {
  background-color: #BD6BED;
}
.team-plans .plan-grid .plan.large-team .plan-button .button:not(.disabled) {
  background-color: #BD6BED;
}
.team-plans .plan-grid .plan.large-team .plan-button .button:not(.disabled):hover {
  background-color: #b354ea;
}
.team-plans .plan-grid .plan.large-team .header {
  height: 130px;
}
.team-plans .plan-grid .plan.large-team .header h3 {
  color: #BD6BED;
}
.team-plans .plan-grid .plan::before {
  content: '';
  height: 6px;
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  margin-top: -1px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.team-plans .plan-grid .plan .header {
  padding: 30px;
  border-bottom: 1px solid #d4d5d7;
  text-align: center;
  height: 187.6px;
}
.team-plans .plan-grid .plan .header h3 {
  margin: 0;
}
.team-plans .plan-grid .plan .header .description {
  font-size: 14px;
}
.team-plans .plan-grid .plan .cost {
  font-size: 40px;
  margin: 10px 0;
}
.team-plans .plan-grid .plan .cost::after {
  font-size: 16px;
  content: '/mo';
  color: #ABB2B8;
  font-weight: 300;
  margin-left: 5px;
}
.team-plans .plan-grid .plan .features {
  list-style: none;
  margin: 0;
  padding: 0;
}
.team-plans .plan-grid .plan .features.extended {
  display: none;
}
.team-plans .plan-grid .plan .features li {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 16px;
  border-bottom: 1px solid #d4d5d7;
}
.team-plans .plan-grid .plan .features li i.icon.help-tip-hollow {
  float: right;
  opacity: 0.25;
  margin-top: 2px;
  margin-left: 10px;
  cursor: help;
}
.team-plans .plan-grid .plan .features li.plan-button {
  border-bottom: 0;
  padding: 16px;
}
.team-plans .plan-grid .plan .features li.plan-button .button {
  text-align: center;
  width: 100%;
}
.team-plans .plan-grid .plan .features li.not {
  background-color: #F6F8FB;
  color: #ABB2B8;
  text-decoration: line-through;
}
.unsubscribe-page {
  margin-top: 100px;
}
.unsubscribe-page h1 {
  font-size: 25px;
  margin: 15px 0 25px;
  font-weight: 600;
  padding: 0;
}
.unsubscribe-page .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 2px 0;
}
.unsubscribe-page .checkbox input[type='checkbox'] {
  margin: 2px 8px 0 0;
  background-color: red;
}
.unsubscribe-page .email-address-field {
  margin: 15px 0 0 0;
}
@media screen and (min-width: 768px) {
  .unsubscribe-page {
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
  }
}
.integrations .oauth-apps h3 {
  display: block;
}
.integrations .oauth-apps .button.secondary {
  margin-right: 10px;
}
.cancel-account-form .choice {
  padding: 3px 0;
}
.cancel-account-form .choice label {
  display: inline-block;
  text-indent: 10px;
}
.cancel-account-form .choice #cancelComments {
  width: 60%;
  margin-top: 14px;
}
.cancel-account-form .button[disabled] {
  pointer-events: none;
}
/**
 * Dashboard 404 Error Page Styles
 *   /dasboard/404
 */
.error-404 {
  padding: 150px 20px;
}
.error-404 a {
  text-decoration: none;
}
.error-404 a:hover {
  text-decoration: underline;
}
.error-404 .desc {
  padding: 10px 0;
  font-weight: 100;
  font-size: 32px;
  color: rgba(43, 50, 57, 0.45);
}
.error-404 .sub-desc {
  color: rgba(43, 50, 57, 0.45);
  font-size: 16px;
  font-weight: 100;
}
.error-404 .blank-site {
  width: 250px;
  margin: 20px 0;
  border: 1px solid rgba(43, 50, 57, 0.15);
}
.error-404 .img-container {
  position: relative;
  display: inline-block;
}
.error-404 .top-right {
  position: absolute;
  top: 5px;
  right: -15px;
}
.error-404 .question-mark {
  background: white;
  /** Box shadow color is the computed color of @borderLightGreyColor on top of
      *    @colorBgInset because they both have an alpha value, so it isn't possible
      *    to use the same color on the circle as the borders overlap
      */
  box-shadow: 0 0 0 1px #ccced1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.error-404 .question-mark:after {
  content: '?';
  color: rgba(43, 50, 57, 0.15);
  font-weight: bold;
  font-size: 30px;
  display: block;
  margin-top: 3px;
}
.security .registration-step {
  display: inline-block;
  padding: 6px 10px;
  margin: 15px 20px;
  margin-left: 0;
  border-radius: 3px;
  background: #40474D;
  color: white;
  text-transform: uppercase;
}
.security .section-title {
  font-size: 1.2em;
}
.security .qr {
  border: 1px solid rgba(43, 50, 57, 0.12);
  border-radius: 3px;
}
.security a {
  cursor: pointer;
}
/**
 * Specific overrides for activity-container for the profile page versus the activity feed page
 */
.profile-activity activity-item:before,
.profile-activity activity-item:after {
  display: none;
}
.page-header h1.fullname {
  float: left;
}
.page-header .username,
.page-header .plan {
  float: left;
  margin-right: 15px;
}
.page-header .username {
  color: rgba(43, 50, 57, 0.45);
  line-height: 38px;
}
.page-header .plan a {
  display: block;
  border-radius: 3px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 7px 3px;
  margin-top: 10px;
  text-transform: uppercase;
  background: rgba(43, 50, 57, 0.4);
  color: #f2f2f2;
  text-decoration: none;
  transition: background 100ms ease;
}
.page-header .plan a:hover {
  background: #EC3F68;
}
.page-header .actions a.edit-profile {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
.page-header .actions a.edit-profile .icon {
  opacity: 0.6;
  margin-right: 5px;
}
.page-header .actions a.edit-profile:hover {
  text-decoration: underline;
}
.load-more {
  text-align: center;
}
.load-more .load-more-button {
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 30px;
}
.designer img.profile-img {
  display: inline-block;
}
.designer a.name {
  display: inline-block;
  color: #4e5b68;
  text-decoration: none;
  margin: 5px 0 0 5px;
}
#designer-profile .site-grid {
  padding-top: 0px;
}
.follower.button.success:hover {
  background: #EC3F68;
}
.frame-wrapper {
  position: relative;
  font-size: 0;
}
.frame-wrapper .frame-border {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.13);
  pointer-events: none;
}
.frame-viewer {
  width: 100%;
  height: 400px;
  padding: 0;
  overflow: hidden;
}
.frame-viewer img.preview {
  width: 100%;
}
.frame-viewer iframe {
  width: 1280px;
  height: 800px;
  border: 0;
  overflow: hidden;
  -webkit-transform: scale(0.45);
  transform: scale(0.45);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: white;
  border: none;
}
.col-md-7 .frame-viewer iframe {
  -webkit-transform: scale(0.53);
  transform: scale(0.53);
}
.col-md-6 .frame-viewer iframe {
  width: 1266px;
  height: 888px;
  -webkit-transform: scale(0.45);
  transform: scale(0.45);
}
.admin-section {
  display: none;
}
.admin-section.isAdmin {
  display: block;
}
form .thumbnail {
  width: 270px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}
form .thumbnail input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
form .thumbnail img.preview {
  width: 100%;
  opacity: 1.0;
  border-radius: 3px;
  transition: opacity 0.25s ease-in-out;
}
form .thumbnail img.preview.loading {
  opacity: 0.4;
}
form .thumbnail .button {
  margin-top: 20px;
}
form .thumbnail .button .icon.upload {
  margin-right: 15px;
}
form .file-input {
  cursor: pointer;
}
.public-notification {
  padding: 50px;
  text-align: center;
}
.public-notification p,
.public-notification h3 {
  margin: 10px 0;
}
.public-notification .button {
  margin-top: 10px;
  font-weight: normal;
}
.public-notification img {
  width: 128px;
}
.main-content.public-site {
  margin-top: 43px;
}
img.screenshot {
  width: 100%;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 2px 0 0 rgba(255, 255, 255, 0.2);
}
a.site-link {
  display: block;
  padding: 14px 10px;
  text-align: center;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-top: none;
  background-color: #FDFDFD;
  border-radius: 0 0 3px 3px;
  text-decoration: none;
}
a.site-link i {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
a.site-link:hover {
  color: #24588a;
}
a.site-link:hover i.icon {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
}
.feed-sorts > a {
  display: inline-block;
  text-decoration: none;
  margin: 10px 25px 5px 0;
  color: rgba(43, 50, 57, 0.45);
}
.feed-sorts > a.active {
  color: #4e5b68;
}
.sections {
  background-color: #FDFDFD;
  border: 1px solid rgba(43, 50, 57, 0.15);
  border-radius: 3px;
  margin-bottom: 30px;
}
.sections.no-style {
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.sections .section {
  border-bottom: 1px solid rgba(43, 50, 57, 0.12);
  padding: 12px 15px;
}
.sections .section:last-child {
  border-bottom: 0;
}
.sections .section h4 {
  text-transform: uppercase;
  color: rgba(43, 50, 57, 0.45);
  font-weight: 400;
  font-size: 12px;
}
.sections .section h4 a {
  text-decoration: none;
}
.sections .section.tag {
  padding-bottom: 6px;
}
.sections .section.tag i.icon {
  float: left;
  margin: 4px 0 0 0;
}
.sections .section.tag .tag-holder {
  margin-left: 27px;
}
.sections .section a.blue-link {
  color: #458CCF;
  text-decoration: none;
}
.sections .section a.blue-link i.icon {
  float: left;
  margin: 3px 0 0 1px;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  transition: all 100ms ease-in-out;
}
.sections .section a.blue-link:hover {
  color: #24588a;
}
.sections .section a.blue-link:hover i.icon {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
}
.sections .section a.blue-link span {
  margin-left: 27px;
  display: block;
}
.sections .section a.blue-link span.inline-block {
  display: inline-block;
}
.sections .section a.light-link {
  color: rgba(43, 50, 57, 0.45);
  text-decoration: none;
}
.sections .section a.light-link span {
  margin-left: 27px;
  display: block;
}
.sections .section a.light-link i.icon {
  float: left;
  opacity: 0.4;
  margin: 2px 0 0 1px;
  transition: opacity 100ms ease;
}
.sections .section a.light-link i.icon.site-share {
  margin-right: 8px;
}
.sections .section a.light-link:hover {
  color: #4e5b68;
}
.sections .section a.light-link:hover i.icon {
  opacity: .8;
}
.sections .section.more,
.sections .section.clones {
  padding: 0;
  margin-top: 30px;
}
.sections .section.more h4,
.sections .section.clones h4 {
  color: rgba(43, 50, 57, 0.45);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
  margin: 0 0 -2px 0;
}
.sections .section.more h4 a,
.sections .section.clones h4 a {
  color: rgba(43, 50, 57, 0.45);
}
.sections .section.description {
  padding-bottom: 7px;
}
.sections .section.description i.icon {
  float: left;
  margin: 4px 0 0 2px;
}
.sections .section.description p {
  color: #4e5b68;
  margin: 0 0 5px 27px;
  line-height: 20px;
}
.sections .section.description .description-wrap {
  white-space: pre-wrap;
  word-break: break-word;
}
.sections .section.designer-section {
  padding-top: 0;
}
.sections .section.designer-section .profile-pic {
  float: left;
  margin-top: -13px;
  margin-right: 13px;
}
.sections .section.designer-section .name {
  margin-top: 15px;
  display: block;
}
.sections .section.designer-section .name > a {
  text-decoration: none;
}
.sections .section.designer-section .name > a:hover {
  color: #24588a;
}
.sections .section.designer-section .name a.small-follow-btn {
  padding: 3px 4px 2px 2px;
  margin: 0 0 0 5px;
  font-size: 10px;
  line-height: 14px;
  color: #4e5b68;
  text-transform: uppercase;
  background-color: rgba(43, 50, 57, 0.12);
  font-weight: 400;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  top: -1px;
  transition: background-color 100ms ease, color 100ms ease;
}
.sections .section.designer-section .name a.small-follow-btn i.icon {
  margin: 0 3px 0 0;
  opacity: 0.6;
  transition: opacity 100ms ease;
}
.sections .section.designer-section .name a.small-follow-btn:hover {
  background-color: rgba(43, 50, 57, 0.18);
  color: #2B3239;
}
.sections .section.designer-section .name a.small-follow-btn:hover i.icon {
  opacity: 0.8;
}
.sections .section.designer-section .name a.small-follow-btn.success {
  background-color: rgba(36, 162, 102, 0.18);
  color: #24A266;
}
.sections .section.designer-section .name a.small-follow-btn.success i.icon {
  opacity: 1;
}
.sections .section.designer-section .name a.small-follow-btn.success:hover {
  background-color: rgba(236, 63, 104, 0.18);
  color: #EC3F68;
}
.sections .section.designer-section .location-label {
  display: block;
}
.sections .section.designer-section .location-label a {
  color: #4e5b68;
  text-decoration: none;
  font-size: 15px;
}
.sections .section.designer-section .location-label i.icon {
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.link-wrapper {
  padding: 14px;
  border-radius: 0 0 3px 3px;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.14);
  border-top: 0;
  text-align: center;
  margin-top: -1px;
}
.link-wrapper a.url {
  text-decoration: none;
  font-weight: 600;
}
.link-wrapper a.url.designer-link {
  margin-left: 10px;
}
.link-wrapper a.url:hover {
  text-decoration: underline;
}
.website-selector .choose {
  pointer-events: none;
  position: absolute;
  top: 40px;
  left: 25px;
}
.website-selector .selectize-control .selectize-input.disabled {
  background-color: #e1e1e1;
}
.thin.thin {
  font-weight: 100;
}
.thumbnail-container {
  width: 100%;
  height: 100%;
  background: #EBEDF0;
  box-shadow: inset 0 0 0 1px rgba(43, 50, 57, 0.17);
  border-radius: 3px;
  padding: 40px 0;
}
.thumbnail-container .desc {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  color: rgba(43, 50, 57, 0.45);
  text-align: center;
  margin-bottom: 3px;
}
.thumbnail-container .desc .bold {
  font-weight: bold;
}
.thumbnail-container .desc a {
  text-decoration: none;
}
.thumbnail-container .desc a:hover {
  text-decoration: underline;
}
.unpublished-preview {
  text-align: center;
}
.unpublished-preview .button {
  margin-bottom: 20px;
}
.unpublished-preview .desc {
  text-align: center;
}
.lower.actions {
  margin-top: 15px;
}
.lower.actions .button {
  margin-right: 15px;
}
.cloneable-warning {
  display: block;
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 18px;
  color: rgba(43, 50, 57, 0.45);
  margin-top: 9px;
}
.cloneable-warning a {
  text-decoration: none;
}
.cloneable-warning a:hover {
  text-decoration: underline;
}
.share .social {
  float: left;
  margin: 10px 10px 0 0;
}
.activity-loading {
  display: block;
  margin: 0 auto;
  width: 60px;
}
.activity-loading .loading-spinner > div {
  background-color: #4e5b68;
}
.designer-profile.container .top-menu {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .navbar a.logo {
    float: left;
  }
  .navbar .top-nav.right {
    float: right;
    margin: 0;
  }
  .navbar .top-nav.left {
    float: left;
    margin: 0;
  }
  .navbar .top-nav > li:last-child {
    padding-right: 0;
  }
}
.container.admin pre {
  font-size: 10px;
  max-width: 400px;
}
.container.admin .header {
  padding-top: 10px;
}
.container.admin .header h2 {
  padding: 0;
}
.container.admin .header h2 a {
  color: #4e5b68;
  padding: 5px 10px;
  border: 3px solid #e0e0e0;
  border-radius: 3px;
  text-decoration: none;
}
.container.admin .header h2 a:hover {
  border: 3px solid #adadad;
}
.container.admin .header h3 {
  margin-top: 0px;
}
.container.admin .header .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.container.admin .header .actions form.form {
  margin: 0;
  padding: 0;
}
.container.admin .header .actions .button {
  display: inline;
  padding: 7px 12px;
  margin: 5px;
}
.ops-well {
  border: 1px solid #eee;
  border-radius: 3px;
  background-color: #f8f8f8;
  padding: 5px 10px;
  margin: 5px;
}
.look-up-form {
  margin-bottom: 20px;
}
.transactions td.date {
  font-size: 10px;
}
.transactions td.description {
  font-size: 12px;
}