@charset "UTF-8";
@-webkit-keyframes loading {
  50% {
    background-color: #F29018;
    margin-top: -5px;
  }
}
@keyframes loading {
  50% {
    background-color: #F29018;
    margin-top: -5px;
  }
}
html body.signals .ie7-only {
  display: none;
}

html.ie8 body.signals .ie7-only, html.ie9 body.signals .ie7-only, html.ie10 body.signals .ie7-only {
  display: block;
}

html.ie7 body.signals, html.ie8 body.signals, html.ie9 body.signals, html.ie10 body.signals {
  font-family: "Arial", sans-serif;
}
html.ie7 body.signals .ie7-only, html.ie8 body.signals .ie7-only, html.ie9 body.signals .ie7-only, html.ie10 body.signals .ie7-only {
  display: block;
}
html.ie7 body.signals p, html.ie8 body.signals p, html.ie9 body.signals p, html.ie10 body.signals p {
  font-family: "Arial", sans-serif;
}
html.ie7 body.signals .config-header, html.ie8 body.signals .config-header, html.ie9 body.signals .config-header, html.ie10 body.signals .config-header {
  font-family: "Arial", sans-serif;
  line-height: 16px;
  font-size: 16px;
}
html.ie7 body.signals .config-header span.sub-heading, html.ie8 body.signals .config-header span.sub-heading, html.ie9 body.signals .config-header span.sub-heading, html.ie10 body.signals .config-header span.sub-heading {
  font-weight: 300;
  color: #555;
}
html.ie7 body.signals .login-container, html.ie8 body.signals .login-container, html.ie9 body.signals .login-container, html.ie10 body.signals .login-container {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 0 20px;
}
html.ie7 body.signals .login-container.configure, html.ie8 body.signals .login-container.configure, html.ie9 body.signals .login-container.configure, html.ie10 body.signals .login-container.configure {
  width: 84%;
  height: 560px;
}
html.ie7 body.signals .login-container.configure hr, html.ie8 body.signals .login-container.configure hr, html.ie9 body.signals .login-container.configure hr, html.ie10 body.signals .login-container.configure hr {
  margin: 0px 0 5px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #e0e0e0;
}
html.ie7 body.signals .login-container.configure .configuration-steps, html.ie8 body.signals .login-container.configure .configuration-steps, html.ie9 body.signals .login-container.configure .configuration-steps, html.ie10 body.signals .login-container.configure .configuration-steps {
  margin-bottom: 5px;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step, html.ie8 body.signals .login-container.configure .configuration-steps .step, html.ie9 body.signals .login-container.configure .configuration-steps .step, html.ie10 body.signals .login-container.configure .configuration-steps .step {
  margin-top: 5px;
  margin-bottom: 15px;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step p, html.ie8 body.signals .login-container.configure .configuration-steps .step p, html.ie9 body.signals .login-container.configure .configuration-steps .step p, html.ie10 body.signals .login-container.configure .configuration-steps .step p {
  text-align: left;
  color: #666;
  font-size: 12px;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step h5, html.ie8 body.signals .login-container.configure .configuration-steps .step h5, html.ie9 body.signals .login-container.configure .configuration-steps .step h5, html.ie10 body.signals .login-container.configure .configuration-steps .step h5 {
  font-size: 13px;
  color: #444;
  line-height: 32px;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step h5 span.step-number, html.ie8 body.signals .login-container.configure .configuration-steps .step h5 span.step-number, html.ie9 body.signals .login-container.configure .configuration-steps .step h5 span.step-number, html.ie10 body.signals .login-container.configure .configuration-steps .step h5 span.step-number {
  font-weight: 600;
  color: #888;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step img, html.ie8 body.signals .login-container.configure .configuration-steps .step img, html.ie9 body.signals .login-container.configure .configuration-steps .step img, html.ie10 body.signals .login-container.configure .configuration-steps .step img {
  text-align: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}
html.ie7 body.signals .login-container.configure .configuration-steps .step p + p, html.ie8 body.signals .login-container.configure .configuration-steps .step p + p, html.ie9 body.signals .login-container.configure .configuration-steps .step p + p, html.ie10 body.signals .login-container.configure .configuration-steps .step p + p {
  margin-top: -5px;
}
html.ie7 body.signals .login-container .account-status p, html.ie8 body.signals .login-container .account-status p, html.ie9 body.signals .login-container .account-status p, html.ie10 body.signals .login-container .account-status p {
  text-align: left;
  color: #555;
  margin-bottom: 5px;
}
html.ie7 body.signals .login-container .account-status span.account-data, html.ie8 body.signals .login-container .account-status span.account-data, html.ie9 body.signals .login-container .account-status span.account-data, html.ie10 body.signals .login-container .account-status span.account-data {
  font-weight: 600;
  color: #333;
}
html.ie7 body.signals .header img.logo, html.ie8 body.signals .header img.logo, html.ie9 body.signals .header img.logo, html.ie10 body.signals .header img.logo {
  width: 215px;
}
html.ie7 body.signals .login-box, html.ie8 body.signals .login-box, html.ie9 body.signals .login-box, html.ie10 body.signals .login-box {
  padding-left: 0;
  padding-right: 0;
  background-image: none;
  box-shadow: none;
  padding-top: 18px;
  background-color: #eee;
}
html.ie7 body.signals .login-box a.gen-btn.primary-large.gmail, html.ie8 body.signals .login-box a.gen-btn.primary-large.gmail, html.ie9 body.signals .login-box a.gen-btn.primary-large.gmail, html.ie10 body.signals .login-box a.gen-btn.primary-large.gmail {
  padding-left: 0;
  padding-right: 0;
}
html.ie7 body.signals .login-box .alert, html.ie8 body.signals .login-box .alert, html.ie9 body.signals .login-box .alert, html.ie10 body.signals .login-box .alert {
  margin: -19px -20px 23px;
  border-radius: 0;
}
html.ie7 body.signals .login-box hr, html.ie8 body.signals .login-box hr, html.ie9 body.signals .login-box hr, html.ie10 body.signals .login-box hr {
  margin-left: -20px;
  margin-right: -20px;
  border-top-color: #e0e0e0;
  border-bottom-color: #f5f5f5;
}
html.ie7 body.signals .login-box .divider .spacer, html.ie8 body.signals .login-box .divider .spacer, html.ie9 body.signals .login-box .divider .spacer, html.ie10 body.signals .login-box .divider .spacer {
  background-color: #eee;
}
html.ie7 body.signals .login-box .card-actions .card-action, html.ie8 body.signals .login-box .card-actions .card-action, html.ie9 body.signals .login-box .card-actions .card-action, html.ie10 body.signals .login-box .card-actions .card-action {
  margin-left: -20px;
  margin-right: -20px;
  border-top-color: #e0e0e0;
  background-color: #f0f0f0;
}
html.ie7 body.signals .login-box label.input-label, html.ie8 body.signals .login-box label.input-label, html.ie9 body.signals .login-box label.input-label, html.ie10 body.signals .login-box label.input-label {
  color: #333;
  text-align: left;
  width: 218px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
html.ie7 body.signals .login-box a.gen-btn, html.ie8 body.signals .login-box a.gen-btn, html.ie9 body.signals .login-box a.gen-btn, html.ie10 body.signals .login-box a.gen-btn {
  padding-left: 0;
  padding-right: 0;
}
html.ie7 body.signals .login-box .login, html.ie8 body.signals .login-box .login, html.ie9 body.signals .login-box .login, html.ie10 body.signals .login-box .login {
  font-family: "Arial", sans-serif;
  font-size: 18px;
  text-align: center;
}

body.signals {
  background-color: whitesmoke;
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}
body.signals.plain {
  background-color: white;
  background-image: none;
}
body.signals.stand-alone {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.2)), url("/static/img/furley_bg_2x.png");
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.2)), url("/static/img/furley_bg_2x.png");
  background-size: auto auto, 600px 600px;
  background-repeat: repeat-x, repeat;
}
body.signals * {
  -webkit-font-smoothing: antialiased;
}
body.signals .clickable {
  cursor: pointer;
}
body.signals p {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
}
body.signals > .main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.signals input[type="text"], body.signals input[type="password"], body.signals textarea, body.signals a.button, body.signals a.gen-btn, body.signals button, body.signals .gen-btn {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}
body.signals label, body.signals input, body.signals button, body.signals select, body.signals textarea {
  font-size: 14px;
}
body.signals .semi-muted {
  color: #666;
}
body.signals i.icon-signals {
  color: #F47722;
}
body.signals i.icon-building {
  color: #F19449;
}
body.signals i.icon-cog {
  color: steelblue;
}
body.signals i.icon-key {
  color: darkred;
}
body.signals i.icon-sprocket {
  color: #f7761f;
}
body.signals i.icon-question {
  color: #6bb815;
}
body.signals strong {
  font-weight: 500;
}
body.signals h1, body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card h1, body.signals .card .activities.stream:not(.new-stream) h1, body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .new-stream h2, body.signals .new-stream .card h1, body.signals .card .new-stream h1, body.signals .new-stream .headline h1, body.signals .headline .new-stream h1, body.signals .card-layout .pane-header h2, body.signals .card-layout .pane-header .card h1, body.signals .card .card-layout .pane-header h1, body.signals .card-layout .pane-header .headline h1, body.signals .headline .card-layout .pane-header h1, body.signals .right-bar .pane-header h2, body.signals .right-bar .pane-header .card h1, body.signals .card .right-bar .pane-header h1, body.signals .right-bar .pane-header .headline h1, body.signals .headline .right-bar .pane-header h1, body.signals h2, body.signals .card h1, body.signals .card .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card h2, body.signals .card .new-stream h2, body.signals .new-stream .card h2, body.signals .card .card-layout .pane-header h2, body.signals .card-layout .pane-header .card h2, body.signals .card .right-bar .pane-header h2, body.signals .right-bar .pane-header .card h2, body.signals .headline h1, body.signals .headline .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline h2, body.signals .headline .new-stream h2, body.signals .new-stream .headline h2, body.signals .headline .card-layout .pane-header h2, body.signals .card-layout .pane-header .headline h2, body.signals .headline .right-bar .pane-header h2, body.signals .right-bar .pane-header .headline h2, body.signals h3, body.signals h4 {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}
body.signals input[type="text"], body.signals input[type="email"], body.signals input[type="password"] {
  height: 28px;
  font-size: 15px;
  padding-left: 14px;
}
body.signals input[type="text"].input-block-level, body.signals input[type="email"].input-block-level, body.signals input[type="password"].input-block-level {
  height: 100%;
  padding: 9px 14px;
}
body.signals .primary-button-cta {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'proxima-nova';
  margin: auto auto;
  display: inline-block;
  padding: 8px 22px;
  font-weight: 600;
  cursor: pointer;
  font-size: .9rem;
  -moz-box-shadow: 0px 2px 0px #EA8436;
  -webkit-box-shadow: 0px 2px 0px #EA8436;
  box-shadow: 0px 2px 0px #EA8436;
  font-size: .95rem;
  font-weight: 700;
  background: #FF9233;
  color: #fff;
}
body.signals .primary-button-cta span.rarr {
  display: inline-block;
  position: relative;
  top: 1px;
  padding-left: 5px;
}
body.signals .primary-button-cta.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.signals .primary-button-cta.large-cta {
  padding: 16px 28px;
  font-size: 1.1rem;
}
body.signals .primary-button-cta span.normal {
  font-weight: 600;
}
body.signals .primary-button-cta:hover {
  background: #ff841a;
  color: white;
}
body.signals .primary-button-cta:active {
  background: #EA8436;
}
body.signals .secondary-button-cta {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'proxima-nova';
  margin: auto auto;
  display: inline-block;
  padding: 8px 22px;
  font-weight: 600;
  cursor: pointer;
  font-size: .9rem;
  -moz-box-shadow: 0px 2px 0px #cdd4d6;
  -webkit-box-shadow: 0px 2px 0px #cdd4d6;
  box-shadow: 0px 2px 0px #cdd4d6;
  background: #E3E7E8;
  color: #757B7F;
  font-weight: 700;
  font-size: .80rem;
  padding: 8px 16px;
}
body.signals .secondary-button-cta span.rarr {
  display: inline-block;
  position: relative;
  top: 1px;
  padding-left: 5px;
}
body.signals .secondary-button-cta.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.signals .secondary-button-cta.large-cta {
  padding: 16px 28px;
  font-size: 1.1rem;
}
body.signals .secondary-button-cta:hover {
  text-decoration: none;
  background: #d5dbdc;
  color: #757B7F;
}
body.signals .secondary-button-cta:active {
  background: #cdd4d6;
}
body.signals .button, body.signals button, body.signals .gen-btn {
  -moz-box-sizing: border-box;
  font-size: 14px;
  display: inline-block;
  border: 1px solid transparent;
  background-color: transparent;
  padding: 9px 24px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  color: #666;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
body.signals .button:hover, body.signals button:hover, body.signals .gen-btn:hover {
  text-decoration: none;
  box-shadow: 0 2px 0 0 #666;
  opacity: 0.85;
  color: #666;
}
body.signals .button:hover:active, body.signals button:hover:active, body.signals .gen-btn:hover:active {
  box-shadow: 0 2px 0 0 #333;
  color: #666;
}
body.signals .button i.icon-fixed-width, body.signals button i.icon-fixed-width, body.signals .gen-btn i.icon-fixed-width {
  font-size: 1.1em;
  margin-right: 4px;
  margin-left: -6px;
}
body.signals .button + .button, body.signals button + .button, body.signals .gen-btn + .button, body.signals .button + button, body.signals button + button, body.signals .gen-btn + button, body.signals .button + .gen-btn, body.signals button + .gen-btn, body.signals .gen-btn + .gen-btn {
  margin-top: 10px;
}
body.signals .button.primary, body.signals button.primary, body.signals .primary.gen-btn {
  box-shadow: 0 2px 0 0 #AF4F21;
  background-color: #ee8f62;
  background-image: none;
  text-shadow: 1px 1px rgba(100, 100, 100, 0.5);
  color: white;
  font-weight: 600;
  font-size: 16px;
}
body.signals .button.primary span.normal, body.signals button.primary span.normal, body.signals .primary.gen-btn span.normal {
  font-weight: 500;
}
body.signals .button.primary:hover, body.signals button.primary:hover, body.signals .primary.gen-btn:hover {
  box-shadow: 0 2px 0 0 #80320c;
}
body.signals .button.primary:hover:active, body.signals button.primary:hover:active, body.signals .primary.gen-btn:hover:active {
  background-color: #bd5929;
  box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.33);
  text-shadow: 1px 1px rgba(50, 50, 50, 0.8);
  color: white;
}
body.signals .button.primary.careful, body.signals button.primary.careful, body.signals .primary.careful.gen-btn {
  background-image: none;
  box-shadow: 0 2px 0 0 #901414;
  background-color: #ac1e1e;
}
body.signals .button.primary.careful:hover, body.signals button.primary.careful:hover, body.signals .primary.careful.gen-btn:hover {
  box-shadow: 0 2px 0 0 #2B0404;
}
body.signals .button.primary.careful:hover:active, body.signals button.primary.careful:hover:active, body.signals .primary.careful.gen-btn:hover:active {
  background-color: #750a0a;
}
body.signals .button.primary.gmail, body.signals button.primary.gmail, body.signals .primary.gmail.gen-btn {
  box-shadow: 0 2px 0 0 #bb0011;
  background-color: #eb6c78;
  background-image: none;
}
body.signals .button.primary.gmail:hover, body.signals button.primary.gmail:hover, body.signals .primary.gmail.gen-btn:hover {
  box-shadow: 0 2px 0 0 #80320c;
}
body.signals .button.primary.gmail:hover:active, body.signals button.primary.gmail:hover:active, body.signals .primary.gmail.gen-btn:hover:active {
  background-color: #b14e58;
}
body.signals .button.primary.salesforce, body.signals button.primary.salesforce, body.signals .primary.salesforce.gen-btn {
  box-shadow: 0 2px 0 0 #5b812f;
  background-color: #6bb815;
  background-image: none;
}
body.signals .button.primary.salesforce:hover, body.signals button.primary.salesforce:hover, body.signals .primary.salesforce.gen-btn:hover {
  box-shadow: 0 2px 0 0 #355510;
}
body.signals .button.primary.salesforce:hover:active, body.signals button.primary.salesforce:hover:active, body.signals .primary.salesforce.gen-btn:hover:active {
  background-color: #42720e;
}
body.signals .button.primary.hubspot, body.signals button.primary.hubspot, body.signals .primary.hubspot.gen-btn {
  box-shadow: 0 2px 0 0 #AF4F21;
  background-color: #f7761f;
  background-image: none;
}
body.signals .button.primary.hubspot:hover, body.signals button.primary.hubspot:hover, body.signals .primary.hubspot.gen-btn:hover {
  box-shadow: 0 2px 0 0 #3D1704;
}
body.signals .button.primary.hubspot:hover:active, body.signals button.primary.hubspot:hover:active, body.signals .primary.hubspot.gen-btn:hover:active {
  background-color: #A53D0B;
}
body.signals .button.primary.zapier, body.signals button.primary.zapier, body.signals .primary.zapier.gen-btn {
  box-shadow: 0 2px 0 0 #A55337;
  background-color: #ef6130;
  background-image: none;
}
body.signals .button.primary.zapier:hover, body.signals button.primary.zapier:hover, body.signals .primary.zapier.gen-btn:hover {
  box-shadow: 0 2px 0 0 #6c3624;
}
body.signals .button.primary.zapier:hover:active, body.signals button.primary.zapier:hover:active, body.signals .primary.zapier.gen-btn:hover:active {
  background-color: #c33d0f;
}
body.signals .button:disabled, body.signals button:disabled, body.signals .gen-btn:disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
body.signals .button.secondary, body.signals button.secondary, body.signals .secondary.gen-btn {
  box-shadow: 0 2px 0 0 #999;
  background-color: #eee;
}
body.signals .button.secondary:hover, body.signals button.secondary:hover, body.signals .secondary.gen-btn:hover {
  box-shadow: 0 2px 0 0 #666;
  background-color: #f6f6f6;
}
body.signals .button.secondary:hover:active, body.signals button.secondary:hover:active, body.signals .secondary.gen-btn:hover:active {
  background-color: #CCC;
  box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.33);
}
body.signals .button.inline-button, body.signals button.inline-button, body.signals .inline-button.gen-btn {
  margin-right: 15px;
}
body.signals .button.btn-mini, body.signals button.btn-mini, body.signals .btn-mini.gen-btn {
  font-size: 13px;
  padding: 9px 15px 10px;
}
body.signals button + button {
  margin-top: 10px;
}
body.signals .gen-btn + .gen-btn {
  margin-top: 10px;
}

body.signals .activities.stream .search-bar .search-error, body.signals .new-stream .search-bar .search-error {
  width: 95%;
}
body.signals .activities.stream .search-bar .search-box, body.signals .new-stream .search-bar .search-box {
  width: 100%;
}
body.signals .activities.stream .search-bar .search-box .twitter-typeahead, body.signals .new-stream .search-bar .search-box .twitter-typeahead {
  width: 96%;
}
body.signals .activities.stream .search-bar .search-box input[type=text], body.signals .new-stream .search-bar .search-box input[type=text] {
  width: 96%;
  height: 28px;
  padding-left: 14px;
  font-size: 16px;
  margin: 3px 0 -3px 0;
}
body.signals .activities.stream .search-bar .search-box a:hover, body.signals .new-stream .search-bar .search-box a:hover {
  text-decoration: none;
}
body.signals .activities.stream .search-bar .tt-dropdown-menu, body.signals .new-stream .search-bar .tt-dropdown-menu {
  width: 98.8%;
}
body.signals .activities.stream .search-bar span.twitter-typeahead h3, body.signals .new-stream .search-bar span.twitter-typeahead h3 {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 9px;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  font-size: 13pt;
}
body.signals .activities.stream .search-bar span.twitter-typeahead .tt-suggestion p, body.signals .new-stream .search-bar span.twitter-typeahead .tt-suggestion p {
  padding: 3px 10px 3px 10px;
  margin-bottom: 1px;
  color: #777777;
  line-height: 31px;
}
body.signals .activities.stream .search-bar span.twitter-typeahead .tt-suggestion p img, body.signals .new-stream .search-bar span.twitter-typeahead .tt-suggestion p img {
  width: 35px;
  height: 35px;
  margin-top: -2px;
  padding-right: 5px;
}
body.signals .activities.stream .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor, body.signals .new-stream .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor {
  background-color: #0097cf;
}
body.signals .activities.stream .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor p, body.signals .new-stream .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor p {
  color: #ffffff;
}
body.signals .activities.stream .search-bar h2, body.signals .activities.stream .search-bar .card h1, body.signals .card .activities.stream .search-bar h1, body.signals .activities.stream .search-bar .headline h1, body.signals .headline .activities.stream .search-bar h1, body.signals .new-stream .search-bar h2, body.signals .new-stream .search-bar .card h1, body.signals .card .new-stream .search-bar h1, body.signals .new-stream .search-bar .headline h1, body.signals .headline .new-stream .search-bar h1 {
  float: left;
}
body.signals .activities.stream .search-error, body.signals .new-stream .search-error {
  display: none;
}
body.signals .activities.stream .search-error .alert-error, body.signals .new-stream .search-error .alert-error {
  margin-top: 10px;
}

.activities.stream:not(.new-stream) {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}
.activities.stream:not(.new-stream) .activity .stream-update .more-info {
  top: 8px;
}
.activities.stream:not(.new-stream) .activity .stream-update .more-info .stats {
  margin-bottom: 7px;
  margin-top: -8px;
}
.activities.stream:not(.new-stream) .activity .stream-update .more-info .stats .stat {
  max-width: 150px;
}
.activities.stream:not(.new-stream) .activity .stream-update .more-info .stats .icon {
  vertical-align: 3px;
}
.activities.stream:not(.new-stream) a {
  color: inherit;
}
.activities.stream:not(.new-stream) p a {
  color: #08c;
}
.activities.stream:not(.new-stream) a.alert-banner {
  text-decoration: none;
  cursor: pointer;
}
.activities.stream:not(.new-stream) a.alert-banner:hover .alert {
  opacity: 0.7;
}
.activities.stream:not(.new-stream) a.alert-banner:hover .alert .close {
  opacity: 0.5;
}
.activities.stream:not(.new-stream) a.alert-banner .alert {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-top: -10px;
  margin-left: -29px;
  margin-right: -29px;
  padding-left: 29px;
}
.activities.stream:not(.new-stream) a.alert-banner .alert .close {
  line-height: 20px;
}
.activities.stream:not(.new-stream) a.alert-banner .alert .action {
  font-weight: 600;
  margin-left: 10px;
  display: inline-block;
}
.activities.stream:not(.new-stream) a.alert-banner .alert .action i {
  margin-left: 5px;
  font-size: 0.9em;
}
.activities.stream:not(.new-stream) a.alert-banner.chrome-banner {
  display: none;
  text-align: center;
}
.activities.stream:not(.new-stream) a.alert-banner + a.alert-banner .alert {
  margin-top: -17px;
}
.activities.stream:not(.new-stream) .well {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: -29px;
  margin-right: -29px;
  padding-left: 29px;
  margin-top: -19px;
  margin-bottom: 5px;
}
.activities.stream:not(.new-stream) .activity {
  padding-top: 6px;
}
.activities.stream:not(.new-stream) .activity:hover {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, white), color-stop(0.05, #fafafa), color-stop(0.95, #fafafa), color-stop(1, white));
}
.activities.stream:not(.new-stream) .activity .stream-update {
  font-family: inherit;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta {
  width: 80.47%;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i {
  margin-right: 5px;
  font-size: 1.1em;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-linkedin-sign {
  font-size: 1.15em;
  color: #1380b0;
  margin-left: 3px;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-envelope, .activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-star, .activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-link {
  color: #d70014;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-forward {
  margin-left: 3px;
  vertical-align: 1px;
  color: #FFD76E;
  font-size: 0.9em;
  -webkit-text-stroke: 1px #DAB03E;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-salesforce {
  color: #79cf19;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta i.icon-sprocket {
  color: #f7761f;
}
.activities.stream:not(.new-stream) .activity .stream-update .meta strong {
  color: #444;
  font-weight: 500;
}
.activities.stream:not(.new-stream) .activity .stream-update .more-info {
  position: absolute;
  color: #bbb;
  font-weight: 300;
}
.activities.stream:not(.new-stream) .activity .stream-update .contact {
  width: 54px;
}
.activities.stream:not(.new-stream) .activity .stream-update .contact img {
  width: 49px;
  height: 49px;
  margin-bottom: 7px;
  transition: margin 0.1s ease;
}
.activities.stream:not(.new-stream) .activity .stream-update .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 60px;
  font-size: 13px;
  color: #999;
  font-weight: 300;
  padding-bottom: 4px;
}
.activities.stream:not(.new-stream) .activity .stream-update .name a {
  font-size: 16px;
}
.activities.stream:not(.new-stream) .activity .stream-update a {
  color: #333;
  font-weight: 600;
}
.activities.stream:not(.new-stream) .activity .stream-update .status {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 300;
}
.activities.stream:not(.new-stream) .activity .stream-update .status .span11 > a:first-child, .activities.stream:not(.new-stream) .activity .stream-update .status .span12 > a:first-child {
  text-decoration: none;
}
.activities.stream:not(.new-stream) .activity .stream-update .status .span11 > a:first-child:hover, .activities.stream:not(.new-stream) .activity .stream-update .status .span12 > a:first-child:hover {
  color: inherit;
}
.activities.stream:not(.new-stream) a:hover {
  color: #0074ad;
}
.activities.stream:not(.new-stream) a:hover .contact img {
  color: #888;
  -webkit-animation-name: glow;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 500ms;
}
.activities.stream:not(.new-stream) a:hover .meta strong {
  color: inherit;
}
.activities.stream:not(.new-stream) a:hover .more-info {
  color: #AAA;
}
.activities.stream:not(.new-stream) a:hover .more-info .seen-by {
  color: #A0A0A0;
}
.activities.stream:not(.new-stream) a:hover .more-info .tooltip.left .tooltip-arrow {
  border-left-color: #999;
}
.activities.stream:not(.new-stream) a:hover .more-info .tooltip.left .tooltip-inner {
  background-color: #999;
}
.activities.stream:not(.new-stream) .stream-update {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 6px 0 0 0;
}
.activities.stream:not(.new-stream) .stream-update .meta {
  margin-top: 6px;
}
.activities.stream:not(.new-stream) .stream-update .meta i {
  margin-right: 6px;
  margin-left: 2px;
  font-size: 1.2em;
}
.activities.stream:not(.new-stream) .stream-update .meta i.icon-linkedin-sign {
  font-size: 1.3em;
  vertical-align: -1px;
}
.activities.stream:not(.new-stream) .stream-update .meta strong.email {
  color: #444;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] span.important {
  font-weight: 400;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] span.important.email {
  color: #d70014;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] span.important.linkedin {
  color: #1380b0;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] span.important.salesforce {
  color: #6bb815;
}
.activities.stream:not(.new-stream) .stream-update .meta .status [class*="span"] span.important.hubspot {
  color: #f7761f;
}
.activities.stream:not(.new-stream) .stream-update .more-info {
  position: absolute;
  right: 1px;
  color: #CCC;
}
.activities.stream:not(.new-stream) .stream-update .more-info .tooltip.left {
  margin-left: 12px;
  margin-top: 2px;
  right: 23px;
  left: auto !important;
}
.activities.stream:not(.new-stream) .stream-update .more-info .tooltip.left .tooltip-arrow {
  margin-top: -6px;
  right: 2px;
  border-left-color: #CCC;
}
.activities.stream:not(.new-stream) .stream-update .more-info .tooltip.left .tooltip-inner {
  padding: 2px 4px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 1.1em;
  background-color: #CCC;
  min-width: 15px;
}
.activities.stream:not(.new-stream) .stream-update .more-info div {
  text-align: center;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats {
  font-size: 0.8em;
  margin-top: -4px;
  margin-bottom: 6px;
  text-align: right;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats .stat {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 74px;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats .icon {
  font-size: 1.4em;
  margin-left: 4px;
  vertical-align: 3px;
  display: inline-block;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.when i {
  font-size: 1.1em;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.location:not(.location-exists) {
  visibility: hidden;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.location .icon {
  margin-right: -1px;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.location .icon i.icon-mobile-phone {
  font-size: 1.2em;
  margin-right: 5px;
  margin-left: 4px;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.activity-count {
  color: #888;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.activity-count .icon {
  margin-left: 5px;
}
.activities.stream:not(.new-stream) .stream-update .more-info .stats.activity-count .icon i {
  font-size: 0.9em;
}
.activities.stream:not(.new-stream) .stream-update .contact img {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  border: 2px solid white;
  color: #CCC;
  box-shadow: 0 0 4px;
  margin-bottom: 15px;
  height: 40px;
  width: 40px;
}
.activities.stream:not(.new-stream) .stream-update .name {
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
}
.activities.stream:not(.new-stream) .stream-update .name span.headline {
  font-size: 13px;
  line-height: 11px;
  font-weight: 300;
  color: #999;
}
.activities.stream:not(.new-stream) .stream-update .name span.when {
  font-size: 10px;
  font-weight: normal;
  color: #999;
}
.activities.stream:not(.new-stream) .stream-update .status {
  margin-top: 4px;
  padding-bottom: 8px;
  font-size: 13px;
  line-height: 16px;
}
.activities.stream:not(.new-stream) .stream-update .status > div {
  padding-right: 66px;
}
.activities.stream:not(.new-stream) .stream-update .status .count {
  height: 27px;
  width: 27px;
  background: #bbb;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 26px;
}
.activities.stream:not(.new-stream) .end-block, .activities.stream:not(.new-stream) hr {
  margin-left: -34px;
  margin-right: -34px;
}
.activities.stream:not(.new-stream) > a:first-child .activity {
  margin-top: 15px;
}
.activities.stream:not(.new-stream) ul.filtering {
  position: absolute;
  right: 0;
  list-style: none;
  width: 210px;
  margin: 0;
  z-index: -1;
  font-size: 21px;
  border-left: 1px solid #ddd;
  margin-top: -204px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.activities.stream:not(.new-stream) ul.filtering > li {
  background-color: white;
  border-bottom: 1px solid #ddd;
}
.activities.stream:not(.new-stream) ul.filtering > li:hover > a > .list-icon {
  color: black;
}
.activities.stream:not(.new-stream) ul.filtering > li:hover.filter-email i {
  color: #d70014;
}
.activities.stream:not(.new-stream) ul.filtering > li:hover.filter-linkedin i {
  color: #1380b0;
}
.activities.stream:not(.new-stream) ul.filtering > li:hover.filter-salesforce i {
  color: #6bb815;
}
.activities.stream:not(.new-stream) ul.filtering > li:hover.filter-hubspot i {
  color: #f7761f;
}
.activities.stream:not(.new-stream) ul.filtering > li > a {
  cursor: pointer;
}
.activities.stream:not(.new-stream) ul.filtering > li > a > .list-icon {
  color: #999;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.activities.stream:not(.new-stream) ul.filtering > li > a > .list-icon i {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: #999;
}
.activities.stream:not(.new-stream) ul.filtering > li > a > .list-icon:after {
  position: absolute;
  left: 55px;
  font-weight: 300;
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-email .list-icon:after {
  content: "Email";
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-email-opens .list-icon:after {
  content: "Email Opens";
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-clicks .list-icon:after {
  content: "Link Clicks";
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-linkedin .list-icon:after {
  content: "Linkedin";
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-salesforce .list-icon:after {
  content: "Salesforce";
}
.activities.stream:not(.new-stream) ul.filtering > li.filter-hubspot .list-icon:after {
  content: "Hubspot";
}
.activities.stream:not(.new-stream) .filter {
  position: absolute;
  width: 210px;
  line-height: 70px;
  height: 70px;
  top: 0;
  right: -153px;
  border-left: 1px solid #dddddd;
  line-height: 67px;
  cursor: pointer;
  font-size: 28px;
  z-index: 10;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.activities.stream:not(.new-stream) .filter i.icon-filter {
  color: #dddddd;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.activities.stream:not(.new-stream) .filter > a {
  cursor: pointer;
}
.activities.stream:not(.new-stream) .filter > a > .list-icon {
  height: 100%;
  padding-left: 16px;
  padding-bottom: 1px;
  background-color: white;
  border-bottom: 1px solid #ddd;
}
.activities.stream:not(.new-stream) .filter > a > .list-icon:after {
  content: "Filter";
  margin-left: 18px;
  font-size: 24px;
  color: #dddddd;
  vertical-align: 0px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.activities.stream:not(.new-stream) .filter > a:hover {
  color: inherit;
  text-decoration: none;
}
.activities.stream:not(.new-stream) .filter:hover {
  right: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.activities.stream:not(.new-stream) .filter:hover > ul.filtering {
  margin-top: 0px;
}
.activities.stream:not(.new-stream) .filter:hover > a > .list-icon {
  background-color: whitesmoke;
}
.activities.stream:not(.new-stream) .filter:hover > a > .list-icon i.icon-filter {
  color: #999;
}
.activities.stream:not(.new-stream) .filter:hover > a > .list-icon:after {
  color: #666;
}
.activities.stream:not(.new-stream) .filter-bar {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 100%;
  margin-left: -20px;
  color: white;
  font-family: "Lato";
  font-weight: 600;
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.activities.stream:not(.new-stream) .filter-bar.LinkedIn {
  background-color: #1380B0;
}
.activities.stream:not(.new-stream) .search-bar .search-error {
  width: 95%;
}
.activities.stream:not(.new-stream) .search-bar .search-box {
  width: 100%;
}
.activities.stream:not(.new-stream) .search-bar .search-box .twitter-typeahead {
  width: 96%;
}
.activities.stream:not(.new-stream) .search-bar .search-box input[type=text] {
  width: 96%;
  height: 28px;
  padding-left: 14px;
  font-size: 16px;
  margin: 3px 0 -3px 0;
}
.activities.stream:not(.new-stream) .search-bar .search-box a:hover {
  text-decoration: none;
}
.activities.stream:not(.new-stream) .search-bar .tt-dropdown-menu {
  width: 98.8%;
}
.activities.stream:not(.new-stream) .search-bar span.twitter-typeahead h3 {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 9px;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  font-size: 13pt;
}
.activities.stream:not(.new-stream) .search-bar span.twitter-typeahead .tt-suggestion p {
  padding: 3px 10px 3px 10px;
  margin-bottom: 1px;
  color: #777777;
  line-height: 31px;
}
.activities.stream:not(.new-stream) .search-bar span.twitter-typeahead .tt-suggestion p img {
  width: 35px;
  height: 35px;
  margin-top: -2px;
  padding-right: 5px;
}
.activities.stream:not(.new-stream) .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor {
  background-color: #0097cf;
}
.activities.stream:not(.new-stream) .search-bar span.twitter-typeahead .tt-suggestions .tt-is-under-cursor p {
  color: #ffffff;
}
.activities.stream:not(.new-stream) .search-bar h2, .activities.stream:not(.new-stream) .search-bar body.signals .card h1, body.signals .card .activities.stream:not(.new-stream) .search-bar h1, body.signals .card .activities.stream:not(.new-stream) .search-bar h2, body.signals .activities.stream:not(.new-stream) .search-bar .card h2, body.signals .activities.stream:not(.new-stream) .card .search-bar h2, .activities.stream:not(.new-stream) .search-bar body.signals .headline h1, body.signals .headline .activities.stream:not(.new-stream) .search-bar h1, body.signals .headline .activities.stream:not(.new-stream) .search-bar h2, body.signals .activities.stream:not(.new-stream) .search-bar .headline h2, body.signals .activities.stream:not(.new-stream) .headline .search-bar h2 {
  float: left;
}
.activities.stream:not(.new-stream) .search-error {
  display: none;
}
.activities.stream:not(.new-stream) .search-error .alert-error {
  margin-top: 10px;
}

body.extension .extension-suggestion-button {
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  color: white;
  text-shadow: none;
  background-color: #5AB95A;
}
body.extension .extension-suggestion-button:hover {
  color: white;
  box-shadow: none;
}
body.extension .suggestion-user {
  width: 160px;
  white-space: nowrap;
  overflow-x: hidden;
  font-weight: bold;
}
body.extension .invite-suggestion {
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
body.extension .suggestion-message {
  padding-bottom: 3px;
  font-weight: bold;
}
body.extension .extension-invite-cancel {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 4px;
}
body.extension .extension-invite-cancel:hover {
  cursor: pointer;
}

body.signals .loading-container {
  margin: 20px auto;
  height: 10px;
  width: 37px;
}
body.signals .loading-container::after {
  clear: both;
  content: '';
  display: block;
}
body.signals .loading {
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  background-color: #EDECE9;
  float: left;
  height: 8px;
  margin-left: 4px;
  width: 8px;
  border-radius: 5px;
}
body.signals #loading_1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
body.signals #loading_2 {
  -webkit-animation-delay: 0.33s;
  animation-delay: 0.33s;
}
body.signals #loading_3 {
  -webkit-animation-delay: 0.66s;
  animation-delay: 0.66s;
}

body.signals .activities.stream:not(.new-stream) {
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: 0 0 7px #ccc;
  background-color: white;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
  padding-left: 28px;
  padding-right: 28px;
  width: 100%;
  margin-top: 13px;
  border-radius: 3px;
  border-bottom: 1px solid #ccc;
}
body.signals .activities.stream:not(.new-stream).no-activities > .activity:first-child {
  margin-top: 130px;
}
body.signals .activities.stream:not(.new-stream).no-activities.stream {
  overflow-y: hidden;
}
body.signals .activities.stream:not(.new-stream).no-activities .activity {
  opacity: 0.25;
}
body.signals .activities.stream:not(.new-stream) h1, body.signals .activities.stream:not(.new-stream) h2 {
  background-color: white;
  margin: 0 -28px;
  padding: 17px 28px 18px;
  font-size: 25px;
  font-weight: 300;
  color: #4a4a4a;
}
body.signals .activities.stream:not(.new-stream) hr, body.signals .activities.stream:not(.new-stream) hr.large {
  margin-top: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid whitesmoke;
  margin-bottom: 12px;
}
body.signals .activities.stream:not(.new-stream) hr.large {
  border-bottom-width: 5px;
}
body.signals .activities.stream:not(.new-stream) > img {
  float: left;
  margin-left: -28px;
  margin-right: 14px;
}

body.signals .new-stream {
  left: 180px;
  min-width: 536px;
  padding-left: 28px;
  padding-right: 28px;
}
body.signals .new-stream .card.marketing {
  padding-top: 0;
}
body.signals .new-stream .card.marketing h2, body.signals .new-stream .card.marketing h1 {
  padding-top: 0;
}
body.signals .new-stream .card.marketing.marketing-alt h2, body.signals .new-stream .card.marketing.marketing-alt h1 {
  font-weight: 300;
}
body.signals .new-stream .card.marketing.marketing-alt .meta {
  padding-top: 6px;
}
body.signals .new-stream .card.marketing.marketing-alt .card-CTA {
  margin-top: -12px;
  margin-bottom: 11px;
}
body.signals .new-stream .card.marketing.marketing-alt p.primary:last-child {
  margin-bottom: 0;
}
body.signals .new-stream .card.highlight {
  border-top: 3px solid orange;
}
body.signals .new-stream .CTA-container {
  margin-top: 32px;
  margin-bottom: 17px;
}
body.signals .new-stream .CTA-container .input-large {
  font-size: 16px;
  width: 263px;
  padding: 20px;
}
body.signals .new-stream .CTA-container .input-large span.normal {
  font-weight: 400;
}
@media (min-width: 501px) {
  body.signals .new-stream .CTA-container .input-large + .input-large {
    margin-left: 10px;
  }
}
body.signals .new-stream .CTA-container .divider.billing-only + .card-CTA {
  margin-top: 20px;
}
body.signals .new-stream #no-notif-alert {
  margin-top: 10px;
}
body.signals .new-stream #non-chrome-alert .card {
  padding-bottom: 7px;
}
body.signals .new-stream #non-chrome-alert .sub-story {
  float: none;
}
body.signals .new-stream #non-chrome-alert i {
  margin-right: 3px;
}
body.signals .new-stream #non-chrome-alert .meta {
  padding-top: 9px;
}
body.signals .new-stream #no-notif-alert .primary-activity {
  display: block;
}
body.signals .new-stream #no-notif-alert .primary-activity .sub-story {
  float: none;
}
body.signals .new-stream #no-notif-alert .primary-activity .sub-story p.normal-text:not(:last-child) {
  margin-bottom: 5px;
}
body.signals .new-stream.filter-all .stream-start .primary-activity {
  display: block;
}
body.signals .new-stream.filter-opens .primary-activity.type-EMAILOPEN {
  display: block;
}
body.signals .new-stream.filter-opens #no-notif-alert span.filter-type {
  color: #d70014;
}
body.signals .new-stream.filter-opens #no-notif-alert span.filter-type:after {
  content: "Email Open ";
  font-weight: normal;
}
body.signals .new-stream.filter-clicks .primary-activity.type-EMAILCLICK {
  display: block;
}
body.signals .new-stream.filter-clicks #no-notif-alert span.filter-type {
  color: #1380b0;
}
body.signals .new-stream.filter-clicks #no-notif-alert span.filter-type:after {
  content: "Link Click ";
  font-weight: normal;
}
body.signals .new-stream.filter-unopens .primary-activity.type-missed-email {
  display: block;
}
body.signals .new-stream.filter-unopens #no-notif-alert span.filter-type {
  color: #d70014;
}
body.signals .new-stream.filter-unopens #no-notif-alert span.filter-type:after {
  content: "Email Unopen ";
  font-weight: normal;
}
body.signals .new-stream.filter-salesforce .primary-activity.type-SALESFORCE,
body.signals .new-stream.filter-salesforce .primary-activity.type-SALESFORCE_OPP_CHANGE,
body.signals .new-stream.filter-salesforce .primary-activity.type-SALESFORCE_OPP_LIKE {
  display: block;
}
body.signals .new-stream.filter-salesforce #no-notif-alert span.filter-type {
  color: #6bb815;
}
body.signals .new-stream.filter-salesforce #no-notif-alert span.filter-type:after {
  content: "Salesforce ";
  font-weight: normal;
}
body.signals .new-stream.filter-hubspot .primary-activity.type-HUBSPOT_REVISIT,
body.signals .new-stream.filter-hubspot .primary-activity.type-HUBSPOT_COMPANY_VISIT {
  display: block;
}
body.signals .new-stream.filter-hubspot #no-notif-alert span.filter-type {
  color: #f7761f;
}
body.signals .new-stream.filter-hubspot #no-notif-alert span.filter-type:after {
  content: "HubSpot ";
  font-weight: normal;
}
body.signals .new-stream.heading {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  left: 180px;
  position: fixed;
  overflow: visible;
  right: 0;
  top: 0;
  z-index: 10;
}
body.signals .new-stream.heading .filter-box {
  margin-bottom: 0;
  padding-left: 7px;
}
@media (max-width: 501px) {
  body.signals .new-stream.heading {
    left: 0;
  }
}
body.signals .new-stream.activities {
  margin-left: 180px;
  max-width: 690px;
  min-height: 100%;
  padding-bottom: 30px;
  padding-top: 112px;
}
body.signals .new-stream.activities.banner-visible {
  padding-top: 142px;
}
@media (max-width: 501px) {
  body.signals .new-stream.activities {
    margin-left: 0;
  }
}
@media (max-width: 501px) {
  body.signals .new-stream {
    min-width: 100%;
    box-sizing: border-box;
  }
}

body.signals.extension .new-stream {
  left: 0;
}
body.signals.extension .new-stream.activities {
  margin-left: 0;
}

@media (max-width: 501px) {
  body.signals .new-stream .stream-header .search-bar {
    display: none !important;
  }
}

@media (max-width: 501px) {
  body.signals .filter-box ul.filter-options a li {
    font-size: 10px;
    font-weight: 600;
    padding-right: 0;
    padding-left: 0;
  }
}

body.signals .new-stream h1, body.signals .new-stream .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .new-stream h2, body.signals .new-stream .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .new-stream h1, body.signals .new-stream .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .new-stream h1, body.signals .new-stream .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .new-stream h1, body.signals .new-stream .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .new-stream h1, body.signals .new-stream h2, body.signals .new-stream .card-layout .pane-header h2, body.signals .card-layout .pane-header .new-stream h2, body.signals .new-stream .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .new-stream h1, body.signals .new-stream .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .new-stream h1, body.signals .new-stream .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .new-stream h1, body.signals .new-stream .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .new-stream h1, body.signals .new-stream .right-bar .pane-header h2, body.signals .right-bar .pane-header .new-stream h2, body.signals .new-stream .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .new-stream h1, body.signals .new-stream .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .new-stream h1, body.signals .new-stream .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .new-stream h1, body.signals .new-stream .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .new-stream h1 {
  background-color: white;
  margin: 0 -28px;
  padding: 17px 28px 18px;
  font-size: 25px;
  font-weight: 300;
  color: #4a4a4a;
}
body.signals .new-stream hr {
  margin-top: 0;
}
body.signals .new-stream hr.large {
  margin-top: 0;
}
body.signals .new-stream.filter-opens .show-on-unopens {
  display: inline-block !important;
}
body.signals .new-stream .hammer_invites {
  border: 0px;
  background-color: rgba(255, 255, 255, 0.93);
  margin: auto;
  max-width: 525px;
  width: 100%;
}
body.signals .new-stream .hammer_invites .stream-invites-container {
  box-shadow: 0px 0px 0px;
}
body.signals .new-stream .card .card-CTA .button.marketing, body.signals .new-stream .card .card-CTA button.marketing, body.signals .new-stream .card .card-CTA .marketing.gen-btn {
  display: inline-block;
  width: auto;
  padding: 13px 25px 13px 35px;
  position: relative;
  overflow: hidden;
  font-size: 17px;
}
body.signals .new-stream .card .card-CTA .button.marketing span, body.signals .new-stream .card .card-CTA button.marketing span, body.signals .new-stream .card .card-CTA .marketing.gen-btn span {
  font-weight: 400;
}
body.signals .new-stream .card .card-CTA .button.marketing i, body.signals .new-stream .card .card-CTA button.marketing i, body.signals .new-stream .card .card-CTA .marketing.gen-btn i {
  position: relative;
  left: -10px;
  margin-left: -6px;
  font-size: 28px;
  top: 3px;
  line-height: 12px;
}
body.signals .new-stream .card .card-CTA .button.marketing i.icon-signals, body.signals .new-stream .card .card-CTA button.marketing i.icon-signals, body.signals .new-stream .card .card-CTA .marketing.gen-btn i.icon-signals {
  color: white;
  font-size: 20px;
  line-height: 18px;
}
body.signals .new-stream .stream-header {
  background-color: white;
  padding: 0 28px;
}
body.signals .new-stream .stream-header > img {
  margin: 0 28px 0 -28px;
  width: 61px;
  vertical-align: top;
}
body.signals .new-stream .stream-header h2, body.signals .new-stream .stream-header .card h1, body.signals .card .new-stream .stream-header h1, body.signals .new-stream .stream-header .headline h1, body.signals .headline .new-stream .stream-header h1 {
  margin: 0 -28px;
  padding: 12px 28px;
  font-size: 25px;
  display: inline-block;
}
body.signals .new-stream .stream-header .user-nav {
  padding: 14px 0;
}
body.signals .new-stream .stream-header .user {
  border-left: 1px solid whitesmoke;
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  vertical-align: bottom;
}
body.signals .new-stream .stream-header .user .avatar {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  height: 30px;
  width: 30px;
}
body.signals .new-stream .stream-header .user .email {
  display: inline-block;
  font-weight: 500;
  padding: 0 9px;
}
body.signals .new-stream .stream-header .search-bar {
  display: inline-block;
  width: 290px;
  vertical-align: top;
  padding-right: 0;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu {
  width: 100%;
  padding-right: 17px;
  border-color: #999999;
  box-shadow: 0 4px 7px #999999;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-dataset-emails, body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-dataset-domains {
  margin-right: -17px;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-dataset-domains {
  border-top: 1px solid #aaaaaa;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-suggestion p {
  padding: 2px 10px 0px 0px;
  margin-bottom: 0px;
  color: #333333;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor p {
  color: white;
}
body.signals .new-stream .stream-header .search-bar span.tt-dropdown-menu .tt-suggestion + .tt-suggestion {
  border-top: 1px solid #e3e3e3;
}
body.signals .new-stream .stream-header .search-bar span.twitter-typeahead h3 {
  color: #666666;
  background-color: whitesmoke;
  font-size: 16px;
  font-weight: 300;
}
body.signals .new-stream .stream-header .search-bar button {
  display: none;
}
body.signals .new-stream .stream-header .search-bar .search-box input[type=text] {
  padding-bottom: 0px;
  padding-right: 23px;
  padding-left: 8px;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 300;
}
body.signals .new-stream .stream-header .search-bar .twitter-typeahead:after {
  content: "\f002";
  font-family: FontAwesome;
  position: absolute;
  top: 10px;
  right: -16px;
  color: #999;
  font-size: 20px;
}
body.signals .new-stream .stream-header .search-bar .search-error .alert-error {
  margin-top: 2px;
  border-radius: 0;
  position: absolute;
  margin-right: 32px;
  padding-right: 15px;
  font-size: 10px;
}

.remove_invite_stream {
  float: right;
  cursor: pointer;
}

.stream-invites-header-text {
  font-size: 18px;
}

.stream-invites-header {
  margin-bottom: 20px;
  text-align: center;
}

.stream-invites {
  text-align: center;
}

.icon-remove-sign {
  display: inline;
  right: 5px;
  top: 5px;
  position: absolute;
  opacity: .5;
}

.stream-invites-container {
  padding-top: 10px;
  padding-left: 20px;
  margin-top: 7px;
  padding-bottom: 10px;
  background-color: white;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition-property: margin-bottom;
  transition-property: margin-bottom;
  -webkit-transition: margin-bottom 0.35s ease;
  -o-transition: margin-bottom 0.35s ease;
  transition: margin-bottom 0.35s ease;
}

form {
  margin: 0;
}

.stream-header, .filter-box {
  margin: 0 -28px;
}

.search-bar {
  margin-left: 0;
}
.search-bar input {
  padding-right: 13px;
}

body.signals:not(.extension) .stream-start .primary-activity {
  display: none;
}

html.win body.signals .new-stream .stream-header .search-bar .search-box input[type=text] {
  font-size: 17px;
}
html.win body.signals .stream-start .activity-item .meta .story {
  color: #888;
}

body.extension .notification-count-bar {
  position: fixed;
  top: 78px;
  left: 0;
  right: 0;
  z-index: 100000;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  border-top: 1px white solid;
  border-bottom: 1px white solid;
}

.expired-state-container .new-stream.over-limit-state {
  top: 0;
}
.expired-state-container .new-stream.over-limit-state.proxima .headline {
  margin: 10px auto 20px;
  font-size: 15px;
}

.new-stream.over-limit-state {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.93);
  z-index: 100;
  margin-left: 1px;
  bottom: 0;
  top: 97px;
  right: 0;
  padding-bottom: 20px;
  padding-top: 50px;
  text-align: center;
}
.new-stream.over-limit-state.proxima span.marketing, .new-stream.over-limit-state.proxima *:not(i) {
  font-family: "proxima-nova";
}
.new-stream.over-limit-state.proxima .headline {
  margin: 20px auto 40px;
  line-height: 30px;
  font-size: 22px;
  color: #666;
}
.new-stream.over-limit-state.proxima .headline strong {
  font-weight: 600;
}
.new-stream.over-limit-state.proxima .logo-container {
  margin-bottom: 10px;
}
.new-stream.over-limit-state.proxima .logo-container i.icon-signals {
  font-size: 40px;
}
.new-stream.over-limit-state.proxima .subheadline {
  line-height: 30px;
  text-transform: uppercase;
  color: #777;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 2px;
}
.new-stream.over-limit-state.proxima .divider {
  font-weight: 700;
  font-size: 14px;
  margin-top: 18px;
  color: #888;
  margin-bottom: 15px;
  font-style: normal;
}
.new-stream.over-limit-state.proxima .subtext {
  margin-top: 14px;
}
.new-stream.over-limit-state span.marketing {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 24px;
  color: #555;
}
.new-stream.over-limit-state span.marketing.small {
  font-size: 17px;
  color: #777;
}
.new-stream.over-limit-state span.marketing strong {
  font-weight: 600;
}
.new-stream.over-limit-state div.subtext {
  margin-top: 5px;
}
.new-stream.over-limit-state .billing-only {
  display: none;
}
.new-stream.over-limit-state .headline {
  margin-top: -11px;
  margin-bottom: 15px;
  font-size: 16px;
}
.new-stream.over-limit-state .headline span.subtext.success {
  color: #488F36;
}
.new-stream.over-limit-state span.subtext {
  color: #999;
}
.new-stream.over-limit-state span.subtext.prominent {
  color: #666;
}
.new-stream.over-limit-state span.subtext.careful {
  color: #9c374c;
}
.new-stream.over-limit-state span.subtext.hide-overlimit-state {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 12px;
  cursor: pointer;
}
.new-stream.over-limit-state .notification-count-pointer {
  position: absolute;
  right: 20px;
  top: 9px;
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
.new-stream.over-limit-state .notification-count-pointer i.icon-chevron-up {
  top: -7px;
  position: absolute;
  right: 17px;
  font-size: 9px;
  color: #666;
}
.new-stream.over-limit-state .notification-count-pointer span {
  font-weight: 800;
}
.new-stream.over-limit-state .divider {
  margin-top: 37px;
  font-style: italic;
  font-weight: 600;
  color: #555;
  font-size: 16px;
}
.new-stream.over-limit-state .invitation-block {
  margin-top: 20px;
}
.new-stream.over-limit-state .invitation-block .invite-links {
  margin-top: 15px;
  text-align: center;
  vertical-align: top;
}
.new-stream.over-limit-state .invitation-block .invite-links span {
  vertical-align: top !important;
}
.new-stream.over-limit-state .invitation-block .invite-links span.social-button {
  margin-right: 7px;
}
.new-stream.over-limit-state .invitation-block .invite-links span.social-button.invite-linkedin {
  margin-left: 10px;
}
.new-stream.over-limit-state .invitation-block .invite-links span > div {
  display: inline;
  vertical-align: top;
}

.notification-count-bar, .trial-count-bar {
  height: 26px;
  background-color: #EDECE9;
  margin-left: -28px;
  margin-right: -28px;
  position: relative;
  overflow: hidden;
  background-image: -webkit-linear-gradient(right, white, whitesmoke);
  border-bottom: 3px solid #f0F0f0;
}
.notification-count-bar.over-limit-state .usage-bar, .trial-count-bar.over-limit-state .usage-bar {
  width: 100%;
  text-align: right;
  font-size: 13px;
}
.notification-count-bar.over-limit-state .usage-bar span.over-limit-text, .trial-count-bar.over-limit-state .usage-bar span.over-limit-text {
  display: inline;
}
.notification-count-bar.over-limit-state .usage-bar span.notif-count-container, .trial-count-bar.over-limit-state .usage-bar span.notif-count-container {
  display: none;
}
.notification-count-bar.over-limit-state .unlimited-CTA, .trial-count-bar.over-limit-state .unlimited-CTA {
  display: none;
}
.notification-count-bar .usage-bar, .trial-count-bar .usage-bar {
  height: 100%;
  width: 0;
  background-image: -webkit-linear-gradient(right, #FE2A01, #FFD91D);
  background-size: 746px;
  line-height: 26px;
  color: white;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
  font-size: 15px;
  -webkit-transition: opacity 0.1s ease;
}
.notification-count-bar .usage-bar span.notif-count, .trial-count-bar .usage-bar span.notif-count {
  font-weight: 700;
  margin-right: 2px;
}
.notification-count-bar .usage-bar span.over-limit-text, .trial-count-bar .usage-bar span.over-limit-text {
  display: none;
  margin-right: 40px;
  border-right: 2px solid rgba(255, 255, 255, 0.7);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.notification-count-bar .unlimited-CTA, .trial-count-bar .unlimited-CTA {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 26px;
  font-weight: 600;
  padding-right: 10px;
  padding-left: 10px;
  background-color: rgba(255, 255, 255, 0.9);
}
.notification-count-bar .unlimited-CTA a, .trial-count-bar .unlimited-CTA a {
  color: #51646E;
}
.notification-count-bar .unlimited-CTA a:hover, .trial-count-bar .unlimited-CTA a:hover {
  text-decoration: none;
}
.notification-count-bar .unlimited-CTA i, .trial-count-bar .unlimited-CTA i {
  margin-left: 7px;
  font-size: 10px;
}
.notification-count-bar:hover, .trial-count-bar:hover {
  cursor: pointer;
}
.notification-count-bar:hover .usage-bar, .trial-count-bar:hover .usage-bar {
  opacity: 0.5;
}
.notification-count-bar:hover .unlimited-CTA, .trial-count-bar:hover .unlimited-CTA {
  background-color: rgba(255, 255, 255, 0.95);
}
.notification-count-bar:hover .unlimited-CTA a, .trial-count-bar:hover .unlimited-CTA a {
  color: #2285ba;
}

.tooltip {
  font-weight: 600;
  border-radius: 0;
  font-size: 13px;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip .tooltip-inner {
  border-radius: 0;
}
.tooltip.short {
  white-space: nowrap;
}

div.card-container.stream-sticky + div.card-container.stream-sticky {
  margin-top: 10px;
  margin-bottom: 10px;
}

.stream-sample {
  margin-top: 10px;
}
.stream-sample h6 {
  margin-bottom: 10px;
}

.stream-start .tooltip, .stream-sticky .tooltip, .stream-sample .tooltip {
  font-size: 12px;
}
.stream-start .primary-activity, .stream-sticky .primary-activity, .stream-sample .primary-activity {
  background-color: white;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition-property: margin-bottom;
  transition-property: margin-bottom;
  -webkit-transition: margin-bottom 0.35s ease;
  -o-transition: margin-bottom 0.35s ease;
  transition: margin-bottom 0.35s ease;
}
.stream-start .primary-activity:hover .action-close, .stream-sticky .primary-activity:hover .action-close, .stream-sample .primary-activity:hover .action-close {
  opacity: 0.5;
}
.stream-start .primary-activity:hover .action-close:hover, .stream-sticky .primary-activity:hover .action-close:hover, .stream-sample .primary-activity:hover .action-close:hover {
  opacity: 1;
}
.stream-start .primary-activity.type-missed-email, .stream-sticky .primary-activity.type-missed-email, .stream-sample .primary-activity.type-missed-email {
  background-color: whitesmoke;
}
.stream-start .primary-activity.type-missed-email .sub-story a, .stream-sticky .primary-activity.type-missed-email .sub-story a, .stream-sample .primary-activity.type-missed-email .sub-story a {
  color: #888;
  font-weight: 600;
  text-decoration: none;
}
.stream-start .primary-activity.type-missed-email .sub-story a:hover, .stream-sticky .primary-activity.type-missed-email .sub-story a:hover, .stream-sample .primary-activity.type-missed-email .sub-story a:hover {
  color: #666;
}
.stream-start .primary-activity.type-missed-email .sub-story a:hover i.icon-info-sign, .stream-sticky .primary-activity.type-missed-email .sub-story a:hover i.icon-info-sign, .stream-sample .primary-activity.type-missed-email .sub-story a:hover i.icon-info-sign {
  color: #2285ba;
}
.stream-start .primary-activity.type-missed-email .sub-story a i.icon-info-sign, .stream-sticky .primary-activity.type-missed-email .sub-story a i.icon-info-sign, .stream-sample .primary-activity.type-missed-email .sub-story a i.icon-info-sign {
  display: inline-block;
  font-size: 11px;
  color: #799CAD;
  padding-right: 1px;
}
.stream-start .expandable, .stream-sticky .expandable, .stream-sample .expandable {
  cursor: pointer;
}
.stream-start .single-activity, .stream-sticky .single-activity, .stream-sample .single-activity {
  padding: 8px 13px;
  background-color: whitesmoke;
  font-size: 13px;
  border-top: 1px solid #dddddd;
}
.stream-start .single-activity .story, .stream-sticky .single-activity .story, .stream-sample .single-activity .story {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stream-start .single-activity .sub-story, .stream-sticky .single-activity .sub-story, .stream-sample .single-activity .sub-story {
  float: right;
  color: #666666;
}
.stream-start .expanded-items > div:first-child .single-activity, .stream-sticky .expanded-items > div:first-child .single-activity, .stream-sample .expanded-items > div:first-child .single-activity {
  border-color: #bbb;
}
.stream-start .activity-item, .stream-sticky .activity-item, .stream-sample .activity-item {
  cursor: default;
  border-radius: 0px;
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.stream-start .activity-item .tooltip .tooltip-inner, .stream-sticky .activity-item .tooltip .tooltip-inner, .stream-sample .activity-item .tooltip .tooltip-inner {
  margin-left: 27px;
}
.stream-start .activity-item + .activity-item .primary-activity, .stream-sticky .activity-item + .activity-item .primary-activity, .stream-sample .activity-item + .activity-item .primary-activity {
  margin-top: 10px;
}
.stream-start .activity-item i.icon-mobile-phone, .stream-sticky .activity-item i.icon-mobile-phone, .stream-sample .activity-item i.icon-mobile-phone {
  font-size: 17px;
  top: 0;
  vertical-align: -2px;
}
.stream-start .activity-item i.icon-mobile-phone, .stream-start .activity-item i.icon-desktop, .stream-sticky .activity-item i.icon-mobile-phone, .stream-sticky .activity-item i.icon-desktop, .stream-sample .activity-item i.icon-mobile-phone, .stream-sample .activity-item i.icon-desktop {
  color: slategrey;
}
.stream-start .activity-item .action-close, .stream-sticky .activity-item .action-close, .stream-sample .activity-item .action-close {
  opacity: 0;
  position: absolute;
  right: 7px;
  top: 7px;
  -webkit-transition: opacity 0.15s ease;
}
.stream-start .activity-item .action-close a, .stream-sticky .activity-item .action-close a, .stream-sample .activity-item .action-close a {
  color: #999;
}
.stream-start .activity-item .contact, .stream-start .activity-item .meta, .stream-sticky .activity-item .contact, .stream-sticky .activity-item .meta, .stream-sample .activity-item .contact, .stream-sample .activity-item .meta {
  vertical-align: top;
}
.stream-start .activity-item .contact, .stream-sticky .activity-item .contact, .stream-sample .activity-item .contact {
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  margin-right: 1px;
  border-radius: 0px;
  overflow: hidden;
  border-bottom-right-radius: 0;
}
.stream-start .activity-item .contact i, .stream-sticky .activity-item .contact i, .stream-sample .activity-item .contact i {
  padding-left: 12px;
  line-height: 54px;
}
.stream-start .activity-item .contact i.icon-bell, .stream-sticky .activity-item .contact i.icon-bell, .stream-sample .activity-item .contact i.icon-bell {
  color: #f47722;
}
.stream-start .activity-item .contact i.icon-info-sign, .stream-sticky .activity-item .contact i.icon-info-sign, .stream-sample .activity-item .contact i.icon-info-sign {
  color: #2285ba;
}
.stream-start .activity-item .contact img, .stream-sticky .activity-item .contact img, .stream-sample .activity-item .contact img {
  width: 60px;
  height: 60px;
  float: left;
}
.stream-start .activity-item .contact img:not(.overlay-img), .stream-sticky .activity-item .contact img:not(.overlay-img), .stream-sample .activity-item .contact img:not(.overlay-img) {
  background-color: #ccc;
}
.stream-start .activity-item .contact img.overlay-img, .stream-sticky .activity-item .contact img.overlay-img, .stream-sample .activity-item .contact img.overlay-img {
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}
.stream-start .activity-item .meta, .stream-sticky .activity-item .meta, .stream-sample .activity-item .meta {
  padding-top: 11px;
  overflow: hidden;
  cursor: default;
}
.stream-start .activity-item .meta .story, .stream-sticky .activity-item .meta .story, .stream-sample .activity-item .meta .story {
  font-size: 15px;
  font-weight: 300;
  padding-bottom: 6px;
  padding-left: 13px;
  padding-right: 21px;
}
.stream-start .activity-item .meta .story a, .stream-sticky .activity-item .meta .story a, .stream-sample .activity-item .meta .story a {
  font-weight: 500;
  color: #444;
}
.stream-start .activity-item .meta .story a.tippable, .stream-sticky .activity-item .meta .story a.tippable, .stream-sample .activity-item .meta .story a.tippable {
  border-bottom: 1px dotted rgba(34, 133, 186, 0.5);
}
.stream-start .activity-item .meta .story a:not(.tippable):hover, .stream-sticky .activity-item .meta .story a:not(.tippable):hover, .stream-sample .activity-item .meta .story a:not(.tippable):hover {
  text-decoration: underline;
}
.stream-start .activity-item .meta .sub-story, .stream-start .activity-item .meta .location, .stream-sticky .activity-item .meta .sub-story, .stream-sticky .activity-item .meta .location, .stream-sample .activity-item .meta .sub-story, .stream-sample .activity-item .meta .location {
  display: inline-block;
  padding-left: 13px;
  padding-right: 11px;
  padding-bottom: 7px;
  font-size: 13px;
  color: #368021;
  float: right;
}
.stream-start .activity-item .meta .sub-story i.activity, .stream-start .activity-item .meta .location i.activity, .stream-sticky .activity-item .meta .sub-story i.activity, .stream-sticky .activity-item .meta .location i.activity, .stream-sample .activity-item .meta .sub-story i.activity, .stream-sample .activity-item .meta .location i.activity {
  padding: 0;
}
.stream-start .activity-item .meta .sub-story a.tippable, .stream-start .activity-item .meta .location a.tippable, .stream-sticky .activity-item .meta .sub-story a.tippable, .stream-sticky .activity-item .meta .location a.tippable, .stream-sample .activity-item .meta .sub-story a.tippable, .stream-sample .activity-item .meta .location a.tippable {
  color: #368021;
  border-bottom: 1px dotted rgba(34, 133, 186, 0.5);
}
.stream-start .activity-item .meta .location, .stream-sticky .activity-item .meta .location, .stream-sample .activity-item .meta .location {
  color: #999999;
  float: left;
  padding-right: 18px;
  font-size: 13px;
  position: relative;
}
.stream-start .activity-item .meta .location i, .stream-sticky .activity-item .meta .location i, .stream-sample .activity-item .meta .location i {
  position: absolute;
  right: 1px;
  top: 2px;
}
.stream-start .activity-item .meta .location i.icon-mobile-phone, .stream-sticky .activity-item .meta .location i.icon-mobile-phone, .stream-sample .activity-item .meta .location i.icon-mobile-phone {
  right: 6px;
  top: 0;
}
.stream-start .activity-item .action-items, .stream-sticky .activity-item .action-items, .stream-sample .activity-item .action-items {
  border-top: 1px solid #eeeeee;
  min-height: 38px;
}
.stream-start .activity-item .action-items .action-item, .stream-sticky .activity-item .action-items .action-item, .stream-sample .activity-item .action-items .action-item {
  display: inline-block;
  border-radius: 0px;
  padding: 6px 8px 6px 5px;
  margin: 4px 3px;
  color: #777;
  font-weight: 600;
}
.stream-start .activity-item .action-items .action-item.action-unexpand, .stream-sticky .activity-item .action-items .action-item.action-unexpand, .stream-sample .activity-item .action-items .action-item.action-unexpand {
  color: #666666;
}
.stream-start .activity-item .action-items .action-item.action-expand, .stream-start .activity-item .action-items .action-item.action-unexpand, .stream-sticky .activity-item .action-items .action-item.action-expand, .stream-sticky .activity-item .action-items .action-item.action-unexpand, .stream-sample .activity-item .action-items .action-item.action-expand, .stream-sample .activity-item .action-items .action-item.action-unexpand {
  float: right;
}
.stream-start .activity-item .action-items .action-item:hover, .stream-sticky .activity-item .action-items .action-item:hover, .stream-sample .activity-item .action-items .action-item:hover {
  background-color: #efefef;
  color: #555;
}
.stream-start .activity-item .action-items .action-item:hover:not(.action-default), .stream-sticky .activity-item .action-items .action-item:hover:not(.action-default), .stream-sample .activity-item .action-items .action-item:hover:not(.action-default) {
  color: #666666;
}
.stream-start .activity-item:hover .primary-activity, .stream-sticky .activity-item:hover .primary-activity, .stream-sample .activity-item:hover .primary-activity {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.stream-start .activity-item:hover .action-items .action-item.action-default, .stream-sticky .activity-item:hover .action-items .action-item.action-default, .stream-sample .activity-item:hover .action-items .action-item.action-default {
  color: #517d94;
}
.stream-start .activity-item a:hover, .stream-sticky .activity-item a:hover, .stream-sample .activity-item a:hover {
  text-decoration: none;
}

.callout {
  background-color: white;
  border-left: 3px solid #f47722;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: #777;
  margin-bottom: 9px;
  padding: 9px 18px;
}
.callout a {
  font-weight: bold;
}
.callout b, .callout strong {
  color: #444;
}
.callout .icon {
  color: #f47722;
  font-size: 20px;
  margin-right: 4px;
  vertical-align: middle;
}

.side-bar {
  width: 180px;
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  background-color: white;
  border-right: 1px solid #dddddd;
  overflow: hidden;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.side-bar hr {
  margin: 0;
}
@media (max-width: 501px) {
  .side-bar {
    display: none;
  }
}
.side-bar > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.side-bar > ul li {
  background-color: white;
  height: 40px;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  line-height: 50px;
  cursor: pointer;
  border-left: 2px solid transparent;
}
.side-bar > ul li:not(:hover):not(.active) i {
  color: #999999;
}
.side-bar > ul li i {
  font-size: 28px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.side-bar > ul li:hover, .side-bar > ul li.active {
  border-left-color: #e26d35;
  background-color: #F9F9F9;
}
.side-bar > ul li.active .list-icon:after {
  color: black;
}
.side-bar > ul li .list-icon {
  text-align: center;
  width: 40px;
}
.side-bar > ul li .list-icon:after {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  font-weight: 300;
  color: #666666;
  position: absolute;
  left: 63px;
  margin-top: -10px;
  line-height: 60px;
  font-size: 18px;
  white-space: nowrap;
}
.side-bar > ul li.first {
  border-top: 1px solid #eeeeee;
}
.side-bar > ul li.settings .list-icon:after {
  content: "Settings";
}
.side-bar > ul li.team .list-icon:after {
  content: "Team";
}
.side-bar > ul li.reports .list-icon:after {
  content: "Reports";
}
.side-bar > ul li.documents .list-icon:after {
  content: "Documents";
}
.side-bar > ul li.templates .list-icon:after {
  content: "Templates";
}
.side-bar > ul li.upgrade .list-icon:after {
  content: "Upgrade";
}
.side-bar > ul li.account .list-icon:after {
  content: "Billing";
}
.side-bar > ul li.contacts .list-icon:after {
  content: "Contacts";
}
.side-bar > ul li.companies .list-icon:after {
  content: "Companies";
}
.side-bar > ul li.deals .list-icon:after {
  content: "Deals";
}
.side-bar > ul li.invite .list-icon:after {
  content: "Invite";
}
.side-bar > ul li.stream .list-icon:after {
  content: "Stream";
}
.side-bar > ul li.help .list-icon:after {
  content: "Support";
}
.side-bar > ul li.help i {
  margin-left: -3px;
}
.side-bar > ul li.signals {
  line-height: 55px;
}
.side-bar > ul li.signals i {
  font-size: 31px;
}
.side-bar > ul li.signals .list-icon:after {
  content: "Signals";
  font-size: 24px;
  font-weight: 400;
}
.side-bar > ul li.brand {
  height: auto;
  padding: 5px 16px;
}
.side-bar > ul li.brand img {
  display: inline-block;
}
.side-bar .side-bar-end {
  height: 400px;
  background-image: -webkit-linear-gradient(top, whitesmoke, white);
  background-position-y: 0px;
  background-repeat: no-repeat;
  background-color: white;
  -webkit-transition-property: background-position-y;
  transition-property: background-position-y;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.stream-sidebar {
  bottom: 0;
  max-width: 320px;
  overflow-y: scroll;
  padding: 16px;
  position: fixed;
  top: 97px;
}
.stream-sidebar.right {
  right: 0;
}

@media (min-width: 1140px) and (max-width: 1249px) {
  .stream-sidebar {
    max-width: 210px;
  }
  .stream-sidebar .tip {
    padding: 17px 18px 18px;
  }
  .stream-sidebar .tip .tip-header h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
  }
  .stream-sidebar .tip .tip-content p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 1140px) {
  .stream-sidebar {
    display: none;
  }
}
body.signals .right-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 5px;
  margin-top: -1px;
  overflow-y: scroll;
  padding-right: 5px;
  padding-left: 5px;
}
body.signals .right-bar.filter-salesforce .card.salesforce.settings {
  display: block;
}
body.signals .right-bar.filter-salesforce .card:not(.salesforce):not(.account) {
  display: none;
}
body.signals .right-bar.filter-hubspot .card.hubspot.settings {
  display: block;
}
body.signals .right-bar.filter-hubspot .card:not(.hubspot):not(.account) {
  display: none;
}
body.signals .right-bar .card-container .card .drop-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.signals .right-bar .card-container .card {
  padding: 5px 20px 16px;
}
body.signals .right-bar .card-container .card textarea[name="followers"] {
  min-height: 84px;
}
body.signals .right-bar .card-container .card.settings {
  display: none;
}
body.signals .right-bar .card-container .card.account {
  text-align: center;
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 12px;
}
body.signals .right-bar .card-container .card.account .account-email {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.signals .right-bar .card {
  width: 218px;
  padding: 13px 20px 16px;
}
body.signals .right-bar .card .more {
  text-align: center;
  margin-top: 12px;
  margin-bottom: -3px;
}
body.signals .right-bar .card .more a {
  color: #999;
}
body.signals .right-bar .card.trial {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 12px;
  color: #777;
  -webkit-transition: all 0.2s ease;
  cursor: pointer;
}
body.signals .right-bar .card.trial .trial-count {
  font-size: 1.3em;
  color: #697594;
  padding-bottom: 4px;
}
body.signals .right-bar .card.trial:hover {
  opacity: 0.8;
  border-color: orange;
}
body.signals .right-bar .card.trial.expired p {
  margin-bottom: 1px;
}
body.signals .right-bar .card.trial.expired p span.action {
  color: #555;
  font-weight: 600;
}
body.signals .right-bar .card + .card {
  margin-top: 10px;
}
body.signals .right-bar .connect-box {
  margin-top: 0;
  padding-top: 0;
  margin-left: 0;
}
body.signals .right-bar .connect-box .pro-box {
  margin-top: 30px;
}
body.signals .right-bar .connect-box .connect-service {
  padding-bottom: 6px;
}
body.signals .right-bar .connect-box .connect-service .connect-heading {
  padding-bottom: 10px;
}
body.signals .right-bar .connect-box .connect-service .connect-heading .service-heading {
  font-size: 22px;
}
body.signals .right-bar .connect-box .connect-service .service-tagline {
  font-size: 12pt;
}
body.signals .right-bar .connect-box .connect-service .connect-error {
  padding: 10px;
  margin-top: 16px;
  margin-bottom: -16px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #f2dede;
}
body.signals .right-bar .connect-box hr {
  margin: 7px 0 8px;
}
body.signals .right-bar .connect-box .salesforce-settings, body.signals .right-bar .connect-box .hubspot-settings {
  padding-left: 3px;
}
body.signals .right-bar .gen-btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #333;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
body.signals .right-bar .gen-btn.input-large {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
}
body.signals .right-bar .gen-btn.input-large.larger {
  width: 220px;
}
body.signals .right-bar .gen-btn.input-large.primary.primary-large {
  padding-top: 12px;
  padding-bottom: 12px;
}
body.signals .right-bar .gen-btn.primary {
  color: white;
  border-color: #BE5624;
  border-color: transparent;
  background-color: #ee8f62;
}
body.signals .right-bar .gen-btn.primary:hover {
  border-color: #80320C;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.primary:hover:active {
  background-color: #BD5929;
}
body.signals .right-bar .gen-btn.secondary {
  background-color: #eee;
  color: #555;
  font-weight: 500;
  border-color: #999;
  border-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
}
body.signals .right-bar .gen-btn.secondary:hover {
  border-color: #666;
  border-color: transparent;
  background-color: #f6f6f6;
  color: #333;
}
body.signals .right-bar .gen-btn.careful {
  color: white;
  background-color: #ac1e1e;
  border-color: darkred;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.careful:hover:active {
  background-color: #750A0A;
}
body.signals .right-bar .gen-btn.gmail {
  background-color: #eb6c78;
  border-color: #BB0011;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.gmail:hover:active {
  background-color: #B14E58;
}
body.signals .right-bar .gen-btn.outlook {
  background-color: #4b9ec3;
  border-color: #1c6d91;
  border-color: transparent;
  background-image: -webkit-linear-gradient(#49A0C7, #4594B8);
}
body.signals .right-bar .gen-btn.outlook:hover {
  border-color: #155F80;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.outlook:hover:active {
  background-color: #3A7B99;
}
body.signals .right-bar .gen-btn.salesforce {
  background-color: #7DBB39;
  border-color: #5B812F;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.salesforce:hover {
  border-color: #355510;
  border-color: transparent;
}
body.signals .right-bar .gen-btn.salesforce:hover:active {
  background-color: #42720E;
}
body.signals .right-bar .gen-btn.input-large.connected {
  text-shadow: none;
  box-shadow: 0px 0px 0px #aaa;
  border-color: whitesmoke;
  background-color: white;
  background-image: none;
  cursor: default;
}
body.signals .right-bar .gen-btn.input-large.connected.outlook {
  color: #6CA8CA;
}
body.signals .right-bar .gen-btn.input-large.connected.gmail {
  color: #eb6c78;
}
body.signals .right-bar .gen-btn.input-large.connected.salesforce {
  color: #7DBB39;
}
body.signals .right-bar .gen-btn.input-large.connected.hubspot {
  color: #ee8f62;
}
body.signals .right-bar .gen-btn.input-large.connected i.icon-ok-sign {
  margin-left: 10px;
  margin-top: 2px;
}
body.signals .right-bar .gen-btn.input-large + .gen-btn.input-large {
  margin-top: 10px;
}
body.signals .connect-box {
  margin-top: -13px;
  margin-left: 30px;
}
body.signals .connect-box .gen-btn.input-large {
  margin-top: 7px;
  font-size: 14px;
}
body.signals .connect-box.intro, body.signals .connect-box.alternate {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: center;
}
body.signals .connect-box.intro .connect-service, body.signals .connect-box.alternate .connect-service {
  padding-left: 0;
  padding-bottom: 0;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn .globe, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn .globe {
  width: 34px;
  height: 34px;
  margin-top: -6px;
  left: 104px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn .globe i {
  top: 7px;
  font-size: 17px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn .globe.after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn .globe.after {
  margin-left: -140px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn .globe:after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn .globe:after {
  left: 45px;
  top: 5px;
  padding-bottom: 14px;
  padding-top: 13px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn:hover .globe i, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.connected .globe i, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.hover .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn:hover .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.connected .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.hover .globe i {
  top: 18px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn:hover .globe.after, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.clicked .globe.after, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.connected .globe.after, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.hover .globe.after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn:hover .globe.after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.clicked .globe.after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.connected .globe.after, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.hover .globe.after {
  margin-left: -160px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.get-started .globe, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.clicked .globe, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.connected .globe, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.get-started .globe, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.clicked .globe, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.connected .globe {
  margin-left: -113px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.get-started .globe i, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box.intro .connect-service .connect-heading .connect-btn.connected .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.get-started .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn.connected .globe i {
  left: 22px;
}
body.signals .connect-box.intro {
  margin-top: 40px;
}
body.signals .connect-box.intro .gen-btn + .gen-btn {
  margin-left: 30px;
}
body.signals .connect-box.intro .connect-service .connect-heading .connect-btn {
  padding: 12px 16px 14px 14px;
  width: 121px;
  font-size: 1.4em;
}
body.signals .connect-box.alternate .connect-service .connect-heading .connect-btn {
  text-align: center;
  background-color: #BBB;
  padding-left: 25px;
  padding-right: 25px;
}
body.signals .connect-box.alternate .divider {
  font-style: italic;
  text-align: center;
  padding-top: 28px;
  padding-bottom: 26px;
}
body.signals .connect-box .pro-box {
  margin-top: 10px;
}
body.signals .connect-box .pro-box > span {
  background-color: white;
  font-style: italic;
  border: 8px solid white;
  margin-left: -7px;
}
body.signals .connect-box .pro-box > span.title {
  font-size: 20px;
  font-weight: 600;
}
body.signals .connect-box .pro-box > span.tagline {
  color: #666;
  vertical-align: 3px;
  border-left-width: 5px;
}
body.signals .connect-box .pro-box .inner {
  margin-top: -11px;
  margin-left: -21px;
  padding-left: 18px;
  padding-top: 14px;
  border-image: -webkit-gradient(linear, left top, right bottom, from(#DDD), to(#FFF), color-stop(0.8, #FFF)) 1 0 0 1;
  border-width: 1px;
  padding-right: 50px;
}
body.signals .connect-box .connect-service {
  padding-bottom: 19px;
  padding-top: 12px;
  padding-left: 3px;
  cursor: default;
}
body.signals .connect-box .connect-service.connect-email .connect-heading .connect-btn {
  background-color: #ed4555;
}
body.signals .connect-box .connect-service.connect-email .connect-heading .connect-btn .globe {
  background-color: #d70014;
}
body.signals .connect-box .connect-service.connect-email .connect-heading .connect-btn .globe:after {
  background-color: #d70014;
}
body.signals .connect-box .connect-service.connect-email .connect-heading .connect-btn .globe.after i, body.signals .connect-box .connect-service.connect-email .connect-heading .connect-btn .globe:before {
  color: #d70014;
}
body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn {
  background-color: #1da2dd;
}
body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn .globe {
  background-color: #1380b0;
}
body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn .globe:not(.after) i {
  margin-left: 2px;
}
body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn .globe:after {
  background-color: #1380b0;
}
body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn .globe.after i, body.signals .connect-box .connect-service.connect-linkedin .connect-heading .connect-btn .globe:before {
  color: #1380b0;
}
body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn {
  background-color: #79cf19;
}
body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn .globe {
  background-color: #6bb815;
}
body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn .globe:not(.after) i {
  font-size: 1.15em;
  margin-left: -1px;
}
body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn .globe:after {
  background-color: #6bb815;
}
body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn .globe.after i, body.signals .connect-box .connect-service.connect-salesforce .connect-heading .connect-btn .globe:before {
  color: #6bb815;
}
body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn {
  background-color: #fba617;
}
body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn .globe {
  background-color: #f7761f;
}
body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn .globe:not(.after) i {
  font-size: 1.15em;
}
body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn .globe:after {
  background-color: #f7761f;
}
body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn .globe.after i, body.signals .connect-box .connect-service.connect-hubspot .connect-heading .connect-btn .globe:before {
  color: #f7761f;
}
body.signals .connect-box .connect-service .connect-heading {
  padding-bottom: 14px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn {
  color: white;
  width: 100px;
  display: inline-block;
  background-color: darkgrey;
  text-align: left;
  padding: 8px 7px 10px 9px;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  vertical-align: -1px;
  position: relative;
  transition: all 0.4s ease;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn span {
  vertical-align: middle;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn .globe {
  display: inline-block;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-left: 6px;
  text-align: center;
  position: absolute;
  margin-top: -4px;
  left: 74px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn .globe i {
  top: 8px;
  left: 8px;
  transition: all 0.2s ease;
  position: absolute;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn .globe:after {
  content: "CONNECTING";
  position: absolute;
  left: 49px;
  top: 9px;
  font-size: 0.8em;
  padding-bottom: 11px;
  padding-right: 17px;
  padding-top: 10px;
  padding-left: 3px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn .globe.after {
  margin-left: -130px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn .globe.after:after {
  content: "";
  display: none;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:hover {
  cursor: pointer;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected.disconnect {
  opacity: 1;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected.disconnect:hover {
  opacity: 0.8;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:hover, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected, body.signals .connect-box .connect-service .connect-heading .connect-btn.hover {
  opacity: 0.8;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:hover .globe, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked .globe, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe, body.signals .connect-box .connect-service .connect-heading .connect-btn.hover .globe {
  width: 56px;
  height: 56px;
  margin-top: -17px;
  margin-left: 7px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:hover .globe i, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe i, body.signals .connect-box .connect-service .connect-heading .connect-btn.hover .globe i {
  top: 21px;
  left: 14px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:hover .globe.after, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked .globe.after, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe.after, body.signals .connect-box .connect-service .connect-heading .connect-btn.hover .globe.after {
  margin-left: -130px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started {
  opacity: 0.8;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe {
  width: 56px;
  height: 56px;
  margin-top: -17px;
  margin-left: 7px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe i {
  top: 21px;
  left: 14px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked:not(.disconnect), body.signals .connect-box .connect-service .connect-heading .connect-btn.connected:not(.disconnect) {
  cursor: default;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked span.connect-text, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected span.connect-text {
  margin-left: -50px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe {
  background-color: #E9E9E9;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe:after {
  background-color: #E9E9E9;
  content: "CONNECTED";
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected.disconnect .globe {
  background-color: #999;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.connected.disconnect .globe:after {
  content: "DISCONNECT";
  background-color: #999;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked .globe, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe {
  margin-left: -91px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe i, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked .globe i, body.signals .connect-box .connect-service .connect-heading .connect-btn.connected .globe i {
  left: 30px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started:hover .globe.after i, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked:hover .globe.after i, body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started.clicked .globe.after i, body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started.hover .globe.after i, body.signals .connect-box .connect-service .connect-heading .connect-btn.clicked.hover .globe.after i {
  top: 21px;
  left: 37px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started.clicked .globe.after {
  margin-left: 43px;
  background-color: #E9E9E9;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started:not(.clicked) {
  -webkit-animation-name: getStartedBlink;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 700ms;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe:after {
  content: "GET STARTED";
  position: absolute;
  left: 45px;
  top: 9px;
  font-size: 0.8em;
  padding-bottom: 11px;
  padding-right: 17px;
  padding-top: 10px;
  padding-left: 3px;
  width: 76px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe.after {
  margin-left: -68px;
  width: 21px;
  height: 21px;
  margin-top: 0;
  background-color: white;
  color: #d70014;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe.after i {
  left: 6px;
  top: 4px;
  font-size: 0.9em;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started .globe.after:before {
  content: "CONNECTED";
  margin-left: -122px;
  padding-left: 30px;
  position: absolute;
  margin-top: 9px;
  background-color: #D9D9D9;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started:hover .globe.after, body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started.clicked .globe.after, body.signals .connect-box .connect-service .connect-heading .connect-btn.get-started.hover .globe.after {
  left: 41px;
  background-color: #D9D9D9;
  width: 56px;
  height: 56px;
  margin-top: -17px;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:not(.connected) {
  transition: all 0.4s ease;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:not(.connected) .globe {
  transition: all 0.2s ease;
}
body.signals .connect-box .connect-service .connect-heading .connect-btn:not(.connected) .globe i {
  transition: all 0.2s ease;
}
body.signals .connect-box .connect-service .connect-heading .service-heading {
  font-size: 37px;
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  vertical-align: middle;
  font-weight: 500;
}
body.signals .connect-box .connect-service .connect-heading .service-heading i {
  margin-right: 7px;
}
body.signals .connect-box .connect-service .connect-heading .service-heading i.icon-envelope {
  color: #d70014;
  font-size: 0.9em;
  vertical-align: 1px;
}
body.signals .connect-box .connect-service .connect-heading .service-heading i.icon-salesforce {
  color: #6bb815;
}
body.signals .connect-box .connect-service .connect-heading .service-heading i.icon-sprocket {
  color: #f7761f;
}
body.signals .connect-box .connect-service .service-tagline {
  font-size: 18pt;
  font-weight: 300;
}

@media (max-width: 1050px) {
  .right-bar, .user-nav .user {
    display: none !important;
  }
}
body.signals.popout .card-layout {
  left: 0;
  margin: 0 auto;
}

body.signals iframe.full-screen {
  width: 100%;
  height: 100%;
  border: none;
}
body.signals .modal.full-screen-modal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
body.signals .stream-only {
  display: none;
}
body.signals .smartlist {
  min-width: 200px;
  margin-top: 4px;
}
body.signals .careful, body.signals p.error {
  color: #9c374c;
}
body.signals .success {
  color: #5b812f;
}
body.signals .normal-text {
  color: #444;
}
body.signals a {
  color: #2285BA;
}
body.signals a:hover {
  color: #2285BA;
}
body.signals span.emphasis-marker {
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px 8px;
  color: white;
  background-image: -webkit-linear-gradient(left, #FFB200, #FF6A00);
  font-size: 0.8rem;
  border-radius: 3px;
  vertical-align: 3px;
  margin-right: 5px;
}
body.signals .notification.sample {
  text-align: left;
  box-shadow: 1px 1px 4px #bbb;
  margin-top: 15px;
}
body.signals .notification.sample .avatar {
  width: 80px;
  display: inline-block;
  position: relative;
}
body.signals .notification.sample .avatar img.overlay {
  position: absolute;
  left: 0;
  bottom: 0;
}
body.signals .notification.sample .info {
  margin-left: 18px;
  display: inline-block;
  vertical-align: top;
  color: #555;
}
body.signals .notification.sample .info .name {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 3px;
  padding-top: 10px;
}
body.signals .notification.sample .info .message {
  font-size: 13px;
  margin-left: 1px;
}
body.signals .notification.sample .info .message strong {
  font-weight: 600;
}
body.signals .card, body.signals .headline {
  border-radius: 2px;
  padding-top: 5px;
  padding-bottom: 11px;
  overflow: hidden;
}
body.signals .card .faces, body.signals .headline .faces {
  margin-top: 10px;
  line-height: 45px;
}
body.signals .card .faces img.face, body.signals .headline .faces img.face {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
body.signals .card .faces img.face + img.face, body.signals .headline .faces img.face + img.face {
  margin-left: 9px;
}
body.signals .card:not(.list), body.signals .headline:not(.list) {
  border-top: 3px solid transparent;
}
body.signals .card.simple-cta, body.signals .headline.simple-cta {
  padding-bottom: 19px;
}
body.signals .card.simple-cta h1, body.signals .card.simple-cta .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.simple-cta h2, body.signals .activities.stream:not(.new-stream) .card.simple-cta h1, body.signals .card.simple-cta .activities.stream:not(.new-stream) h1, body.signals .card.simple-cta .new-stream h2, body.signals .new-stream .card.simple-cta h2, body.signals .card.simple-cta .card-layout .pane-header h2, body.signals .card-layout .pane-header .card.simple-cta h2, body.signals .card.simple-cta .right-bar .pane-header h2, body.signals .right-bar .pane-header .card.simple-cta h2, body.signals .card.simple-cta h2, body.signals .card.simple-cta h1, body.signals .card.simple-cta .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.simple-cta h2, body.signals .card.simple-cta h3, body.signals .card.simple-cta h4, body.signals .headline.simple-cta h1, body.signals .headline.simple-cta .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline.simple-cta h2, body.signals .activities.stream:not(.new-stream) .headline.simple-cta h1, body.signals .headline.simple-cta .activities.stream:not(.new-stream) h1, body.signals .headline.simple-cta .new-stream h2, body.signals .new-stream .headline.simple-cta h2, body.signals .headline.simple-cta .card-layout .pane-header h2, body.signals .card-layout .pane-header .headline.simple-cta h2, body.signals .headline.simple-cta .right-bar .pane-header h2, body.signals .right-bar .pane-header .headline.simple-cta h2, body.signals .headline.simple-cta h2, body.signals .headline.simple-cta h1, body.signals .headline.simple-cta .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline.simple-cta h2, body.signals .headline.simple-cta h3, body.signals .headline.simple-cta h4 {
  padding-bottom: 0;
  margin-bottom: 0;
  display: inline-block;
}
body.signals .card.simple-cta .button, body.signals .card.simple-cta button, body.signals .card.simple-cta .gen-btn, body.signals .card.simple-cta .gen-btn, body.signals .headline.simple-cta .button, body.signals .headline.simple-cta button, body.signals .headline.simple-cta .gen-btn, body.signals .headline.simple-cta .gen-btn {
  float: right;
}
body.signals .card.marketing, body.signals .headline.marketing {
  padding-top: 9px;
  text-align: center;
}
body.signals .card.marketing.proxima.cta-heavy span.marketing, body.signals .card.marketing.proxima *, body.signals .headline.marketing.proxima.cta-heavy span.marketing, body.signals .headline.marketing.proxima * {
  font-family: "proxima-nova";
}
body.signals .card.marketing.proxima.options .headline, body.signals .headline.marketing.proxima.options .headline {
  color: #555;
  margin-top: 9px;
  margin-bottom: 20px;
  font-size: 16px;
}
body.signals .card.marketing.proxima.options .headline strong, body.signals .headline.marketing.proxima.options .headline strong {
  font-weight: 600;
}
body.signals .card.marketing.proxima.options .subtext, body.signals .headline.marketing.proxima.options .subtext {
  margin-top: 10px;
}
body.signals .card.marketing.proxima.options .subtext span.subtext, body.signals .headline.marketing.proxima.options .subtext span.subtext {
  font-size: 14px;
}
body.signals .card.marketing.proxima.options .cta.secondary-button-cta, body.signals .headline.marketing.proxima.options .cta.secondary-button-cta {
  margin-bottom: 10px;
}
body.signals .card.marketing p.marketing.body, body.signals .headline.marketing p.marketing.body {
  text-align: left;
}
body.signals .card.marketing form, body.signals .headline.marketing form {
  text-align: left;
}
body.signals .card.marketing .card-actions, body.signals .headline.marketing .card-actions {
  text-align: left;
}
body.signals .card.marketing h1, body.signals .card.marketing .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.marketing h2, body.signals .activities.stream:not(.new-stream) .card.marketing h1, body.signals .card.marketing .activities.stream:not(.new-stream) h1, body.signals .card.marketing .new-stream h2, body.signals .new-stream .card.marketing h2, body.signals .card.marketing .card-layout .pane-header h2, body.signals .card-layout .pane-header .card.marketing h2, body.signals .card.marketing .right-bar .pane-header h2, body.signals .right-bar .pane-header .card.marketing h2, body.signals .card.marketing h2, body.signals .card.marketing h1, body.signals .card.marketing .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.marketing h2, body.signals .headline.marketing h1, body.signals .headline.marketing .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline.marketing h2, body.signals .activities.stream:not(.new-stream) .headline.marketing h1, body.signals .headline.marketing .activities.stream:not(.new-stream) h1, body.signals .headline.marketing .new-stream h2, body.signals .new-stream .headline.marketing h2, body.signals .headline.marketing .card-layout .pane-header h2, body.signals .card-layout .pane-header .headline.marketing h2, body.signals .headline.marketing .right-bar .pane-header h2, body.signals .right-bar .pane-header .headline.marketing h2, body.signals .headline.marketing h2, body.signals .headline.marketing h1, body.signals .headline.marketing .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 {
  font-size: 24px;
  line-height: 47px;
  margin-bottom: 15px;
}
body.signals .card.marketing h1 span.normal, body.signals .card.marketing .activities.stream:not(.new-stream) h2 span.normal, body.signals .activities.stream:not(.new-stream) .card.marketing h2 span.normal, body.signals .card.marketing .new-stream h2 span.normal, body.signals .new-stream .card.marketing h2 span.normal, body.signals .card.marketing .card-layout .pane-header h2 span.normal, body.signals .card-layout .pane-header .card.marketing h2 span.normal, body.signals .card.marketing .right-bar .pane-header h2 span.normal, body.signals .right-bar .pane-header .card.marketing h2 span.normal, body.signals .card.marketing h2 span.normal, body.signals .card.marketing h1 span.normal, body.signals .headline.marketing h1 span.normal, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 span.normal, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 span.normal, body.signals .headline.marketing .new-stream h2 span.normal, body.signals .new-stream .headline.marketing h2 span.normal, body.signals .headline.marketing .card-layout .pane-header h2 span.normal, body.signals .card-layout .pane-header .headline.marketing h2 span.normal, body.signals .headline.marketing .right-bar .pane-header h2 span.normal, body.signals .right-bar .pane-header .headline.marketing h2 span.normal, body.signals .headline.marketing h2 span.normal, body.signals .headline.marketing h1 span.normal {
  font-weight: 300;
}
body.signals .card.marketing h1 i, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i, body.signals .activities.stream:not(.new-stream) .card.marketing h1 i, body.signals .card.marketing .activities.stream:not(.new-stream) h1 i, body.signals .card.marketing .new-stream h2 i, body.signals .new-stream .card.marketing h2 i, body.signals .card.marketing .card-layout .pane-header h2 i, body.signals .card-layout .pane-header .card.marketing h2 i, body.signals .card.marketing .right-bar .pane-header h2 i, body.signals .right-bar .pane-header .card.marketing h2 i, body.signals .card.marketing h2 i, body.signals .card.marketing h1 i, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i, body.signals .headline.marketing h1 i, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i, body.signals .activities.stream:not(.new-stream) .headline.marketing h1 i, body.signals .headline.marketing .activities.stream:not(.new-stream) h1 i, body.signals .headline.marketing .new-stream h2 i, body.signals .new-stream .headline.marketing h2 i, body.signals .headline.marketing .card-layout .pane-header h2 i, body.signals .card-layout .pane-header .headline.marketing h2 i, body.signals .headline.marketing .right-bar .pane-header h2 i, body.signals .right-bar .pane-header .headline.marketing h2 i, body.signals .headline.marketing h2 i, body.signals .headline.marketing h1 i, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i {
  color: #ccc;
  font-size: 1.4em;
  vertical-align: -4px;
  margin-left: -30px;
}
body.signals .card.marketing h1 i.icon-large, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.icon-large, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.icon-large, body.signals .card.marketing .new-stream h2 i.icon-large, body.signals .new-stream .card.marketing h2 i.icon-large, body.signals .card.marketing .card-layout .pane-header h2 i.icon-large, body.signals .card-layout .pane-header .card.marketing h2 i.icon-large, body.signals .card.marketing .right-bar .pane-header h2 i.icon-large, body.signals .right-bar .pane-header .card.marketing h2 i.icon-large, body.signals .card.marketing h2 i.icon-large, body.signals .card.marketing h1 i.icon-large, body.signals .headline.marketing h1 i.icon-large, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.icon-large, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.icon-large, body.signals .headline.marketing .new-stream h2 i.icon-large, body.signals .new-stream .headline.marketing h2 i.icon-large, body.signals .headline.marketing .card-layout .pane-header h2 i.icon-large, body.signals .card-layout .pane-header .headline.marketing h2 i.icon-large, body.signals .headline.marketing .right-bar .pane-header h2 i.icon-large, body.signals .right-bar .pane-header .headline.marketing h2 i.icon-large, body.signals .headline.marketing h2 i.icon-large, body.signals .headline.marketing h1 i.icon-large {
  font-size: 1.8em;
  vertical-align: -6px;
}
body.signals .card.marketing h1 i.careful, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.careful, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.careful, body.signals .card.marketing .new-stream h2 i.careful, body.signals .new-stream .card.marketing h2 i.careful, body.signals .card.marketing .card-layout .pane-header h2 i.careful, body.signals .card-layout .pane-header .card.marketing h2 i.careful, body.signals .card.marketing .right-bar .pane-header h2 i.careful, body.signals .right-bar .pane-header .card.marketing h2 i.careful, body.signals .card.marketing h2 i.careful, body.signals .card.marketing h1 i.careful, body.signals .headline.marketing h1 i.careful, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.careful, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.careful, body.signals .headline.marketing .new-stream h2 i.careful, body.signals .new-stream .headline.marketing h2 i.careful, body.signals .headline.marketing .card-layout .pane-header h2 i.careful, body.signals .card-layout .pane-header .headline.marketing h2 i.careful, body.signals .headline.marketing .right-bar .pane-header h2 i.careful, body.signals .right-bar .pane-header .headline.marketing h2 i.careful, body.signals .headline.marketing h2 i.careful, body.signals .headline.marketing h1 i.careful {
  color: #9c374c;
}
body.signals .card.marketing h1 i.icon-signals, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.icon-signals, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.icon-signals, body.signals .card.marketing .new-stream h2 i.icon-signals, body.signals .new-stream .card.marketing h2 i.icon-signals, body.signals .card.marketing .card-layout .pane-header h2 i.icon-signals, body.signals .card-layout .pane-header .card.marketing h2 i.icon-signals, body.signals .card.marketing .right-bar .pane-header h2 i.icon-signals, body.signals .right-bar .pane-header .card.marketing h2 i.icon-signals, body.signals .card.marketing h2 i.icon-signals, body.signals .card.marketing h1 i.icon-signals, body.signals .headline.marketing h1 i.icon-signals, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.icon-signals, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.icon-signals, body.signals .headline.marketing .new-stream h2 i.icon-signals, body.signals .new-stream .headline.marketing h2 i.icon-signals, body.signals .headline.marketing .card-layout .pane-header h2 i.icon-signals, body.signals .card-layout .pane-header .headline.marketing h2 i.icon-signals, body.signals .headline.marketing .right-bar .pane-header h2 i.icon-signals, body.signals .right-bar .pane-header .headline.marketing h2 i.icon-signals, body.signals .headline.marketing h2 i.icon-signals, body.signals .headline.marketing h1 i.icon-signals {
  color: #f47722;
  font-size: 28px;
}
body.signals .card.marketing h1 i.icon-sprocket, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.icon-sprocket, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.icon-sprocket, body.signals .card.marketing .new-stream h2 i.icon-sprocket, body.signals .new-stream .card.marketing h2 i.icon-sprocket, body.signals .card.marketing .card-layout .pane-header h2 i.icon-sprocket, body.signals .card-layout .pane-header .card.marketing h2 i.icon-sprocket, body.signals .card.marketing .right-bar .pane-header h2 i.icon-sprocket, body.signals .right-bar .pane-header .card.marketing h2 i.icon-sprocket, body.signals .card.marketing h2 i.icon-sprocket, body.signals .card.marketing h1 i.icon-sprocket, body.signals .headline.marketing h1 i.icon-sprocket, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.icon-sprocket, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.icon-sprocket, body.signals .headline.marketing .new-stream h2 i.icon-sprocket, body.signals .new-stream .headline.marketing h2 i.icon-sprocket, body.signals .headline.marketing .card-layout .pane-header h2 i.icon-sprocket, body.signals .card-layout .pane-header .headline.marketing h2 i.icon-sprocket, body.signals .headline.marketing .right-bar .pane-header h2 i.icon-sprocket, body.signals .right-bar .pane-header .headline.marketing h2 i.icon-sprocket, body.signals .headline.marketing h2 i.icon-sprocket, body.signals .headline.marketing h1 i.icon-sprocket {
  color: #f7761f;
}
body.signals .card.marketing h1 i.icon-salesforce, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.icon-salesforce, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.icon-salesforce, body.signals .card.marketing .new-stream h2 i.icon-salesforce, body.signals .new-stream .card.marketing h2 i.icon-salesforce, body.signals .card.marketing .card-layout .pane-header h2 i.icon-salesforce, body.signals .card-layout .pane-header .card.marketing h2 i.icon-salesforce, body.signals .card.marketing .right-bar .pane-header h2 i.icon-salesforce, body.signals .right-bar .pane-header .card.marketing h2 i.icon-salesforce, body.signals .card.marketing h2 i.icon-salesforce, body.signals .card.marketing h1 i.icon-salesforce, body.signals .headline.marketing h1 i.icon-salesforce, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.icon-salesforce, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.icon-salesforce, body.signals .headline.marketing .new-stream h2 i.icon-salesforce, body.signals .new-stream .headline.marketing h2 i.icon-salesforce, body.signals .headline.marketing .card-layout .pane-header h2 i.icon-salesforce, body.signals .card-layout .pane-header .headline.marketing h2 i.icon-salesforce, body.signals .headline.marketing .right-bar .pane-header h2 i.icon-salesforce, body.signals .right-bar .pane-header .headline.marketing h2 i.icon-salesforce, body.signals .headline.marketing h2 i.icon-salesforce, body.signals .headline.marketing h1 i.icon-salesforce {
  color: #6bb815;
}
body.signals .card.marketing h1 i.icon-zapier, body.signals .card.marketing .activities.stream:not(.new-stream) h2 i.icon-zapier, body.signals .activities.stream:not(.new-stream) .card.marketing h2 i.icon-zapier, body.signals .card.marketing .new-stream h2 i.icon-zapier, body.signals .new-stream .card.marketing h2 i.icon-zapier, body.signals .card.marketing .card-layout .pane-header h2 i.icon-zapier, body.signals .card-layout .pane-header .card.marketing h2 i.icon-zapier, body.signals .card.marketing .right-bar .pane-header h2 i.icon-zapier, body.signals .right-bar .pane-header .card.marketing h2 i.icon-zapier, body.signals .card.marketing h2 i.icon-zapier, body.signals .card.marketing h1 i.icon-zapier, body.signals .headline.marketing h1 i.icon-zapier, body.signals .headline.marketing .activities.stream:not(.new-stream) h2 i.icon-zapier, body.signals .activities.stream:not(.new-stream) .headline.marketing h2 i.icon-zapier, body.signals .headline.marketing .new-stream h2 i.icon-zapier, body.signals .new-stream .headline.marketing h2 i.icon-zapier, body.signals .headline.marketing .card-layout .pane-header h2 i.icon-zapier, body.signals .card-layout .pane-header .headline.marketing h2 i.icon-zapier, body.signals .headline.marketing .right-bar .pane-header h2 i.icon-zapier, body.signals .right-bar .pane-header .headline.marketing h2 i.icon-zapier, body.signals .headline.marketing h2 i.icon-zapier, body.signals .headline.marketing h1 i.icon-zapier {
  color: #ef6130;
}
body.signals .card.marketing.cta-heavy .CTA-container.no-CTA, body.signals .headline.marketing.cta-heavy .CTA-container.no-CTA {
  margin-bottom: -8px;
}
body.signals .card.marketing.cta-heavy .CTA-container.no-CTA .headline .tinytext, body.signals .headline.marketing.cta-heavy .CTA-container.no-CTA .headline .tinytext {
  margin-top: 16px;
}
body.signals .card.marketing.cta-heavy span.marketing, body.signals .headline.marketing.cta-heavy span.marketing {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  font-size: 24px;
  color: #555;
}
body.signals .card.marketing.cta-heavy span.marketing.small, body.signals .headline.marketing.cta-heavy span.marketing.small {
  font-size: 16px;
  color: #777;
}
body.signals .card.marketing.cta-heavy div.subtext, body.signals .headline.marketing.cta-heavy div.subtext {
  margin-top: 5px;
}
body.signals .card.marketing.cta-heavy .headline, body.signals .headline.marketing.cta-heavy .headline {
  margin-top: -11px;
  margin-bottom: 15px;
  font-size: 17px;
}
body.signals .card.marketing.cta-heavy .headline .success, body.signals .headline.marketing.cta-heavy .headline .success {
  color: #488F36;
}
body.signals .card.marketing.cta-heavy .headline .tinytext, body.signals .headline.marketing.cta-heavy .headline .tinytext {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 5px;
}
body.signals .card.marketing.cta-heavy span.subtext, body.signals .headline.marketing.cta-heavy span.subtext {
  color: #999;
}
body.signals .card.marketing.cta-heavy span.subtext.prominent, body.signals .headline.marketing.cta-heavy span.subtext.prominent {
  color: #666;
}
body.signals .card.marketing.cta-heavy span.subtext.careful, body.signals .headline.marketing.cta-heavy span.subtext.careful {
  color: #9c374c;
}
body.signals .card.marketing.cta-heavy span.subtext.hide-overlimit-state, body.signals .headline.marketing.cta-heavy span.subtext.hide-overlimit-state {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 12px;
  cursor: pointer;
}
body.signals .card.marketing.cta-heavy .notification-count-pointer, body.signals .headline.marketing.cta-heavy .notification-count-pointer {
  position: absolute;
  right: 20px;
  top: 9px;
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
body.signals .card.marketing.cta-heavy .notification-count-pointer i.icon-chevron-up, body.signals .headline.marketing.cta-heavy .notification-count-pointer i.icon-chevron-up {
  top: -7px;
  position: absolute;
  right: 17px;
  font-size: 9px;
  color: #666;
}
body.signals .card.marketing.cta-heavy .notification-count-pointer span, body.signals .headline.marketing.cta-heavy .notification-count-pointer span {
  font-weight: 800;
}
body.signals .card.marketing.cta-heavy .CTA-container, body.signals .headline.marketing.cta-heavy .CTA-container {
  margin-top: 19px;
  margin-bottom: 17px;
}
body.signals .card.marketing.cta-heavy .CTA-container.small, body.signals .headline.marketing.cta-heavy .CTA-container.small {
  margin-top: 12px;
  margin-bottom: 5px;
}
body.signals .card.marketing.cta-heavy .CTA-container .input-large, body.signals .headline.marketing.cta-heavy .CTA-container .input-large {
  font-size: 16px;
  width: 263px;
  padding: 14px 20px;
}
body.signals .card.marketing.cta-heavy .CTA-container .input-large span.normal, body.signals .headline.marketing.cta-heavy .CTA-container .input-large span.normal {
  font-weight: 400;
}
body.signals .card.marketing.cta-heavy .divider, body.signals .headline.marketing.cta-heavy .divider {
  margin-top: 1px;
  margin-bottom: 8px;
  font-style: italic;
  font-weight: 400;
  color: #555;
  font-size: 16px;
}
body.signals .card.marketing.cta-heavy .invitation-block, body.signals .headline.marketing.cta-heavy .invitation-block {
  margin-top: 6px;
}
body.signals .card.marketing.cta-heavy .invitation-block .invite-links, body.signals .headline.marketing.cta-heavy .invitation-block .invite-links {
  margin-top: 15px;
  text-align: center;
  vertical-align: top;
}
body.signals .card.marketing.cta-heavy .invitation-block .invite-links span, body.signals .headline.marketing.cta-heavy .invitation-block .invite-links span {
  vertical-align: top !important;
}
body.signals .card.marketing.cta-heavy .invitation-block .invite-links span.social-button, body.signals .headline.marketing.cta-heavy .invitation-block .invite-links span.social-button {
  margin-right: 7px;
}
body.signals .card.marketing.cta-heavy .invitation-block .invite-links span.social-button.invite-linkedin, body.signals .headline.marketing.cta-heavy .invitation-block .invite-links span.social-button.invite-linkedin {
  margin-left: 10px;
}
body.signals .card.marketing.cta-heavy .invitation-block .invite-links span > div, body.signals .headline.marketing.cta-heavy .invitation-block .invite-links span > div {
  display: inline;
  vertical-align: top;
}
body.signals .card.list, body.signals .headline.list {
  padding-top: 0;
  padding-bottom: 0;
}
body.signals .card.list i, body.signals .headline.list i {
  display: none;
}
body.signals .card.list .card, body.signals .headline.list .card {
  box-shadow: none;
}
body.signals .card.list .card-actions, body.signals .headline.list .card-actions {
  padding-top: 0;
  margin-bottom: 0;
}
body.signals .card.list .card-actions .card-action, body.signals .headline.list .card-actions .card-action {
  border-top: 0px;
}
body.signals .card.list .card-actions .card-action:hover, body.signals .headline.list .card-actions .card-action:hover {
  background-color: white;
}
body.signals .card.list .card-actions .card-action:hover:not(.unselectable) a, body.signals .headline.list .card-actions .card-action:hover:not(.unselectable) a {
  color: #666;
}
body.signals .card.list .card-actions .card-action:hover a, body.signals .headline.list .card-actions .card-action:hover a {
  background-color: white;
}
body.signals .card.list .card-actions .card-action.unselectable a, body.signals .headline.list .card-actions .card-action.unselectable a {
  color: #ddd;
}
body.signals .card.list .card-actions .card-action a, body.signals .headline.list .card-actions .card-action a {
  font-weight: 500;
  color: #999;
}
body.signals .card.list .card-actions .card-action.selected a, body.signals .card.list .card-actions .new-stream.filter-all li.card-action.filter-item.filter-all a, body.signals .new-stream.filter-all .card.list .card-actions li.card-action.filter-item.filter-all a, body.signals .card.list .card-actions .new-stream.filter-opens li.card-action.filter-item.filter-opens a, body.signals .new-stream.filter-opens .card.list .card-actions li.card-action.filter-item.filter-opens a, body.signals .card.list .card-actions .new-stream.filter-clicks li.card-action.filter-item.filter-clicks a, body.signals .new-stream.filter-clicks .card.list .card-actions li.card-action.filter-item.filter-clicks a, body.signals .card.list .card-actions .new-stream.filter-unopens li.card-action.filter-item.filter-unopens a, body.signals .new-stream.filter-unopens .card.list .card-actions li.card-action.filter-item.filter-unopens a, body.signals .card.list .card-actions .new-stream.filter-salesforce li.card-action.filter-item.filter-salesforce a, body.signals .new-stream.filter-salesforce .card.list .card-actions li.card-action.filter-item.filter-salesforce a, body.signals .card.list .card-actions .new-stream.filter-hubspot li.card-action.filter-item.filter-hubspot a, body.signals .new-stream.filter-hubspot .card.list .card-actions li.card-action.filter-item.filter-hubspot a, body.signals .headline.list .card-actions .card-action.selected a, body.signals .headline.list .card-actions .new-stream.filter-all li.card-action.filter-item.filter-all a, body.signals .new-stream.filter-all .headline.list .card-actions li.card-action.filter-item.filter-all a, body.signals .headline.list .card-actions .new-stream.filter-opens li.card-action.filter-item.filter-opens a, body.signals .new-stream.filter-opens .headline.list .card-actions li.card-action.filter-item.filter-opens a, body.signals .headline.list .card-actions .new-stream.filter-clicks li.card-action.filter-item.filter-clicks a, body.signals .new-stream.filter-clicks .headline.list .card-actions li.card-action.filter-item.filter-clicks a, body.signals .headline.list .card-actions .new-stream.filter-unopens li.card-action.filter-item.filter-unopens a, body.signals .new-stream.filter-unopens .headline.list .card-actions li.card-action.filter-item.filter-unopens a, body.signals .headline.list .card-actions .new-stream.filter-salesforce li.card-action.filter-item.filter-salesforce a, body.signals .new-stream.filter-salesforce .headline.list .card-actions li.card-action.filter-item.filter-salesforce a, body.signals .headline.list .card-actions .new-stream.filter-hubspot li.card-action.filter-item.filter-hubspot a, body.signals .new-stream.filter-hubspot .headline.list .card-actions li.card-action.filter-item.filter-hubspot a {
  font-weight: 600;
  color: orange;
}
body.signals .card.list .card-actions .card-action:first-child, body.signals .headline.list .card-actions .card-action:first-child {
  border-top: 0;
  padding-top: 1px;
}
body.signals .card hr.mini, body.signals .headline hr.mini {
  margin: 11px 0 12px;
}
body.signals .card h2, body.signals .card h1, body.signals .card .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card h2, body.signals .card .card-layout .pane-header h2, body.signals .card-layout .pane-header .card h2, body.signals .card .right-bar .pane-header h2, body.signals .right-bar .pane-header .card h2, body.signals .headline h2, body.signals .headline h1, body.signals .headline .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .headline h2, body.signals .headline .card-layout .pane-header h2, body.signals .card-layout .pane-header .headline h2, body.signals .headline .right-bar .pane-header h2, body.signals .right-bar .pane-header .headline h2 {
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 7px;
  margin-left: -30px;
  padding-left: 30px;
  margin-right: -30px;
  padding-right: 30px;
  margin-bottom: 9px;
  color: #454E51;
}
body.signals .card h2:not(.no-border), body.signals .card h1:not(.no-border), body.signals .card .activities.stream:not(.new-stream) h2:not(.no-border), body.signals .activities.stream:not(.new-stream) .card h2:not(.no-border), body.signals .headline h2:not(.no-border), body.signals .headline h1:not(.no-border), body.signals .headline .activities.stream:not(.new-stream) h2:not(.no-border), body.signals .activities.stream:not(.new-stream) .headline h2:not(.no-border) {
  border-bottom: 1px solid #eee;
}
body.signals .card h3, body.signals .headline h3 {
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 10px;
}
body.signals .card p.primary, body.signals .headline p.primary {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 11px;
  line-height: 21px;
  color: #6E787C;
}
body.signals .card p.primary.left-align, body.signals .headline p.primary.left-align {
  text-align: left;
}
body.signals .card p.body, body.signals .headline p.body {
  text-align: left;
}
body.signals .card p strong, body.signals .headline p strong {
  font-weight: 500;
}
body.signals .card form, body.signals .headline form {
  margin: 0;
}
body.signals .card form.settings, body.signals .headline form.settings {
  margin-bottom: 10px;
}
body.signals .card form p.primary, body.signals .headline form p.primary {
  margin-bottom: 9px;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #454E51;
}
body.signals .card form p.primary i, body.signals .headline form p.primary i {
  color: #454E51;
  font-size: 29px;
  vertical-align: -4px;
  margin-right: 10px;
}
body.signals .card form p.primary i.icon-building, body.signals .headline form p.primary i.icon-building {
  margin-right: 13px;
  color: #454E51;
  font-size: 25px;
  vertical-align: 0;
}
body.signals .card form p.secondary, body.signals .headline form p.secondary {
  margin-bottom: 11px;
  line-height: 23px;
  font-weight: 500;
  font-size: 14px;
  color: #454E51;
}
body.signals .card form p.subtext, body.signals .headline form p.subtext {
  color: #9CA2A3;
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 4px;
}
body.signals .card form .required, body.signals .headline form .required {
  font-weight: 600;
}
body.signals .card form .required label, body.signals .card form .required input, body.signals .headline form .required label, body.signals .headline form .required input {
  font-weight: 600;
}
body.signals .card form button + p, body.signals .headline form button + p {
  margin: 9px 0 0;
}
body.signals .card form .row-fluid > .controls, body.signals .headline form .row-fluid > .controls {
  margin-top: 6px;
}
body.signals .card form .control-group + .control-group, body.signals .headline form .control-group + .control-group {
  margin-top: 12px;
}
body.signals .card form .control-group .controls, body.signals .headline form .control-group .controls {
  margin-left: 15px;
  margin-bottom: 19px;
}
body.signals .card form .control-group .controls.second-level, body.signals .headline form .control-group .controls.second-level {
  margin-left: 18px;
  padding-left: 12px;
  border-left: 4px solid #eee;
}
body.signals .card form .control-group .controls .controls.second-level, body.signals .headline form .control-group .controls .controls.second-level {
  margin-left: 4px;
}
body.signals .card form .control-group .controls .radio, body.signals .card form .control-group .controls .checkbox, body.signals .headline form .control-group .controls .radio, body.signals .headline form .control-group .controls .checkbox {
  padding-bottom: 5px;
  color: #666;
}
body.signals .card form .control-group .controls .radio input, body.signals .card form .control-group .controls .checkbox input, body.signals .headline form .control-group .controls .radio input, body.signals .headline form .control-group .controls .checkbox input {
  margin-right: 10px;
}
body.signals .card form .control-group .controls .select2-container-multi .select2-choices, body.signals .headline form .control-group .controls .select2-container-multi .select2-choices {
  min-height: 9px;
  border-radius: 4px;
}
body.signals .card form .control-group .controls .select2-container-multi .select2-choices .select2-search-field input, body.signals .headline form .control-group .controls .select2-container-multi .select2-choices .select2-search-field input {
  height: auto;
}
body.signals .card form .control-group label.radio > textarea, body.signals .headline form .control-group label.radio > textarea {
  margin-top: 5px;
}
body.signals .card form + p, body.signals .headline form + p {
  margin-top: 9px;
}
body.signals .card form + p:last-child, body.signals .headline form + p:last-child {
  margin-bottom: 0;
}
body.signals .card .divider, body.signals .headline .divider {
  font-style: italic;
  padding-top: 22px;
  padding-bottom: 16px;
}
body.signals .card .alert, body.signals .headline .alert {
  border-width: 0;
  border-radius: 0;
  margin: -5px -30px 11px;
  padding: 10px;
  text-align: center;
  font-weight: 600;
  border-bottom-width: 1px;
}
body.signals .card ul.link-list, body.signals .headline ul.link-list {
  list-style: none;
  font-size: 14px;
  margin-bottom: 0;
}
body.signals .card ul.link-list li, body.signals .headline ul.link-list li {
  line-height: 22px;
}
body.signals .card ul.link-list a i, body.signals .headline ul.link-list a i {
  margin-right: 6px;
  margin-left: -22px;
  text-decoration: none;
}
body.signals .card .twitter-typeahead, body.signals .headline .twitter-typeahead {
  width: 100%;
}
body.signals .card .card-CTA:not(:first-child), body.signals .headline .card-CTA:not(:first-child) {
  padding-top: 5px;
}
body.signals .card .card-CTA:last-child, body.signals .headline .card-CTA:last-child {
  padding-bottom: 8px;
}
body.signals .card .card-CTA.separated, body.signals .headline .card-CTA.separated {
  border-top: 1px solid #ddd;
  padding-top: 18px;
  margin-top: 15px;
}
body.signals .card .card-CTA .button, body.signals .card .card-CTA button, body.signals .card .card-CTA .gen-btn, body.signals .headline .card-CTA .button, body.signals .headline .card-CTA button, body.signals .headline .card-CTA .gen-btn {
  display: block;
  width: 100%;
  max-width: 350px;
  margin: auto;
}
body.signals .card .card-CTA .button + .button, body.signals .card .card-CTA button + .button, body.signals .card .card-CTA .gen-btn + .button, body.signals .card .card-CTA .button + button, body.signals .card .card-CTA button + button, body.signals .card .card-CTA .gen-btn + button, body.signals .card .card-CTA .button + .gen-btn, body.signals .card .card-CTA button + .gen-btn, body.signals .card .card-CTA .gen-btn + .gen-btn, body.signals .headline .card-CTA .button + .button, body.signals .headline .card-CTA button + .button, body.signals .headline .card-CTA .gen-btn + .button, body.signals .headline .card-CTA .button + button, body.signals .headline .card-CTA button + button, body.signals .headline .card-CTA .gen-btn + button, body.signals .headline .card-CTA .button + .gen-btn, body.signals .headline .card-CTA button + .gen-btn, body.signals .headline .card-CTA .gen-btn + .gen-btn {
  margin-top: 10px;
}
body.signals .card p.primary + .card-actions, body.signals .headline p.primary + .card-actions {
  padding-top: 8px;
}
body.signals .card span.hidden-date, body.signals .headline span.hidden-date {
  display: none;
}
body.signals .card .request-table, body.signals .headline .request-table {
  margin-top: 8px;
}
body.signals .card .request-table:last-child hr.mini, body.signals .headline .request-table:last-child hr.mini {
  margin: 9px 0 0;
  border-color: transparent;
}
body.signals .card .meta-data, body.signals .headline .meta-data {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
body.signals .card .card-actions, body.signals .headline .card-actions {
  padding-top: 15px;
  margin-bottom: -11px;
}
body.signals .card .card-actions .card-action, body.signals .headline .card-actions .card-action {
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 0;
  background-color: white;
  border-top: 1px solid #dddddd;
  font-size: 15px;
  line-height: 36px;
}
body.signals .card .card-actions .card-action.muted a, body.signals .headline .card-actions .card-action.muted a {
  color: #888;
}
body.signals .card .card-actions .card-action.muted a:hover, body.signals .headline .card-actions .card-action.muted a:hover {
  color: #2285BA;
}
body.signals .card .card-actions .card-action.muted a:hover.careful, body.signals .headline .card-actions .card-action.muted a:hover.careful {
  color: #9c374c;
}
body.signals .card .card-actions .card-action:hover, body.signals .headline .card-actions .card-action:hover {
  background-color: whitesmoke;
}
body.signals .card .card-actions .card-action a, body.signals .headline .card-actions .card-action a {
  padding: 1px 30px 2px;
  display: block;
  height: 100%;
  text-decoration: none;
}
body.signals .card .card-actions .card-action a i, body.signals .headline .card-actions .card-action a i {
  margin-right: 4px;
  margin-left: -6px;
  min-width: 22px;
  float: left;
  margin-top: 9px;
}
body.signals .card table.table.no-column-border tbody td:not(:first-child), body.signals .card table.table.no-column-border thead th:not(:first-child), body.signals .headline table.table.no-column-border tbody td:not(:first-child), body.signals .headline table.table.no-column-border thead th:not(:first-child) {
  border-left: 0px;
}
body.signals .card table.table tbody td, body.signals .card table.table tbody th, body.signals .card table.table thead td, body.signals .card table.table thead th, body.signals .headline table.table tbody td, body.signals .headline table.table tbody th, body.signals .headline table.table thead td, body.signals .headline table.table thead th {
  vertical-align: middle;
}
body.signals .card table.table tbody td.right-align, body.signals .card table.table tbody th.right-align, body.signals .card table.table thead td.right-align, body.signals .card table.table thead th.right-align, body.signals .headline table.table tbody td.right-align, body.signals .headline table.table tbody th.right-align, body.signals .headline table.table thead td.right-align, body.signals .headline table.table thead th.right-align {
  text-align: right;
}
body.signals .card table.table tbody td.btn-col, body.signals .card table.table tbody th.btn-col, body.signals .card table.table thead td.btn-col, body.signals .card table.table thead th.btn-col, body.signals .headline table.table tbody td.btn-col, body.signals .headline table.table tbody th.btn-col, body.signals .headline table.table thead td.btn-col, body.signals .headline table.table thead th.btn-col {
  padding: 0;
}
body.signals .card table.table tbody td.btn-col a.button, body.signals .card table.table tbody td.btn-col a.gen-btn, body.signals .card table.table tbody th.btn-col a.button, body.signals .card table.table tbody th.btn-col a.gen-btn, body.signals .card table.table thead td.btn-col a.button, body.signals .card table.table thead td.btn-col a.gen-btn, body.signals .card table.table thead th.btn-col a.button, body.signals .card table.table thead th.btn-col a.gen-btn, body.signals .headline table.table tbody td.btn-col a.button, body.signals .headline table.table tbody td.btn-col a.gen-btn, body.signals .headline table.table tbody th.btn-col a.button, body.signals .headline table.table tbody th.btn-col a.gen-btn, body.signals .headline table.table thead td.btn-col a.button, body.signals .headline table.table thead td.btn-col a.gen-btn, body.signals .headline table.table thead th.btn-col a.button, body.signals .headline table.table thead th.btn-col a.gen-btn {
  padding: 9px 20px 11px;
  border: 0;
}
body.signals .card table.stat-display, body.signals .headline table.stat-display {
  width: 80%;
  margin: 13px auto 3px;
  text-align: center;
}
body.signals .card table.stat-display td, body.signals .headline table.stat-display td {
  width: 50%;
}
body.signals .card table.stat-display tr, body.signals .headline table.stat-display tr {
  line-height: 22px;
}
body.signals .card table.stat-display tr:first-child td, body.signals .headline table.stat-display tr:first-child td {
  font-size: 1.3em;
}
body.signals .span8 table.full-width {
  width: 409px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 5px;
}
body.signals .span8 table.full-width th:first-child, body.signals .span8 table.full-width td:first-child {
  padding-left: 30px;
}
body.signals .span8 table.full-width th:last-child, body.signals .span8 table.full-width td:last-child {
  padding-right: 30px;
}
body.signals .span8 table.full-width.table-top-border {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
body.signals .span7.add-to-team-email {
  width: 219px;
}
body.signals button.right-align {
  margin-left: 14px;
  margin-right: -20px;
}
body.signals .span7 table.full-width {
  width: 409px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 23px;
}
body.signals .span7 table.full-width th:first-child, body.signals .span7 table.full-width td:first-child {
  padding-left: 30px;
}
body.signals .span7 table.full-width th:last-child, body.signals .span7 table.full-width td:last-child {
  padding-right: 30px;
}
body.signals .span7 table.full-width.table-top-border {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
body.signals .card-layout {
  position: relative;
  width: 837px;
  min-height: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 0 30px 0;
}
body.signals .card-layout.short {
  width: 800px;
}
@media (max-width: 1216px) {
  body.signals .card-layout {
    left: 168px;
    margin: 0;
  }
}
body.signals .card-layout .card-container {
  box-shadow: 0 0 0 1px #ddd;
  background-color: white;
  position: relative;
  width: 800px;
  top: 1px;
  bottom: 0;
}
body.signals .card-layout .card-container.invite-container {
  bottom: auto;
  top: 16px;
}
body.signals .card-layout .card-container.row {
  margin-left: 0;
}
body.signals .card-layout .card-container.with-alert {
  margin-top: 0px;
}
body.signals .card-layout .card-container > .span4 {
  padding-top: 10px;
  padding-bottom: 70px;
}
body.signals .card-layout .card-container > .span7 {
  position: relative;
  width: 447px;
  right: 0;
  padding-right: 20px;
  padding-left: 20px;
  overflow: visible;
  padding-top: 20px;
  top: 0;
  bottom: 0;
  padding-bottom: 100px;
}
body.signals .card-layout .card-container > .span8 {
  position: relative;
  width: 467px;
  right: 0;
  padding-right: 0px;
  padding-left: 20px;
  overflow: visible;
  padding-top: 20px;
  top: 0;
  bottom: 0;
  padding-bottom: 100px;
  margin-left: 0px;
}
body.signals .card-layout .card.no-padding {
  padding: 0px;
}
body.signals .card-layout .card .social-button {
  display: inline-block;
  margin-top: 5px;
}
body.signals .card-layout .card .wistia_embed {
  margin-left: -30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.signals .card-layout.single-card-view .card:not(:first-of-type) {
  margin-top: 0;
}
body.signals .card-layout.single-card-view .card-group .card:not(:first-of-type) {
  margin-top: 15px;
}
body.signals .card-layout .card:not(:first-of-type), body.signals .right-bar .card:not(:first-of-type) {
  margin-top: 15px;
}
body.signals .card-layout .pane-header, body.signals .card-layout .card, body.signals .right-bar .pane-header, body.signals .right-bar .card {
  padding-left: 30px;
  padding-right: 30px;
  background-color: white;
}
body.signals .card-layout .pane-header:not(.list), body.signals .card-layout .card:not(.list), body.signals .right-bar .pane-header:not(.list), body.signals .right-bar .card:not(.list) {
  box-shadow: 0 0px 0px 1px #ddd;
}
body.signals .card-layout .pane-header.shortened-list, body.signals .card-layout .card.shortened-list, body.signals .right-bar .pane-header.shortened-list, body.signals .right-bar .card.shortened-list {
  padding-right: 12px;
}
body.signals .card-layout .pane-header.highlight, body.signals .card-layout .card.highlight, body.signals .right-bar .pane-header.highlight, body.signals .right-bar .card.highlight {
  border-color: orange;
}
body.signals .card-layout .pane-header.error, body.signals .card-layout .card.error, body.signals .right-bar .pane-header.error, body.signals .right-bar .card.error {
  border-color: red;
}
body.signals .card-layout .card#email-signature .signature-description, body.signals .right-bar .card#email-signature .signature-description {
  margin-left: 20px;
}
body.signals .card-layout .card#email-signature .switch, body.signals .right-bar .card#email-signature .switch {
  top: 5px;
  left: 8px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 22px;
  width: 48px;
  margin-left: 10px;
}
body.signals .card-layout .card#email-signature .switch label, body.signals .right-bar .card#email-signature .switch label {
  position: absolute;
  top: 4px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 12px;
}
body.signals .card-layout .card#email-signature .switch label.on, body.signals .right-bar .card#email-signature .switch label.on {
  display: none;
  left: 6px;
  color: white;
}
body.signals .card-layout .card#email-signature .switch label.off, body.signals .right-bar .card#email-signature .switch label.off {
  display: block;
  right: 5px;
  color: #aeaeae;
}
body.signals .card-layout .card#email-signature .switch:before, body.signals .right-bar .card#email-signature .switch:before {
  display: block;
  content: "";
  width: 48px;
  height: 22px;
  background: #f9f6f6;
  border: solid 1px #ddd;
  border-radius: 11px;
  transition: background-color 0.35s ease;
  transition: border-color 0.35s ease;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
body.signals .card-layout .card#email-signature .switch:after, body.signals .right-bar .card#email-signature .switch:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ddd;
  position: absolute;
  transition: left 0.35s ease;
  top: 5px;
  left: 3px;
}
body.signals .card-layout .card#email-signature .switch.on:before, body.signals .right-bar .card#email-signature .switch.on:before {
  background: #f97600;
  border-color: #f97600;
}
body.signals .card-layout .card#email-signature .switch.on:after, body.signals .right-bar .card#email-signature .switch.on:after {
  background: #f9f6f6;
  left: 33px;
}
body.signals .card-layout .card#email-signature .switch.on label.off, body.signals .right-bar .card#email-signature .switch.on label.off {
  display: none;
}
body.signals .card-layout .card#email-signature .switch.on label.on, body.signals .right-bar .card#email-signature .switch.on label.on {
  display: block;
}
body.signals .card-layout .card#hubspot-card, body.signals .right-bar .card#hubspot-card {
  padding: 0;
  box-shadow: none;
}
body.signals .card-layout .card#hubspot-card .card-body, body.signals .right-bar .card#hubspot-card .card-body {
  text-align: left;
}
body.signals .card-layout .card#hubspot-card .alert, body.signals .right-bar .card#hubspot-card .alert {
  margin: 0 0 0 0;
}
body.signals .card-layout .card#hubspot-card p.primary, body.signals .right-bar .card#hubspot-card p.primary {
  padding-left: 20px;
  color: #4A4A4A;
}
body.signals .card-layout .card#hubspot-card p.primary strong, body.signals .right-bar .card#hubspot-card p.primary strong {
  margin-right: 5px;
}
body.signals .card-layout .card#hubspot-card .title, body.signals .right-bar .card#hubspot-card .title {
  font-size: 21px;
  text-align: left;
  margin-left: 20px;
}
body.signals .card-layout .card#hubspot-card #disconnect-hubspot, body.signals .right-bar .card#hubspot-card #disconnect-hubspot {
  float: right;
  margin-top: 5px;
  color: #979797;
  font-size: 12px;
}
body.signals .card-layout .card#hubspot-card ul, body.signals .right-bar .card#hubspot-card ul {
  text-align: left;
  padding-top: 10px;
}
body.signals .card-layout .card#hubspot-card ul li, body.signals .right-bar .card#hubspot-card ul li {
  padding: 5px 0px;
}
body.signals .card-layout .card#hubspot-card .hubspot-revisit-subscription, body.signals .right-bar .card#hubspot-card .hubspot-revisit-subscription {
  box-shadow: 0 0px 0px 1px #ddd;
  padding: 10px;
  margin: 10px;
}
body.signals .card-layout .card#hubspot-card .hubspot-revisit-subscription .description, body.signals .right-bar .card#hubspot-card .hubspot-revisit-subscription .description {
  display: inline;
}
body.signals .card-layout .card#hubspot-card .hubspot-revisit-subscription .delete, body.signals .right-bar .card#hubspot-card .hubspot-revisit-subscription .delete {
  display: inline;
  float: right;
  padding: 0 0;
}
body.signals .card-layout .card#hubspot-card .switch, body.signals .right-bar .card#hubspot-card .switch {
  top: 5px;
  left: 8px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 22px;
  width: 48px;
}
body.signals .card-layout .card#hubspot-card .switch label, body.signals .right-bar .card#hubspot-card .switch label {
  position: absolute;
  top: 4px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 12px;
}
body.signals .card-layout .card#hubspot-card .switch label.on, body.signals .right-bar .card#hubspot-card .switch label.on {
  display: none;
  left: 6px;
  color: white;
}
body.signals .card-layout .card#hubspot-card .switch label.off, body.signals .right-bar .card#hubspot-card .switch label.off {
  display: block;
  right: 5px;
  color: #aeaeae;
}
body.signals .card-layout .card#hubspot-card .switch:before, body.signals .right-bar .card#hubspot-card .switch:before {
  display: block;
  content: "";
  width: 48px;
  height: 22px;
  background: #f9f6f6;
  border: solid 1px #ddd;
  border-radius: 11px;
  transition: background-color 0.35s ease;
  transition: border-color 0.35s ease;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
body.signals .card-layout .card#hubspot-card .switch:after, body.signals .right-bar .card#hubspot-card .switch:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ddd;
  position: absolute;
  transition: left 0.35s ease;
  top: 5px;
  left: 3px;
}
body.signals .card-layout .card#hubspot-card .switch.on:before, body.signals .right-bar .card#hubspot-card .switch.on:before {
  background: #f97600;
  border-color: #f97600;
}
body.signals .card-layout .card#hubspot-card .switch.on:after, body.signals .right-bar .card#hubspot-card .switch.on:after {
  background: #f9f6f6;
  left: 33px;
}
body.signals .card-layout .card#hubspot-card .switch.on label.off, body.signals .right-bar .card#hubspot-card .switch.on label.off {
  display: none;
}
body.signals .card-layout .card#hubspot-card .switch.on label.on, body.signals .right-bar .card#hubspot-card .switch.on label.on {
  display: block;
}
body.signals .card-layout .card#hubspot-card .row.notifications, body.signals .right-bar .card#hubspot-card .row.notifications {
  margin-top: 25px;
}
body.signals .card-layout .card#hubspot-card .wrap, body.signals .right-bar .card#hubspot-card .wrap {
  position: relative;
  margin-top: 10px;
}
body.signals .card-layout .card#hubspot-card .overlay, body.signals .right-bar .card#hubspot-card .overlay {
  background: #fff;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
body.signals .card-layout .card#hubspot-card .overlay.hide, body.signals .right-bar .card#hubspot-card .overlay.hide {
  display: none;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group, body.signals .right-bar .card#hubspot-card .accordion .accordion-group {
  border: 0px;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading {
  border-bottom: 1px solid #4A4A4A;
  font-weight: bold;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading .accordion-toggle, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading .accordion-toggle {
  padding-left: 0;
  padding-right: 0;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading i, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading i {
  color: inherit;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading a, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading a {
  font-size: 15px;
  color: #4A4A4A;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading a:hover, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading a:hover {
  text-decoration: none;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading .icon-angle-down, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading .icon-angle-down {
  float: right;
  transition: transform 0.35s ease;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed .icon-angle-down, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed .icon-angle-down {
  transform: rotate(-90deg);
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-body, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-body {
  padding-top: 20px;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-body p.subtext, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-body p.subtext {
  color: #4A4A4A;
}
body.signals .card-layout .card#hubspot-card .accordion .accordion-group .accordion-body .second-level, body.signals .right-bar .card#hubspot-card .accordion .accordion-group .accordion-body .second-level {
  margin-left: 20px;
}
body.signals .card-layout .pane-header, body.signals .right-bar .pane-header {
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 0px 0px 1px #ddd;
}
body.signals .card-layout .pane-header .alert, body.signals .right-bar .pane-header .alert {
  margin-left: -31px;
  margin-right: -31px;
  padding: 10px 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  margin-bottom: 0;
}
body.signals .card-layout .pane-header .alert .button, body.signals .card-layout .pane-header .alert button, body.signals .card-layout .pane-header .alert .gen-btn, body.signals .right-bar .pane-header .alert .button, body.signals .right-bar .pane-header .alert button, body.signals .right-bar .pane-header .alert .gen-btn {
  font-size: 14px;
  margin-top: -6px;
  padding: 5px 25px;
  float: right;
  text-shadow: none;
  color: white;
}
body.signals .card-layout .pane-header .alert.alert-info, body.signals .right-bar .pane-header .alert.alert-info {
  border-color: #a9d6df;
}
body.signals .card-layout .pane-header .alert.alert-info .button, body.signals .card-layout .pane-header .alert.alert-info button, body.signals .card-layout .pane-header .alert.alert-info .gen-btn, body.signals .right-bar .pane-header .alert.alert-info .button, body.signals .right-bar .pane-header .alert.alert-info button, body.signals .right-bar .pane-header .alert.alert-info .gen-btn {
  background-color: #3a87ad;
  box-shadow: 0 2px 0 0 #256e92;
}
body.signals .card-layout .pane-header i, body.signals .right-bar .pane-header i {
  margin-right: 10px;
}
body.signals .card-layout .pane-header > img, body.signals .right-bar .pane-header > img {
  float: left;
  margin: 7px 12px 7px -10px;
  height: 45px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(lightgrey, #ddd);
}
body.signals .card-layout .pane-header h1, body.signals .card-layout .pane-header .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card-layout .pane-header h2, body.signals .card-layout .pane-header h2, body.signals .right-bar .pane-header h1, body.signals .right-bar .pane-header .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .right-bar .pane-header h2, body.signals .right-bar .pane-header h2 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 -30px;
  padding: 12px 30px 13px;
  line-height: 36px;
  color: #4A4A4A;
}
body.signals .card-layout .pane-header h1 span.domain, body.signals .card-layout .pane-header h2 span.domain, body.signals .right-bar .pane-header h1 span.domain, body.signals .right-bar .pane-header h2 span.domain {
  float: right;
  font-weight: 300;
  font-style: italic;
}
body.signals .card-layout .pane-header .filter-box, body.signals .right-bar .pane-header .filter-box {
  box-shadow: none;
  border-top: 2px solid orange;
  border-bottom: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 0 -30px -2px;
}
body.signals .card-layout .btn-primary-orange, body.signals .right-bar .btn-primary-orange {
  width: auto;
  background-color: #F57C31;
  color: #fff;
  text-shadow: none;
  padding: 7px 20px;
}
body.signals .card-layout .btn-primary-orange:hover, body.signals .right-bar .btn-primary-orange:hover {
  box-shadow: none;
  border-color: #f97600;
}

body.signals.extension .filter-box ul.filter-options > a:first-child li[class*="filter-"] {
  margin-left: 6px;
}

body.signals .filter-box {
  background-color: whitesmoke;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #d8d4d0;
  margin-bottom: 15px;
}
body.signals .filter-box ul.filter-options {
  margin: 0;
  list-style: none;
}
body.signals .filter-box ul.filter-options > a:first-child li[class*="filter-"] {
  margin-left: 21px;
}
body.signals .filter-box ul.filter-options > .links a:last-child li[class*="link-"] {
  margin-right: 10px;
}
body.signals .filter-box ul.filter-options i.icon-signals {
  vertical-align: -1px;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] {
  color: #666666;
  border-color: rgba(226, 100, 24, 0.7);
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-reorder {
  color: #d85e0b;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-signals {
  color: #f47722;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-envelope {
  color: #d70014;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-link {
  color: #1380b0;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-salesforce {
  color: #6bb815;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-sprocket {
  color: #f7761f;
}
body.signals .filter-box ul.filter-options a:hover li[class*="filter-"] i.icon-envelope-alt {
  color: slategrey;
}
body.signals .filter-box ul.filter-options a:hover li[class*="link-"] {
  background-color: #e0e0e0;
  color: #555;
}
body.signals .filter-box ul.filter-options a:hover li[class*="link-"] i {
  color: #666;
}
body.signals .filter-box ul.filter-options li {
  line-height: 18px;
  font-size: 12px;
  padding: 8px 7px 7px 3px;
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
  border-bottom: 2px solid whitesmoke;
}
body.signals .filter-box ul.filter-options li span.full-filter-name {
  display: none;
}
body.signals .filter-box ul.filter-options li.filter-clicks {
  margin-left: 4px;
}
body.signals .filter-box ul.filter-options li i {
  color: #bbbbbb;
  margin-right: 1px;
}
body.signals .filter-box ul.filter-options li[class*="link-"] {
  color: #777;
  font-weight: 600;
  border-radius: 2px;
  padding: 5px 8px 4px 5px;
  margin: 4px 3px;
  border: none;
}
body.signals .filter-box ul.filter-options li[class*="link-"]:not(.link-website) {
  text-transform: capitalize;
}
body.signals .filter-box ul.filter-options li[class*="link-"] i {
  color: #888;
}
body.signals .filter-box ul.filter-options li[class*="filter-"] {
  text-transform: uppercase;
  color: #999999;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot {
  border-color: #e26418;
  color: #666666;
  font-weight: 600;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i {
  color: #444444;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-reorder, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-reorder, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-reorder, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-reorder, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-reorder, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-reorder, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-reorder, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-reorder {
  color: #d85e0b;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-signals, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-signals, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-signals, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-signals, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-signals, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-signals, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-signals, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-signals {
  color: #f47722;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-envelope, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-envelope, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-envelope, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-envelope, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-envelope, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-envelope, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-envelope, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-envelope {
  color: #d70014;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-link, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-link, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-link, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-link, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-link, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-link, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-link, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-link {
  color: #1380b0;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-salesforce, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-salesforce, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-salesforce, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-salesforce, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-salesforce, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-salesforce, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-salesforce, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-salesforce {
  color: #6bb815;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-sprocket, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-sprocket, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-sprocket, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-sprocket, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-sprocket, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-sprocket, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-sprocket, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-sprocket {
  color: #f7761f;
}
body.signals .filter-box ul.filter-options li[class*="filter-"].selected i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-all li[class*="filter-"].filter-item.filter-all i.icon-envelope-alt, body.signals .new-stream.filter-all .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-all i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-opens li[class*="filter-"].filter-item.filter-opens i.icon-envelope-alt, body.signals .new-stream.filter-opens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-opens i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-clicks li[class*="filter-"].filter-item.filter-clicks i.icon-envelope-alt, body.signals .new-stream.filter-clicks .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-clicks i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-unopens li[class*="filter-"].filter-item.filter-unopens i.icon-envelope-alt, body.signals .new-stream.filter-unopens .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-unopens i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-salesforce li[class*="filter-"].filter-item.filter-salesforce i.icon-envelope-alt, body.signals .new-stream.filter-salesforce .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-salesforce i.icon-envelope-alt, body.signals .filter-box ul.filter-options .new-stream.filter-hubspot li[class*="filter-"].filter-item.filter-hubspot i.icon-envelope-alt, body.signals .new-stream.filter-hubspot .filter-box ul.filter-options li[class*="filter-"].filter-item.filter-hubspot i.icon-envelope-alt {
  color: slategrey;
}

.card.highlight table {
  background-color: rgba(240, 240, 240, 0.5);
}

.billing-step-indicator {
  position: relative;
  background-color: white;
  height: 4px;
  width: 85%;
  margin: 28px auto 45px auto;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}
.billing-step-indicator [class*="step-"] {
  position: absolute;
  height: 20px;
  width: 20px;
  top: -9px;
  text-align: center;
  border-radius: 100px;
  border: 1px solid #dddddd;
  background-color: #dddddd;
  color: #666666;
}
.billing-step-indicator .step-1 {
  left: -5px;
}
.billing-step-indicator .step-2 {
  left: 135px;
}
.billing-step-indicator .step-3 {
  right: -5px;
}
.billing-step-indicator.on-1 .step-1 {
  background-color: #ee8f62;
  color: white;
  background-color: #be5624;
  border-color: #be5624;
}
.billing-step-indicator.on-1 .step-1 .subtext {
  color: #ee8f62;
  color: #be5624;
}
.billing-step-indicator.on-2 .step-1, .billing-step-indicator.on-3 .step-1 {
  background-color: #ee8f62;
  border-color: #ee8f62;
  color: white;
}
.billing-step-indicator.on-2 .step-1 .subtext, .billing-step-indicator.on-3 .step-1 .subtext {
  color: #ee8f62;
  opacity: 0.7;
}
.billing-step-indicator.on-2 .half-mark, .billing-step-indicator.on-3 .half-mark {
  background-color: #ee8f62;
  border-color: #ee8f62;
}
.billing-step-indicator.on-2 .step-2 {
  background-color: #ee8f62;
  color: white;
  background-color: #be5624;
  border-color: #be5624;
}
.billing-step-indicator.on-2 .step-2 .subtext {
  color: #ee8f62;
  color: #be5624;
}
.billing-step-indicator .half-mark {
  position: absolute;
  width: 50%;
  height: 100%;
  margin-top: -1px;
  border: 1px solid #dddddd;
}
.billing-step-indicator.on-3 {
  background-color: #ee8f62;
  border-color: #ee8f62;
}
.billing-step-indicator.on-3 .step-2 {
  background-color: #ee8f62;
  border-color: #ee8f62;
  color: white;
}
.billing-step-indicator.on-3 .step-2 .subtext {
  color: #ee8f62;
  opacity: 0.7;
}
.billing-step-indicator.on-3 .step-3 {
  background-color: #ee8f62;
  color: white;
  background-color: #be5624;
  border-color: #be5624;
}
.billing-step-indicator.on-3 .step-3 .subtext {
  color: #ee8f62;
  color: #be5624;
}
.billing-step-indicator .stepcount {
  margin-top: 1px;
  position: relative;
  font-weight: 700;
  font-size: 12px;
}
.billing-step-indicator .subtext {
  position: absolute;
  width: 80px;
  left: -30px;
  top: 25px;
  text-align: center;
  color: #999999;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
}

body.signals .wistia-fancybox-wrap {
  z-index: 9999;
}
body.signals .modal.modalv3 {
  padding: 0;
  border-radius: 4px;
}
body.signals .modal.modalv3 * {
  font-family: "proxima-nova";
}
body.signals .modal.modalv3.small-modal {
  max-width: 380px;
  width: 100%;
  margin-left: -190px;
}
body.signals .modal.modalv3 .modal-header {
  padding: 19px 25px 0;
  border-bottom: none;
}
body.signals .modal.modalv3 .modal-header h1, body.signals .modal.modalv3 .modal-header .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .modal.modalv3 .modal-header h2, body.signals .modal.modalv3 .modal-header .new-stream h2, body.signals .new-stream .modal.modalv3 .modal-header h2, body.signals .modal.modalv3 .modal-header .card-layout .pane-header h2, body.signals .card-layout .pane-header .modal.modalv3 .modal-header h2, body.signals .modal.modalv3 .modal-header .right-bar .pane-header h2, body.signals .right-bar .pane-header .modal.modalv3 .modal-header h2 {
  font-weight: 300;
  font-size: 1.7rem;
  border: none;
  line-height: 36px;
  padding: 0;
  margin: 0;
}
body.signals .modal.modalv3 .modal-header h1 strong, body.signals .modal.modalv3 .modal-header .activities.stream:not(.new-stream) h2 strong, body.signals .activities.stream:not(.new-stream) .modal.modalv3 .modal-header h2 strong, body.signals .modal.modalv3 .modal-header .new-stream h2 strong, body.signals .new-stream .modal.modalv3 .modal-header h2 strong, body.signals .modal.modalv3 .modal-header .card-layout .pane-header h2 strong, body.signals .card-layout .pane-header .modal.modalv3 .modal-header h2 strong, body.signals .modal.modalv3 .modal-header .right-bar .pane-header h2 strong, body.signals .right-bar .pane-header .modal.modalv3 .modal-header h2 strong {
  font-weight: 600;
}
body.signals .modal.modalv3 .modal-body {
  padding: 15px 25px;
}
body.signals .modal.modalv3 .modal-body img {
  max-width: 100%;
}
body.signals .modal.modalv3 .modal-body p {
  font-size: 0.8rem;
  color: #717c88;
  line-height: 1.6;
  margin-bottom: 0;
}
body.signals .modal.modalv3 .modal-body p.primary {
  font-size: 0.9rem;
}
body.signals .modal.modalv3 .modal-body p.primary + p:not(.primary) {
  margin-top: 9px;
}
body.signals .modal.modalv3 .modal-body p.primary strong {
  font-weight: 600;
}
body.signals .modal.modalv3 .modal-body p + form {
  margin: 22px 0 22px;
}
body.signals .modal.modalv3 .modal-body label.checkbox {
  font-weight: normal;
  font-size: 0.8rem;
  color: black;
}
body.signals .modal.modalv3 .modal-body form .controls {
  margin: 0;
}
body.signals .modal.modalv3 .modal-footer {
  border: none;
  background-color: transparent;
  padding: 0px 25px 15px;
}
body.signals .modal.modalv3 form {
  margin: 0;
}
body.signals .modal.modalv3 form .required.invalid label.checkbox {
  background-color: rgba(255, 255, 0, 0.13);
}
body.signals .modal.modalv3 form .required.invalid label.error {
  color: red;
}
@media (max-width: 600px) {
  body.signals .modal:not(.modalv3) {
    margin-left: 0;
    left: 0;
  }
}
body.signals .modal:not(.modalv3) {
  padding: 0;
  width: 100%;
  max-width: 560px;
}
body.signals .modal:not(.modalv3) .modal-header {
  padding: 9px 30px 0;
  border: none;
}
body.signals .modal:not(.modalv3) .modal-body {
  padding: 13px 30px 15px;
}
body.signals .modal:not(.modalv3) .modal-body form {
  margin-bottom: 0;
}
body.signals .modal:not(.modalv3) .modal-body:empty {
  padding: 9px;
}
body.signals .modal:not(.modalv3) .modal-footer {
  padding: 12px 30px 14px;
}
body.signals .modal:not(.modalv3) .modal-footer form, body.signals .modal:not(.modalv3) .modal-footer .control-group {
  margin-bottom: 0;
}
body.signals .modal:not(.modalv3) .modal-footer label, body.signals .modal:not(.modalv3) .modal-footer p {
  text-align: left;
}
body.signals .modal:not(.modalv3) .modal-footer .button + .button, body.signals .modal:not(.modalv3) .modal-footer button + .button, body.signals .modal:not(.modalv3) .modal-footer .gen-btn + .button, body.signals .modal:not(.modalv3) .modal-footer .button + button, body.signals .modal:not(.modalv3) .modal-footer button + button, body.signals .modal:not(.modalv3) .modal-footer .gen-btn + button, body.signals .modal:not(.modalv3) .modal-footer .button + .gen-btn, body.signals .modal:not(.modalv3) .modal-footer button + .gen-btn, body.signals .modal:not(.modalv3) .modal-footer .gen-btn + .gen-btn {
  margin-top: 0;
}
body.signals .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .new-stream h2, body.signals .new-stream .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .card-layout .pane-header h2, body.signals .card-layout .pane-header .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .right-bar .pane-header h2, body.signals .right-bar .pane-header .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .card h1, body.signals .card .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .card .activities.stream:not(.new-stream) h2, body.signals .card .activities.stream:not(.new-stream) .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .activities.stream:not(.new-stream) .card h2, body.signals .activities.stream:not(.new-stream) .card .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .headline h1, body.signals .headline .modal:not(.modalv3) h1, body.signals .modal:not(.modalv3) .headline .activities.stream:not(.new-stream) h2, body.signals .headline .activities.stream:not(.new-stream) .modal:not(.modalv3) h2, body.signals .modal:not(.modalv3) .activities.stream:not(.new-stream) .headline h2, body.signals .activities.stream:not(.new-stream) .headline .modal:not(.modalv3) h2 {
  font-weight: 500;
  line-height: 32px;
  border: none;
  font-size: 21px;
  margin: 17px 0 0 0;
  padding-bottom: 0px;
}
body.signals .modal:not(.modalv3).small {
  width: 380px;
}
body.signals .modal:not(.modalv3).marketing {
  width: auto;
  text-align: center;
  background-color: whitesmoke;
  padding-top: 0;
  max-width: 560px;
}
body.signals .modal:not(.modalv3).marketing .modal-header h1, body.signals .modal:not(.modalv3).marketing .modal-header .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .modal:not(.modalv3).marketing .modal-header h2, body.signals .modal:not(.modalv3).marketing .modal-header .new-stream h2, body.signals .new-stream .modal:not(.modalv3).marketing .modal-header h2, body.signals .modal:not(.modalv3).marketing .modal-header .card-layout .pane-header h2, body.signals .card-layout .pane-header .modal:not(.modalv3).marketing .modal-header h2, body.signals .modal:not(.modalv3).marketing .modal-header .right-bar .pane-header h2, body.signals .right-bar .pane-header .modal:not(.modalv3).marketing .modal-header h2, body.signals .modal:not(.modalv3).marketing .modal-header h2, body.signals .modal:not(.modalv3).marketing .modal-header .card h1, body.signals .card .modal:not(.modalv3).marketing .modal-header h1, body.signals .modal:not(.modalv3).marketing .modal-header .headline h1, body.signals .headline .modal:not(.modalv3).marketing .modal-header h1 {
  margin: 15px 0 0 0;
}
body.signals .modal:not(.modalv3).marketing .modal-body {
  padding: 13px 30px 10px;
}
body.signals .modal:not(.modalv3).marketing .modal-footer {
  background-color: #edece9;
  border-top: 1px solid #d8d4d0;
  box-shadow: none;
  text-align: center;
  padding: 13px 30px 16px;
}
body.signals .modal:not(.modalv3).marketing .modal-footer form {
  text-align: center;
}
body.signals .modal:not(.modalv3).marketing .controls {
  display: inline-block;
}
body.signals .modal:not(.modalv3).marketing .controls label, body.signals .modal:not(.modalv3).marketing .controls input {
  font-size: 15px;
}
body.signals .modal:not(.modalv3).marketing#setup-email {
  margin-left: -160px;
}
body.signals .modal:not(.modalv3).marketing#setup-email a:hover {
  opacity: 1;
}
body.signals .modal:not(.modalv3).marketing#setup-email a.button.img-btn, body.signals .modal:not(.modalv3).marketing#setup-email a.img-btn.gen-btn {
  width: 245px;
  display: block;
  margin: 10px auto 0;
  background-image: -webkit-linear-gradient(#eee, #ddd);
  padding: 20px;
}
body.signals .modal:not(.modalv3).marketing#setup-email a.button.img-btn img, body.signals .modal:not(.modalv3).marketing#setup-email a.img-btn.gen-btn img {
  float: left;
  width: 50px;
  margin-top: -15px;
}
body.signals .modal:not(.modalv3).marketing#setup-email a.skip-tutorial {
  margin-top: 20px;
  margin-bottom: 10px;
}
body.signals .modal:not(.modalv3).pointer {
  right: 81px;
  left: auto;
}
body.signals .modal:not(.modalv3).pointer img.pointer-arrow {
  display: block;
  position: fixed;
  top: 8px;
  right: 58px;
  height: 46px;
  width: 51px;
}
body.signals .modal:not(.modalv3).pointer p.body {
  margin-bottom: 6px;
  font-size: 21px;
  line-height: 27px;
  text-transform: uppercase;
  font-weight: 700;
  color: #666;
}
body.signals .modal:not(.modalv3).pointer p.body i {
  font-size: 19px;
}
body.signals .modal:not(.modalv3).pointer h1, body.signals .modal:not(.modalv3).pointer .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .modal:not(.modalv3).pointer h2, body.signals .modal:not(.modalv3).pointer .new-stream h2, body.signals .new-stream .modal:not(.modalv3).pointer h2, body.signals .modal:not(.modalv3).pointer .card-layout .pane-header h2, body.signals .card-layout .pane-header .modal:not(.modalv3).pointer h2, body.signals .modal:not(.modalv3).pointer .right-bar .pane-header h2, body.signals .right-bar .pane-header .modal:not(.modalv3).pointer h2, body.signals .modal:not(.modalv3).pointer h2, body.signals .modal:not(.modalv3).pointer .card h1, body.signals .card .modal:not(.modalv3).pointer h1, body.signals .modal:not(.modalv3).pointer .headline h1, body.signals .headline .modal:not(.modalv3).pointer h1 {
  margin: 10px 0 0 0;
}
body.signals .modal:not(.modalv3).pointer#popup-pointer {
  overflow: visible;
  width: 280px;
}
body.signals .modal:not(.modalv3).pointer.fade {
  margin: 0;
  top: 30px;
}
body.signals .modal:not(.modalv3).pointer.fade.in {
  top: 30px;
}
body.signals .veil {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
@media (max-width: 680px) {
  body.signals .modal.onboarding {
    display: none !important;
  }
}
body.signals .modal.onboarding {
  border: 0 none;
  border-radius: 6px;
  margin-left: -427px;
  margin-top: -280px;
  padding-top: 0 !important;
  top: 50%;
  width: 100%;
  max-width: 854px;
}
body.signals .modal.onboarding .modal-content {
  background-position: center bottom;
  border-radius: 6px;
  height: 564px;
}
body.signals .modal.onboarding .modal-content .close {
  position: absolute;
  right: 0;
  color: white;
  font-size: 30px;
  font-weight: 200;
  padding: 10px 15px;
}
body.signals .modal.onboarding .modal-content .modal-header h2, body.signals .modal.onboarding .modal-content .modal-header .card h1, body.signals .card .modal.onboarding .modal-content .modal-header h1, body.signals .modal.onboarding .modal-content .modal-header .headline h1, body.signals .headline .modal.onboarding .modal-content .modal-header h1 {
  background: none;
  color: white;
  font-size: 32px;
  font-weight: 200;
  margin: 50px 0 10px;
  padding: 0;
}
body.signals .modal.onboarding .modal-content .modal-body {
  color: white;
  font-size: 18px;
  line-height: 24px;
}
body.signals .modal.onboarding .modal-content .modal-body .modal-text {
  width: 450px;
}
body.signals .modal.onboarding .modal-content .modal-footer {
  bottom: 0;
  padding: 22px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
body.signals .modal.onboarding .modal-content .modal-footer a.btn.btn-default {
  display: block;
  background: #2778b8;
  border: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  font-size: 18px;
  margin: -44px auto .5em auto;
  padding: .5em 0;
  width: 300px;
}
body.signals .modal.onboarding .modal-content .modal-footer a.btn.btn-default:hover {
  background: #282828;
}
body.signals .modal.onboarding .modal-content .modal-footer .modal-progress {
  display: block;
  clear: both;
  color: gray;
}

.non-mac-notice {
  display: none;
}

.nonchrome-box {
  margin: 20px auto;
  width: 600px;
  background-color: #f2dede;
  border: 1px solid #FF9999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  margin-bottom: 500px;
  display: none;
}
.nonchrome-box i {
  color: #b94a48;
  padding-right: 10px;
}
.nonchrome-box span {
  font-size: 1.1em;
}

.outer-reset-password-container {
  margin: 40px auto;
  width: 350px;
}

.reset-password-container {
  padding-left: 0px;
  padding-right: 30px;
  margin-left: -22px;
}

body.signals .login-container, body.signals .onboarding-container, body.signals .welcome-container {
  margin: 40px auto;
}
body.signals .login-container h1, body.signals .login-container .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .login-container h2, body.signals .login-container .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .login-container h1, body.signals .login-container .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .login-container h1, body.signals .login-container .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .login-container h1, body.signals .login-container .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .login-container h1, body.signals .login-container .new-stream h2, body.signals .new-stream .login-container h2, body.signals .login-container .card-layout .pane-header h2, body.signals .card-layout .pane-header .login-container h2, body.signals .login-container .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .login-container h1, body.signals .login-container .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .login-container h1, body.signals .login-container .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .login-container h1, body.signals .login-container .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .login-container h1, body.signals .login-container .right-bar .pane-header h2, body.signals .right-bar .pane-header .login-container h2, body.signals .login-container .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .login-container h1, body.signals .login-container .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .login-container h1, body.signals .login-container .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .login-container h1, body.signals .login-container .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .login-container h1, body.signals .onboarding-container h1, body.signals .onboarding-container .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .onboarding-container h2, body.signals .onboarding-container .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .onboarding-container h1, body.signals .onboarding-container .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .onboarding-container h1, body.signals .onboarding-container .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .onboarding-container h1, body.signals .onboarding-container .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .onboarding-container h1, body.signals .onboarding-container .new-stream h2, body.signals .new-stream .onboarding-container h2, body.signals .onboarding-container .card-layout .pane-header h2, body.signals .card-layout .pane-header .onboarding-container h2, body.signals .onboarding-container .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .onboarding-container h1, body.signals .onboarding-container .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .onboarding-container h1, body.signals .onboarding-container .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .onboarding-container h1, body.signals .onboarding-container .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .onboarding-container h1, body.signals .onboarding-container .right-bar .pane-header h2, body.signals .right-bar .pane-header .onboarding-container h2, body.signals .onboarding-container .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .onboarding-container h1, body.signals .onboarding-container .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .onboarding-container h1, body.signals .onboarding-container .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .onboarding-container h1, body.signals .onboarding-container .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .onboarding-container h1, body.signals .welcome-container h1, body.signals .welcome-container .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .welcome-container h2, body.signals .welcome-container .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .welcome-container h1, body.signals .welcome-container .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .welcome-container h1, body.signals .welcome-container .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .welcome-container h1, body.signals .welcome-container .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .welcome-container h1, body.signals .welcome-container .new-stream h2, body.signals .new-stream .welcome-container h2, body.signals .welcome-container .card-layout .pane-header h2, body.signals .card-layout .pane-header .welcome-container h2, body.signals .welcome-container .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .welcome-container h1, body.signals .welcome-container .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .welcome-container h1, body.signals .welcome-container .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .welcome-container h1, body.signals .welcome-container .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .welcome-container h1, body.signals .welcome-container .right-bar .pane-header h2, body.signals .right-bar .pane-header .welcome-container h2, body.signals .welcome-container .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .welcome-container h1, body.signals .welcome-container .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .welcome-container h1, body.signals .welcome-container .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .welcome-container h1, body.signals .welcome-container .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .welcome-container h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 25px 0 25px 25px;
  line-height: 32px;
}
body.signals .login-container .gen-btn, body.signals .onboarding-container .gen-btn, body.signals .welcome-container .gen-btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #333;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  box-sizing: border-box;
}
body.signals .login-container .gen-btn.input-large, body.signals .onboarding-container .gen-btn.input-large, body.signals .welcome-container .gen-btn.input-large {
  width: 100%;
  text-align: center;
  font-size: 16px;
}
body.signals .login-container .gen-btn.input-large.larger, body.signals .onboarding-container .gen-btn.input-large.larger, body.signals .welcome-container .gen-btn.input-large.larger {
  width: 220px;
}
body.signals .login-container .gen-btn.input-large.primary.primary-large, body.signals .onboarding-container .gen-btn.input-large.primary.primary-large, body.signals .welcome-container .gen-btn.input-large.primary.primary-large {
  max-width: 100%;
  box-sizing: border-box;
  padding-top: 14px;
  padding-bottom: 14px;
}
body.signals .login-container .gen-btn.primary, body.signals .onboarding-container .gen-btn.primary, body.signals .welcome-container .gen-btn.primary {
  color: white;
  border-color: #BE5624;
  border-color: transparent;
  background-color: #ee8f62;
  font-weight: 600;
}
body.signals .login-container .gen-btn.primary span.normal, body.signals .onboarding-container .gen-btn.primary span.normal, body.signals .welcome-container .gen-btn.primary span.normal {
  font-weight: 500;
}
body.signals .login-container .gen-btn.primary:hover, body.signals .onboarding-container .gen-btn.primary:hover, body.signals .welcome-container .gen-btn.primary:hover {
  border-color: #80320C;
  border-color: transparent;
}
body.signals .login-container .gen-btn.primary:hover:active, body.signals .onboarding-container .gen-btn.primary:hover:active, body.signals .welcome-container .gen-btn.primary:hover:active {
  background-color: #BD5929;
}
body.signals .login-container .gen-btn.secondary, body.signals .onboarding-container .gen-btn.secondary, body.signals .welcome-container .gen-btn.secondary {
  background-color: #ddd;
  border-color: #bbb;
  border-color: transparent;
  color: #555;
}
body.signals .login-container .gen-btn.secondary:hover, body.signals .onboarding-container .gen-btn.secondary:hover, body.signals .welcome-container .gen-btn.secondary:hover {
  border-color: #666;
  border-color: transparent;
  background-color: #f6f6f6;
  color: #333;
}
body.signals .login-container .gen-btn.careful, body.signals .onboarding-container .gen-btn.careful, body.signals .welcome-container .gen-btn.careful {
  color: white;
  background-color: #ac1e1e;
  border-color: darkred;
  border-color: transparent;
}
body.signals .login-container .gen-btn.careful:hover:active, body.signals .onboarding-container .gen-btn.careful:hover:active, body.signals .welcome-container .gen-btn.careful:hover:active {
  background-color: #750A0A;
}
body.signals .login-container .gen-btn.gmail, body.signals .onboarding-container .gen-btn.gmail, body.signals .welcome-container .gen-btn.gmail {
  background-color: #eb6c78;
  border-color: #BB0011;
  border-color: transparent;
}
body.signals .login-container .gen-btn.gmail:hover:active, body.signals .onboarding-container .gen-btn.gmail:hover:active, body.signals .welcome-container .gen-btn.gmail:hover:active {
  background-color: #B14E58;
}
body.signals .login-container .gen-btn.outlook, body.signals .onboarding-container .gen-btn.outlook, body.signals .welcome-container .gen-btn.outlook {
  background-image: -webkit-linear-gradient(#49a0c7, #4594b8);
  background-color: #4b9ec3;
  border-color: #1c6d91;
  border-color: transparent;
}
body.signals .login-container .gen-btn.outlook:hover, body.signals .onboarding-container .gen-btn.outlook:hover, body.signals .welcome-container .gen-btn.outlook:hover {
  border-color: #155F80;
  border-color: transparent;
}
body.signals .login-container .gen-btn.outlook:hover:active, body.signals .onboarding-container .gen-btn.outlook:hover:active, body.signals .welcome-container .gen-btn.outlook:hover:active {
  background-color: #3A7B99;
}
body.signals .login-container .gen-btn.salesforce, body.signals .onboarding-container .gen-btn.salesforce, body.signals .welcome-container .gen-btn.salesforce {
  background-color: #7DBB39;
  border-color: #5B812F;
  border-color: transparent;
}
body.signals .login-container .gen-btn.salesforce:hover, body.signals .onboarding-container .gen-btn.salesforce:hover, body.signals .welcome-container .gen-btn.salesforce:hover {
  border-color: #355510;
  border-color: transparent;
}
body.signals .login-container .gen-btn.salesforce:hover:active, body.signals .onboarding-container .gen-btn.salesforce:hover:active, body.signals .welcome-container .gen-btn.salesforce:hover:active {
  background-color: #42720E;
}
body.signals .login-container .gen-btn.input-large.connected, body.signals .onboarding-container .gen-btn.input-large.connected, body.signals .welcome-container .gen-btn.input-large.connected {
  text-shadow: none;
  box-shadow: 0px 0px 0px #aaa;
  background-color: #eee;
  border-color: #ddd;
  border-color: transparent;
  cursor: default;
}
body.signals .login-container .gen-btn.input-large.connected.outlook, body.signals .onboarding-container .gen-btn.input-large.connected.outlook, body.signals .welcome-container .gen-btn.input-large.connected.outlook {
  color: #6CA8CA;
}
body.signals .login-container .gen-btn.input-large.connected.gmail, body.signals .onboarding-container .gen-btn.input-large.connected.gmail, body.signals .welcome-container .gen-btn.input-large.connected.gmail {
  color: #eb6c78;
}
body.signals .login-container .gen-btn.input-large.connected.salesforce, body.signals .onboarding-container .gen-btn.input-large.connected.salesforce, body.signals .welcome-container .gen-btn.input-large.connected.salesforce {
  color: #7DBB39;
}
body.signals .login-container .gen-btn.input-large.connected.hubspot, body.signals .onboarding-container .gen-btn.input-large.connected.hubspot, body.signals .welcome-container .gen-btn.input-large.connected.hubspot {
  color: #ee8f62;
}
body.signals .login-container .gen-btn.input-large.connected i.icon-ok-sign, body.signals .onboarding-container .gen-btn.input-large.connected i.icon-ok-sign, body.signals .welcome-container .gen-btn.input-large.connected i.icon-ok-sign {
  margin-left: 10px;
  margin-top: 2px;
}
body.signals .login-container .gen-btn.input-large + .gen-btn.input-large, body.signals .onboarding-container .gen-btn.input-large + .gen-btn.input-large, body.signals .welcome-container .gen-btn.input-large + .gen-btn.input-large {
  margin-top: 10px;
}
body.signals .login-container .pop-out, body.signals .onboarding-container .pop-out, body.signals .welcome-container .pop-out {
  display: inline-block;
  height: 350px;
  vertical-align: top;
  margin-top: 15px;
  border: 1px solid transparent;
  margin-left: -1px;
  position: relative;
  z-index: 10;
  border-image: -webkit-linear-gradient(top, #ddd, #ccc) 1 1 stretch;
  background-image: -webkit-linear-gradient(rgba(249, 249, 249, 0.6), rgba(250, 250, 250, 0.6)), url("/static/img/cream_pixels_2x.png");
  background-size: auto auto, 160px 160px;
  padding-left: 29px;
  padding-right: 30px;
}
body.signals .login-container .pop-out h1, body.signals .login-container .pop-out .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .login-container .pop-out h2, body.signals .login-container .pop-out .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .login-container .pop-out h1, body.signals .login-container .pop-out .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .login-container .pop-out h1, body.signals .login-container .pop-out .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .login-container .pop-out h1, body.signals .login-container .pop-out .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .login-container .pop-out h1, body.signals .login-container .pop-out .new-stream h2, body.signals .new-stream .login-container .pop-out h2, body.signals .login-container .pop-out .card-layout .pane-header h2, body.signals .card-layout .pane-header .login-container .pop-out h2, body.signals .login-container .pop-out .right-bar .pane-header h2, body.signals .right-bar .pane-header .login-container .pop-out h2, body.signals .onboarding-container .pop-out h1, body.signals .onboarding-container .pop-out .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .onboarding-container .pop-out h2, body.signals .onboarding-container .pop-out .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .onboarding-container .pop-out h1, body.signals .onboarding-container .pop-out .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .onboarding-container .pop-out h1, body.signals .onboarding-container .pop-out .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .onboarding-container .pop-out h1, body.signals .onboarding-container .pop-out .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .onboarding-container .pop-out h1, body.signals .onboarding-container .pop-out .new-stream h2, body.signals .new-stream .onboarding-container .pop-out h2, body.signals .onboarding-container .pop-out .card-layout .pane-header h2, body.signals .card-layout .pane-header .onboarding-container .pop-out h2, body.signals .onboarding-container .pop-out .right-bar .pane-header h2, body.signals .right-bar .pane-header .onboarding-container .pop-out h2, body.signals .welcome-container .pop-out h1, body.signals .welcome-container .pop-out .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .welcome-container .pop-out h2, body.signals .welcome-container .pop-out .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .welcome-container .pop-out h1, body.signals .welcome-container .pop-out .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .welcome-container .pop-out h1, body.signals .welcome-container .pop-out .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .welcome-container .pop-out h1, body.signals .welcome-container .pop-out .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .welcome-container .pop-out h1, body.signals .welcome-container .pop-out .new-stream h2, body.signals .new-stream .welcome-container .pop-out h2, body.signals .welcome-container .pop-out .card-layout .pane-header h2, body.signals .card-layout .pane-header .welcome-container .pop-out h2, body.signals .welcome-container .pop-out .right-bar .pane-header h2, body.signals .right-bar .pane-header .welcome-container .pop-out h2 {
  color: #888;
  font-weight: 300;
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: 22px;
}
body.signals .login-container .pop-out .feature-block.email .feature-description, body.signals .onboarding-container .pop-out .feature-block.email .feature-description, body.signals .welcome-container .pop-out .feature-block.email .feature-description {
  border-color: #D70014;
}
body.signals .login-container .pop-out .feature-block.sales .feature-description, body.signals .onboarding-container .pop-out .feature-block.sales .feature-description, body.signals .welcome-container .pop-out .feature-block.sales .feature-description {
  border-color: #6BB815;
}
body.signals .login-container .pop-out .feature-block.website .feature-description, body.signals .onboarding-container .pop-out .feature-block.website .feature-description, body.signals .welcome-container .pop-out .feature-block.website .feature-description {
  border-color: orange;
}
body.signals .login-container .pop-out .feature-block .feature-description, body.signals .onboarding-container .pop-out .feature-block .feature-description, body.signals .welcome-container .pop-out .feature-block .feature-description {
  display: inline-block;
  width: 141px;
  margin-top: 9px;
  border-left: 1px solid grey;
  padding-left: 15px;
  height: 71px;
}
body.signals .login-container .pop-out .feature-block .feature-description h2, body.signals .login-container .pop-out .feature-block .feature-description .card h1, body.signals .card .login-container .pop-out .feature-block .feature-description h1, body.signals .login-container .pop-out .feature-block .feature-description .headline h1, body.signals .headline .login-container .pop-out .feature-block .feature-description h1, body.signals .onboarding-container .pop-out .feature-block .feature-description h2, body.signals .onboarding-container .pop-out .feature-block .feature-description .card h1, body.signals .card .onboarding-container .pop-out .feature-block .feature-description h1, body.signals .onboarding-container .pop-out .feature-block .feature-description .headline h1, body.signals .headline .onboarding-container .pop-out .feature-block .feature-description h1, body.signals .welcome-container .pop-out .feature-block .feature-description h2, body.signals .welcome-container .pop-out .feature-block .feature-description .card h1, body.signals .card .welcome-container .pop-out .feature-block .feature-description h1, body.signals .welcome-container .pop-out .feature-block .feature-description .headline h1, body.signals .headline .welcome-container .pop-out .feature-block .feature-description h1 {
  font-size: 22px;
  font-weight: 400;
  color: #666;
  margin: -3px 0 0 0;
}
body.signals .login-container .pop-out .feature-block .feature-description .feature-services, body.signals .onboarding-container .pop-out .feature-block .feature-description .feature-services, body.signals .welcome-container .pop-out .feature-block .feature-description .feature-services {
  color: #888;
  margin-top: -3px;
  margin-left: 1px;
}
body.signals .login-container .pop-out .feature-block .feature-description .feature-services .service, body.signals .onboarding-container .pop-out .feature-block .feature-description .feature-services .service, body.signals .welcome-container .pop-out .feature-block .feature-description .feature-services .service {
  font-style: normal;
  font-weight: 300;
}
body.signals .login-container .pop-out .feature-block .sample-old.notification, body.signals .onboarding-container .pop-out .feature-block .sample-old.notification, body.signals .welcome-container .pop-out .feature-block .sample-old.notification {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  margin-top: 6px;
  box-shadow: none;
}
body.signals .reset-password-box {
  width: 300px;
  background: #f6f6f6;
  background-image: -webkit-linear-gradient(white, #fbfbfb);
  border: 1px solid transparent;
  border-image: -webkit-linear-gradient(top, #ddd, #bbb) 1 1 stretch;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 27px 40px 18px;
  position: relative;
  z-index: 100;
  display: inline-block;
}
body.signals .reset-password-box form {
  margin-bottom: 0;
}
body.signals .reset-password-box p {
  text-align: center;
}
body.signals .reset-password-box .divider {
  font-style: italic;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 18px;
}
body.signals .reset-password-box h1, body.signals .reset-password-box .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .reset-password-box h2, body.signals .reset-password-box .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .reset-password-box h1, body.signals .reset-password-box .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .reset-password-box h1, body.signals .reset-password-box .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .reset-password-box h1, body.signals .reset-password-box .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .reset-password-box h1, body.signals .reset-password-box .new-stream h2, body.signals .new-stream .reset-password-box h2, body.signals .reset-password-box .card-layout .pane-header h2, body.signals .card-layout .pane-header .reset-password-box h2, body.signals .reset-password-box .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .reset-password-box h1, body.signals .reset-password-box .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .reset-password-box h1, body.signals .reset-password-box .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .reset-password-box h1, body.signals .reset-password-box .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .reset-password-box h1, body.signals .reset-password-box .right-bar .pane-header h2, body.signals .right-bar .pane-header .reset-password-box h2, body.signals .reset-password-box .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .reset-password-box h1, body.signals .reset-password-box .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .reset-password-box h1, body.signals .reset-password-box .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .reset-password-box h1, body.signals .reset-password-box .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .reset-password-box h1 {
  font-size: 20px;
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  text-align: left;
}
body.signals .login-box {
  width: 220px;
  background: #f6f6f6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 27px 30px 18px;
  position: relative;
  z-index: 100;
  display: inline-block;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
body.signals .login-box .promo-banner {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  position: absolute;
  width: 102%;
  background: #444;
  height: 45px;
  padding-top: 12px;
  padding-left: 30px;
  color: #fff;
  left: -1%;
  top: -5px;
}
body.signals .login-box .promo-banner:hover {
  background: #333;
}
body.signals .login-box .promo-banner:before {
  content: "";
  font-family: "icomoon";
  font-weight: normal;
  font-size: 1.8em;
  position: absolute;
  left: 15px;
}
body.signals .login-box .promo-container {
  margin-top: 30px;
}
body.signals .login-box form {
  margin-bottom: 0;
}
body.signals .login-box .divider {
  font-style: italic;
  text-align: center;
  padding-top: 19px;
  padding-bottom: 13px;
}
body.signals .login-box .alert {
  margin: -28px -40px 23px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 14px;
}
body.signals .login-box input[type="text"], body.signals .login-box input[type="password"] {
  height: 28px;
  font-size: 15px;
  padding-left: 14px;
}
body.signals .login-box input[type="text"].input-large, body.signals .login-box input[type="password"].input-large {
  width: 201px;
}
body.signals .login-box h1, body.signals .login-box .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .login-box h2, body.signals .login-box .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .login-box h1, body.signals .login-box .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .login-box h1, body.signals .login-box .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .login-box h1, body.signals .login-box .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .login-box h1, body.signals .login-box .new-stream h2, body.signals .new-stream .login-box h2, body.signals .login-box .card-layout .pane-header h2, body.signals .card-layout .pane-header .login-box h2, body.signals .login-box .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .login-box h1, body.signals .login-box .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .login-box h1, body.signals .login-box .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .login-box h1, body.signals .login-box .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .login-box h1, body.signals .login-box .right-bar .pane-header h2, body.signals .right-bar .pane-header .login-box h2, body.signals .login-box .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .login-box h1, body.signals .login-box .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .login-box h1, body.signals .login-box .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .login-box h1, body.signals .login-box .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .login-box h1 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  text-align: center;
}
body.signals .login-box h4 {
  text-align: center;
  font-weight: 300;
  color: #4a4a4a;
  font-size: 16px;
  margin: 0 0 20px 0;
  line-height: 36px;
}
body.signals .login-box p {
  text-align: center;
}
body.signals .confirmaccount-box {
  margin: 20px auto;
  width: 600px;
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 40px;
}
body.signals .confirmaccount-box h3 {
  text-align: center;
  font-weight: 300;
  color: #4a4a4a;
  font-size: 20px;
  margin: 0 0 20px 0;
  line-height: 36px;
}
body.signals .confirmaccount-box p {
  text-align: center;
}

body.signals .login-box, body.signals .card.main {
  background-image: -webkit-linear-gradient(white, #fbfbfb);
  background-image: -moz-linear-gradient(white, #fbfbfb);
}
body.signals .header {
  margin-top: 70px;
  text-align: center;
}
body.signals .header.spaced {
  margin-top: 130px;
}
body.signals img.logo {
  width: 404px;
  margin-left: -25px;
}
body.signals img.logo.smaller {
  width: 324px;
}
body.signals .demo {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding-top: 26px;
  padding-left: 40px;
}
body.signals .demo > div {
  float: none;
  display: inline-block;
  vertical-align: top;
}
body.signals .extension.span6 {
  border: 1px solid #CBCBCB;
  font-family: Open Sans;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 2px 5px 23px #DDD;
  position: relative;
  margin-left: 48px;
}
body.signals .extension.span6:before, body.signals .extension.span6:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body.signals .extension.span6:after {
  border-bottom-color: #f6f6f6;
  border-width: 11px;
  left: 90%;
  margin-left: -13px;
}
body.signals .extension.span6:before {
  border-bottom-color: #cbcbcb;
  border-width: 12px;
  left: 90%;
  margin-left: -14px;
}
body.signals .extension.span6 .inner-extension {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
body.signals .extension.span6 .stream a:hover {
  color: black;
}
body.signals .extension.span6 .activity {
  padding-top: 6px;
}
body.signals .extension.span6 .activity:hover {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, white), color-stop(0.05, #fafafa), color-stop(0.95, #fafafa), color-stop(1, white));
}
body.signals .extension.span6 .activity:hover .contact img {
  margin-left: 4px;
}
body.signals .extension.span6 .activity .stream-update {
  font-family: inherit;
}
body.signals .extension.span6 .activity .stream-update .meta {
  width: 80.47%;
}
body.signals .extension.span6 .activity .stream-update .meta i {
  margin-right: 5px;
  font-size: 1.1em;
}
body.signals .extension.span6 .activity .stream-update .meta i.icon-linkedin-sign {
  font-size: 1.15em;
  color: #1380B0;
  margin-left: 3px;
}
body.signals .extension.span6 .activity .stream-update .meta i.icon-envelope {
  color: #D70014;
}
body.signals .extension.span6 .activity .stream-update .meta i.icon-salesforce {
  color: #79CF19;
}
body.signals .extension.span6 .activity .stream-update .meta i.icon-sprocket {
  color: #F7761F;
}
body.signals .extension.span6 .activity .stream-update .meta strong {
  color: #444;
  font-weight: 500;
}
body.signals .extension.span6 .activity .stream-update .more-info {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #bbb;
  font-weight: 300;
}
body.signals .extension.span6 .activity .stream-update .contact {
  width: 13.89%;
}
body.signals .extension.span6 .activity .stream-update .contact img {
  width: 49px;
  height: 49px;
  margin-bottom: 7px;
  transition: all 0.1s ease;
}
body.signals .extension.span6 .activity .stream-update .name {
  font-size: 15px;
  font-weight: 600;
}
body.signals .extension.span6 .activity .stream-update .status {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 300;
}

html.chrome .non-chrome-only {
  display: none;
}

html:not(.chrome) .chrome-only {
  display: none;
}

body.signals .header {
  margin-top: 50px;
  margin-bottom: 30px;
}
body.signals .header img.brand {
  margin-left: 0;
  margin-top: 0;
  width: 245px;
  max-width: 70%;
  height: auto;
}
body.signals .header.mobile {
  margin-top: 0;
  background: #242424;
  padding: 10px 0;
}
body.signals .header.mobile img.brand {
  width: 133px;
}
body.signals p.onboarding-help {
  display: inline-block;
  margin-bottom: -10px;
  font-size: .9rem;
  font-weight: 600;
  opacity: .65;
}
body.signals p.onboarding-help a {
  text-decoration: underline;
  cursor: pointer;
}
body.signals p.privacy-policy {
  width: 310px;
  margin: 0 auto;
  text-align: center;
  color: #888;
}
body.signals .extension-status:not(.installed) .installed {
  display: none;
}
body.signals .extension-status.installed .not-installed {
  display: none;
}
body.signals .login-container {
  width: 310px;
}
body.signals .welcome-container {
  width: 100%;
  max-width: 620px;
}
body.signals .welcome-container.mobile {
  width: auto;
}
body.signals .login-container .warning-bubble.protip, body.signals .welcome-container .warning-bubble.protip, body.signals .install-container .warning-bubble.protip {
  left: 0;
  margin: -25px 0 0 0;
}
body.signals .login-container .warning-bubble.protip.show-tip, body.signals .login-container .warning-bubble.protip:hover, body.signals .welcome-container .warning-bubble.protip.show-tip, body.signals .welcome-container .warning-bubble.protip:hover, body.signals .install-container .warning-bubble.protip.show-tip, body.signals .install-container .warning-bubble.protip:hover {
  width: 300px;
  left: -245px;
}
body.signals .login-container .alert, body.signals .welcome-container .alert, body.signals .install-container .alert {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: none;
  border: none;
  margin: -27px -31px 23px;
  text-align: center;
  font-weight: bold;
}
body.signals .login-container .alert.alert-error, body.signals .welcome-container .alert.alert-error, body.signals .install-container .alert.alert-error {
  background-color: rgba(255, 0, 0, 0.15);
  border-bottom: 1px solid rgba(255, 0, 0, 0.2);
}
body.signals .login-container .alert a, body.signals .welcome-container .alert a, body.signals .install-container .alert a {
  vertical-align: -2px;
  font-weight: 400;
}
body.signals .login-container hr, body.signals .welcome-container hr, body.signals .install-container hr {
  margin-left: -30px;
  margin-right: -30px;
}
body.signals .login-container p.muted, body.signals .welcome-container p.muted, body.signals .install-container p.muted {
  color: #333;
  opacity: 0.8;
  margin-bottom: 6px;
}
body.signals .login-container .gen-btn.secondary, body.signals .welcome-container .gen-btn.secondary, body.signals .install-container .gen-btn.secondary {
  background-color: #e5e5e5;
}
body.signals .login-container .gen-btn.gmail.input-large, body.signals .welcome-container .gen-btn.gmail.input-large, body.signals .install-container .gen-btn.gmail.input-large {
  position: relative;
  padding-left: 50px;
  font-size: 18px;
  text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.4);
  background-image: none;
  background-color: #F44C39;
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  margin-bottom: 10px;
}
body.signals .login-container .gen-btn.gmail.input-large i.icon-google-plus, body.signals .welcome-container .gen-btn.gmail.input-large i.icon-google-plus, body.signals .install-container .gen-btn.gmail.input-large i.icon-google-plus {
  position: absolute;
  font-size: 47px;
  width: 27px;
  text-shadow: none;
  overflow: hidden;
  top: 5px;
  left: 11px;
  height: 41px;
}
body.signals .login-container .card-actions, body.signals .welcome-container .card-actions, body.signals .install-container .card-actions {
  margin-bottom: -18px;
  padding-top: 20px;
}
body.signals .login-container .card-actions .card-action, body.signals .welcome-container .card-actions .card-action, body.signals .install-container .card-actions .card-action {
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 0;
  background-color: white;
  border-top: 1px solid #eee;
  font-size: 13px;
  padding-left: 47px;
  padding-right: 47px;
  color: #888;
  line-height: 36px;
}
body.signals .login-container .card-actions .card-action a, body.signals .welcome-container .card-actions .card-action a, body.signals .install-container .card-actions .card-action a {
  float: right;
  color: #666;
  font-weight: 600;
}
body.signals .login-container .control-group .controls .input-large, body.signals .welcome-container .control-group .controls .input-large, body.signals .install-container .control-group .controls .input-large {
  line-height: 23px;
  height: auto;
  font-size: 14px;
}
body.signals .login-container p.login, body.signals .welcome-container p.login, body.signals .install-container p.login {
  color: #666;
}
body.signals .login-container .divider, body.signals .welcome-container .divider, body.signals .install-container .divider {
  font-style: italic;
  padding-bottom: 20px;
  padding-top: 0;
  margin-top: -29px;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}
body.signals .login-container .divider .spacer, body.signals .welcome-container .divider .spacer, body.signals .install-container .divider .spacer {
  display: inline-block;
  background-color: #fefefe;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
}
body.signals .onboarding-container {
  width: 508px;
  left: 0;
}
body.signals .onboarding-container.uninstall {
  width: 360px;
}
body.signals .onboarding-container.uninstall .card form {
  margin-top: 15px;
  text-align: center;
}
body.signals .onboarding-container img {
  display: block;
  margin: -7px auto 5px;
}
body.signals .onboarding-container img.screenshot {
  margin-top: 15px;
  margin-bottom: 25px;
  box-shadow: 1px 1px 3px #ccc;
  border: 1px solid #999;
}
body.signals .onboarding-container .card input {
  padding: 0px 14px;
  height: 40px;
}
body.signals .onboarding-container .card a {
  cursor: pointer;
}
body.signals .onboarding-container .card p {
  margin: 8px 27px 15px;
}
body.signals .onboarding-container .card p.heading {
  font-weight: 600;
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 0;
}
body.signals .onboarding-container .card p.heading:not(.careful) {
  color: #888;
}
body.signals .onboarding-container .card p.heading + p {
  margin-top: 5px;
}
body.signals .onboarding-container .card p.heading + select {
  margin-top: 10px;
  margin-left: 27px;
}
body.signals .onboarding-container .card p.large {
  font-size: 18px;
  line-height: 23px;
}
body.signals .onboarding-container .card p.subtext {
  font-size: 16px;
  line-height: 20px;
  color: #666;
}
body.signals .onboarding-container .card p.faded {
  opacity: 0.8;
}
body.signals .onboarding-container .card p strong {
  color: #333;
  opacity: 0.9;
}
body.signals .onboarding-container .card p strong.gmail {
  color: #71000b;
}
body.signals .onboarding-container .card p strong.outlook {
  color: #6f6206;
}
body.signals .onboarding-container .card p strong.apple-mail {
  color: #093d54;
}
body.signals .onboarding-container .card p strong.hubspot {
  color: #aa4806;
}
body.signals .onboarding-container .card p strong.salesforce {
  color: #365c0b;
}
body.signals .onboarding-container .not-supported {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 25px;
}
body.signals .onboarding-container .not-supported strong {
  font-weight: 700;
}
body.signals .onboarding-container .service-text {
  text-transform: capitalize;
}
body.signals .onboarding-container .waiting-for-connection {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}
body.signals .onboarding-container .applemail .waiting-for-connection {
  margin-top: 5px;
}
body.signals .onboarding-container .applemail .waiting-for-connection hr {
  margin: 13px 0;
}
body.signals .onboarding-container .applemail .waiting-for-connection .applemail-video {
  margin-top: 22px;
}
body.signals .onboarding-container .cta-container {
  margin-top: 20px;
  padding: 0 60px;
  margin-bottom: 20px;
  text-align: center;
}
body.signals .onboarding-container .cta-container:first-child {
  margin-top: 5px;
}
body.signals .onboarding-container .cta-container .input-large i {
  margin-right: 12px;
  font-size: 20px;
  line-height: 15px;
  vertical-align: middle;
}
body.signals .onboarding-container .cta-container .input-large i.icon-envelope {
  vertical-align: -1px;
}
body.signals .welcome-container hr {
  margin-top: 0;
}
body.signals .welcome-container.mobile {
  padding: 20px;
}
body.signals .welcome-container.mobile hr {
  margin: 20px 0;
}
body.signals .welcome-container .welcome-message {
  position: relative;
  padding: 0 0 100px 0;
  background: url("/static/img/onboarding/cityscape-hero-beacon-no-orange.jpg") no-repeat center bottom;
}
body.signals .welcome-container .welcome-message.gmail {
  padding: 0 0 90px 0;
}
body.signals .welcome-container .welcome-message.gmail p {
  font-size: 16px;
}
body.signals .welcome-container .welcome-message.gmail .gmail-activation {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 30px 0 0 0;
}
body.signals .welcome-container .welcome-message.gmail .gmail-activation a.send-your-first-tracked-email {
  display: inline;
  width: auto;
}
body.signals .welcome-container .welcome-message.gmail .gmail-activation a.send-your-first-tracked-email:hover {
  cursor: pointer;
}
body.signals .welcome-container .welcome-user {
  margin: .5em 0;
  height: 32px;
  line-height: 32px;
}
body.signals .welcome-container .welcome-user .user .avatar {
  margin: 0 6px 0 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
body.signals .footer {
  text-align: center;
  margin-top: 30px;
}
body.signals .footer a.muted {
  color: #555;
  font-weight: 700;
}
body.signals .footer a.muted:hover {
  color: #2285BA;
}
body.signals .card.onboarding {
  border-color: orange;
  padding-bottom: 0;
  padding-top: 6px;
}
body.signals .card.onboarding img.connection-img {
  margin: 5px auto 20px;
}
body.signals .card.onboarding img.connection-img.hide {
  display: none;
}
body.signals .card.onboarding a.img-btn {
  padding-left: 0;
  padding-right: 0;
  width: 142px;
  font-size: 16px;
}
body.signals .card.onboarding a.img-btn + a.img-btn {
  margin-left: 11px;
  margin-top: 5px;
}
body.signals .card.onboarding a.gen-btn.skip {
  margin-bottom: 20px;
  margin-top: 20px;
}
body.signals .card.onboarding .textarea-container {
  background-color: #fcf8e3;
  padding: 15px 21px 10px;
  margin: 25px -21px 25px;
  border-top: 1px solid #fbeed5;
  border-bottom: 1px solid #fbeed5;
}
body.signals .card.onboarding .textarea-container .highlight {
  color: red;
  font-size: 19px;
}
body.signals .card.onboarding .textarea-container.small {
  margin: 20px -21px 10px;
}
body.signals .card.onboarding .textarea-container.small label {
  text-align: center;
}
body.signals .card.onboarding .textarea-container label {
  font-size: 16px;
  font-weight: 700;
}
body.signals .card.onboarding .textarea-container textarea {
  width: 100%;
  box-sizing: border-box;
  color: #9c374c;
  border: 2px solid orange;
  margin-bottom: 10px;
  margin-top: 1px;
}
body.signals .card.onboarding .textarea-container textarea.copy-link {
  text-align: center;
  margin: 11px auto 7px;
  resize: none;
  padding-left: 0;
  overflow: visible;
  padding-right: 0;
  color: #555;
}
body.signals .card.onboarding h1, body.signals .card.onboarding .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.onboarding h2, body.signals .activities.stream:not(.new-stream) .card.onboarding h1, body.signals .card.onboarding .activities.stream:not(.new-stream) h1, body.signals .card.onboarding .new-stream h2, body.signals .new-stream .card.onboarding h2, body.signals .card.onboarding .card-layout .pane-header h2, body.signals .card-layout .pane-header .card.onboarding h2, body.signals .card.onboarding .right-bar .pane-header h2, body.signals .right-bar .pane-header .card.onboarding h2 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  padding-bottom: 6px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
  margin-left: -10px;
  color: #666;
}
body.signals .card.onboarding h1:before, body.signals .card.onboarding .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding h1:before, body.signals .card.onboarding .activities.stream:not(.new-stream) h1:before, body.signals .card.onboarding .new-stream h2:before, body.signals .new-stream .card.onboarding h2:before, body.signals .card.onboarding .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding h2:before, body.signals .card.onboarding .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding h2:before {
  width: 24px;
  height: 24px;
  font-weight: 600;
  opacity: 0.8;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  margin-right: 13px;
}
body.signals .card.onboarding.highlight {
  border: 1px solid #f47722;
}
body.signals .card.onboarding.complete, body.signals .card.onboarding.incomplete {
  border-color: transparent;
  opacity: 0.8;
}
body.signals .card.onboarding.complete .card-body, body.signals .card.onboarding.incomplete .card-body {
  display: none;
}
body.signals .card.onboarding.complete p, body.signals .card.onboarding.incomplete p {
  margin-top: -5px;
  margin-bottom: 10px;
}
body.signals .card.onboarding.complete h1, body.signals .card.onboarding.complete .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.onboarding.complete h2, body.signals .card.onboarding.complete .new-stream h2, body.signals .new-stream .card.onboarding.complete h2, body.signals .card.onboarding.complete .card-layout .pane-header h2, body.signals .card-layout .pane-header .card.onboarding.complete h2, body.signals .card.onboarding.complete .right-bar .pane-header h2, body.signals .right-bar .pane-header .card.onboarding.complete h2, body.signals .card.onboarding.incomplete h1, body.signals .card.onboarding.incomplete .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .card.onboarding.incomplete h2, body.signals .card.onboarding.incomplete .new-stream h2, body.signals .new-stream .card.onboarding.incomplete h2, body.signals .card.onboarding.incomplete .card-layout .pane-header h2, body.signals .card-layout .pane-header .card.onboarding.incomplete h2, body.signals .card.onboarding.incomplete .right-bar .pane-header h2, body.signals .right-bar .pane-header .card.onboarding.incomplete h2 {
  opacity: 0.6;
}
body.signals .card.onboarding.complete h1:after, body.signals .card.onboarding.complete .activities.stream:not(.new-stream) h2:after, body.signals .activities.stream:not(.new-stream) .card.onboarding.complete h2:after, body.signals .card.onboarding.complete .new-stream h2:after, body.signals .new-stream .card.onboarding.complete h2:after, body.signals .card.onboarding.complete .card-layout .pane-header h2:after, body.signals .card-layout .pane-header .card.onboarding.complete h2:after, body.signals .card.onboarding.complete .right-bar .pane-header h2:after, body.signals .right-bar .pane-header .card.onboarding.complete h2:after {
  font-family: "FontAwesome";
  content: "\f00c";
  float: right;
  color: #789D4E;
  opacity: 1;
  font-size: 22px;
  margin-right: -4px;
}
body.signals .card.onboarding.step-1 h1:before, body.signals .card.onboarding.step-1 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-1 h2:before, body.signals .card.onboarding.step-1 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-1 h2:before, body.signals .card.onboarding.step-1 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-1 h2:before, body.signals .card.onboarding.step-1 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-1 h2:before {
  content: "1";
}
body.signals .card.onboarding.step-2 h1:before, body.signals .card.onboarding.step-2 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-2 h2:before, body.signals .card.onboarding.step-2 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-2 h2:before, body.signals .card.onboarding.step-2 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-2 h2:before, body.signals .card.onboarding.step-2 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-2 h2:before {
  content: "2";
}
body.signals .card.onboarding.step-3 h1:before, body.signals .card.onboarding.step-3 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-3 h2:before, body.signals .card.onboarding.step-3 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-3 h2:before, body.signals .card.onboarding.step-3 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-3 h2:before, body.signals .card.onboarding.step-3 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-3 h2:before {
  content: "3";
}
body.signals .card.onboarding.step-4 h1:before, body.signals .card.onboarding.step-4 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-4 h2:before, body.signals .card.onboarding.step-4 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-4 h2:before, body.signals .card.onboarding.step-4 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-4 h2:before, body.signals .card.onboarding.step-4 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-4 h2:before {
  content: "4";
}
body.signals .card.onboarding.step-5 h1:before, body.signals .card.onboarding.step-5 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-5 h2:before, body.signals .card.onboarding.step-5 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-5 h2:before, body.signals .card.onboarding.step-5 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-5 h2:before, body.signals .card.onboarding.step-5 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-5 h2:before {
  content: "5";
}
body.signals .card.onboarding.step-6 h1:before, body.signals .card.onboarding.step-6 .activities.stream:not(.new-stream) h2:before, body.signals .activities.stream:not(.new-stream) .card.onboarding.step-6 h2:before, body.signals .card.onboarding.step-6 .new-stream h2:before, body.signals .new-stream .card.onboarding.step-6 h2:before, body.signals .card.onboarding.step-6 .card-layout .pane-header h2:before, body.signals .card-layout .pane-header .card.onboarding.step-6 h2:before, body.signals .card.onboarding.step-6 .right-bar .pane-header h2:before, body.signals .right-bar .pane-header .card.onboarding.step-6 h2:before {
  content: "6";
}
body.signals .login-container, body.signals .onboarding-container, body.signals .welcome-container {
  margin-top: 19px;
  padding: 0;
}
body.signals .login-container.is-insights, body.signals .onboarding-container.is-insights, body.signals .welcome-container.is-insights {
  width: 90%;
}
body.signals .login-container.is-insights .login-box, body.signals .onboarding-container.is-insights .login-box, body.signals .welcome-container.is-insights .login-box {
  display: none;
}
body.signals .login-container.is-insights .insights-login-box, body.signals .onboarding-container.is-insights .insights-login-box, body.signals .welcome-container.is-insights .insights-login-box {
  display: block;
}
body.signals .login-container .insights-login-box, body.signals .onboarding-container .insights-login-box, body.signals .welcome-container .insights-login-box {
  text-align: center;
  display: none;
}
body.signals .login-container .login-box, body.signals .onboarding-container .login-box, body.signals .welcome-container .login-box {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body.signals .login-container .login-box input, body.signals .onboarding-container .login-box input, body.signals .welcome-container .login-box input {
  margin-bottom: 0;
}
body.signals .login-container .login-box form, body.signals .onboarding-container .login-box form, body.signals .welcome-container .login-box form {
  padding: 0 15px;
  text-align: center;
}
body.signals .login-container .login-box form label, body.signals .onboarding-container .login-box form label, body.signals .welcome-container .login-box form label {
  color: #9c374c;
  margin-top: 7px;
}
body.signals .login-container .login-box form label.sub_checkbox_text, body.signals .onboarding-container .login-box form label.sub_checkbox_text, body.signals .welcome-container .login-box form label.sub_checkbox_text {
  font-size: 9pt;
  color: #444;
  text-align: left;
  margin-left: 2px;
  margin-bottom: 13px;
}
body.signals .login-container .login-box div.subscribe_via_google, body.signals .onboarding-container .login-box div.subscribe_via_google, body.signals .welcome-container .login-box div.subscribe_via_google {
  margin-top: -9px;
  padding: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: -9px auto 5px;
  text-align: left;
  padding-top: 7px;
  background-color: rgba(242, 76, 57, 0.6);
}
body.signals .login-container .login-box div.subscribe_via_google .sub_checkbox_text, body.signals .onboarding-container .login-box div.subscribe_via_google .sub_checkbox_text, body.signals .welcome-container .login-box div.subscribe_via_google .sub_checkbox_text {
  font-size: 9pt;
  color: white;
}
body.signals .login-container .login-box div.subscribe_via_google input.sub_checkbox, body.signals .onboarding-container .login-box div.subscribe_via_google input.sub_checkbox, body.signals .welcome-container .login-box div.subscribe_via_google input.sub_checkbox {
  margin-left: -6px;
  margin-right: 5px;
}
body.signals .login-container .pop-out, body.signals .onboarding-container .pop-out, body.signals .welcome-container .pop-out {
  display: none;
}

body.extension .filter-box {
  margin: 0;
}
body.extension .filter-box li.filter-item.filter-hubspot, body.extension .filter-box li.filter-item.filter-salesforce, body.extension .filter-box li.filter-item.filter-unopens {
  display: none;
}
body.extension .filter-box.has-salesforce li.filter-item.filter-salesforce {
  display: inline-block;
}
body.extension .filter-box.has-hubspot li.filter-item.filter-hubspot {
  display: inline-block;
}
body.extension .filter-box.has-unopens li.filter-item.filter-unopens {
  display: inline-block;
}
body.extension .filter-box ul.filter-options a {
  text-decoration: none;
}
body.extension .filter-box ul.filter-options a li.filter-item {
  margin-left: 0;
  font-size: 11px;
}
body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.selected, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-all li.filter-item.filter-all, body.signals .new-stream.filter-all body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-all, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-opens li.filter-item.filter-opens, body.signals .new-stream.filter-opens body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-opens, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-clicks li.filter-item.filter-clicks, body.signals .new-stream.filter-clicks body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-clicks, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-unopens li.filter-item.filter-unopens, body.signals .new-stream.filter-unopens body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-unopens, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-salesforce li.filter-item.filter-salesforce, body.signals .new-stream.filter-salesforce body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-salesforce, body.extension .filter-box ul.filter-options a:not(:hover) body.signals .new-stream.filter-hubspot li.filter-item.filter-hubspot, body.signals .new-stream.filter-hubspot body.extension .filter-box ul.filter-options a:not(:hover) li.filter-item.filter-hubspot {
  border-color: whitesmoke;
}

body.signals.extension {
  background-color: #edece9;
  background-image: none;
}
body.signals.extension .navbar {
  border-bottom: 1px solid #d8d4d0;
  box-shadow: 0 2px 4px #e3e3e3;
}
body.signals.extension .navbar .navbar-inner {
  border-bottom: none;
}
body.signals.extension iframe.stream_ctas {
  position: fixed;
  z-index: 100;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
body.signals.extension .stream.activities.new-stream {
  position: static;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  padding: 10px;
  margin-top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  max-height: 522px;
}
body.signals.extension .stream.activities.new-stream.banner-visible {
  padding-top: 33px;
}
body.signals.extension .stream.activities.new-stream.expired {
  -webkit-filter: blur(2px);
  opacity: 0.6;
  pointer-events: none;
}
body.signals.extension .stream.activities.new-stream .activity-item .meta .location {
  max-width: 203px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.signals.extension .expired-trial-alert {
  text-align: center;
  background-color: #fcf8e3;
  border-bottom: 1px solid #c2c2c2;
  box-shadow: 0 2px 4px #cccccc;
}
body.signals.extension .expired-trial-alert .main-text {
  font-size: 22px;
  font-family: Lato;
  font-weight: 300;
  padding-top: 17px;
  color: #333333;
  padding-bottom: 12px;
}
body.signals.extension .expired-trial-alert .main-text i {
  color: #d70014;
}
body.signals.extension .expired-trial-alert .main-text span.emphasis {
  font-weight: 400;
}
body.signals.extension .expired-trial-alert .sub-text {
  display: inline-block;
  padding-bottom: 13px;
  border-top: 1px solid #e9d9be;
  padding-top: 5px;
}
body.signals.extension .expired-trial-alert .sub-text p:first-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 1px;
}
body.signals.extension .expired-trial-alert .action-buttons {
  margin-bottom: 14px;
}
body.signals.extension .expired-trial-alert .action-buttons a + a {
  margin-left: 20px;
}

body.extension .how-to-track.activity-link {
  text-decoration: none;
}
body.extension .how-to-track.activity-link .activity {
  height: 60px;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta {
  text-align: center;
  width: 100%;
  margin-top: 17px;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta .connect-message {
  font-size: 15px;
  color: #333;
  font-weight: 600;
  margin-left: 20px;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta .connect-message > span {
  color: #666;
  font-family: "Lato";
  font-size: 16px;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta .connect-message > span > span {
  color: #e26d35;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta .connect-message .globe {
  width: 20px;
  height: 20px;
  background-color: #e26d35;
  color: white;
  border-radius: 20px;
  font-size: 0.8em;
  display: inline-block;
  margin-top: -2px;
  margin-left: -20px;
  margin-right: 60px;
  float: right;
  transition: all 0.5s ease;
}
body.extension .how-to-track.activity-link .activity .stream-update .meta .connect-message .globe i.icon-arrow-right {
  margin-left: -5px;
  margin-top: 3px;
  position: absolute;
  transition: all 0.5s ease;
}
body.extension .how-to-track.activity-link .activity:hover .stream-update .meta .connect-message .globe {
  width: 30px;
  height: 30px;
  margin-top: -7px;
}
body.extension .how-to-track.activity-link .activity:hover .stream-update .meta .connect-message .globe i.icon-arrow-right {
  margin-left: -5px;
  margin-top: 8px;
}
body.extension h1, body.extension body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) body.extension h2, body.extension body.signals .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card body.extension h1, body.extension body.signals .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) body.extension h1, body.extension body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline body.extension h1, body.extension body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) body.extension h1, body.extension body.signals .new-stream h2, body.signals .new-stream body.extension h2, body.extension body.signals .new-stream .card h1, body.signals .new-stream .card body.extension h1, body.extension body.signals .card .new-stream h1, body.signals .card .new-stream body.extension h1, body.extension body.signals .new-stream .headline h1, body.signals .new-stream .headline body.extension h1, body.extension body.signals .headline .new-stream h1, body.signals .headline .new-stream body.extension h1, body.extension body.signals .card-layout .pane-header h2, body.signals .card-layout .pane-header body.extension h2, body.extension body.signals .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card body.extension h1, body.extension body.signals .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header body.extension h1, body.extension body.signals .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline body.extension h1, body.extension body.signals .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header body.extension h1, body.extension body.signals .right-bar .pane-header h2, body.signals .right-bar .pane-header body.extension h2, body.extension body.signals .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card body.extension h1, body.extension body.signals .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header body.extension h1, body.extension body.signals .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline body.extension h1, body.extension body.signals .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header body.extension h1 {
  margin: 10px;
}
body.extension a:focus {
  outline: 0;
  color: inherit;
}
body.extension #loading {
  margin: 20px auto;
  height: 10px;
  width: 37px;
}
body.extension .loading {
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  background-color: #EDECE9;
  float: left;
  height: 8px;
  margin-left: 4px;
  width: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
body.extension #loading_1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
body.extension #loading_2 {
  -webkit-animation-delay: 0.33s;
  animation-delay: 0.33s;
}
body.extension #loading_3 {
  -webkit-animation-delay: 0.66s;
  animation-delay: 0.66s;
}
body.extension #noUser {
  padding: 20px 40px;
  text-align: center;
}
body.extension #noUser .btn {
  width: 160px;
  margin-bottom: 20px;
}
body.extension #yesUser {
  padding: 0;
  width: 500px;
}
body.extension .daily-email {
  display: none;
  font-size: 11px;
}
body.extension .navbar {
  width: 100%;
  margin: 0;
  box-shadow: 0 0 10px #DDD;
}
body.extension .navbar .nav {
  margin-left: 1px;
}
body.extension .navbar .navbar-inner {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-image: linear-gradient(to bottom, #f6f6f6, #f0f0f0);
  border-bottom: 1px solid #e0e0e0;
  box-shadow: none;
  padding-right: 9px;
  padding-left: 11px;
}
body.extension .navbar .navbar-inner .tooltip-inner {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-weight: 600;
}
body.extension .navbar .navbar-inner .bubble-icon {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 26px;
  background-color: #DDD;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.3), 1px 1px 2px white;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding-top: 8px;
  margin-left: 0;
}
body.extension .navbar .navbar-inner .bubble-icon:hover {
  background-color: #CFCFCF;
}
body.extension .navbar .navbar-inner .bubble-icon i {
  color: white;
  text-align: center;
  margin-left: -1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
body.extension .navbar .navbar-inner .bubble-icon i.icon-cog {
  font-size: 14px;
  line-height: 10px;
}
body.extension .navbar .navbar-inner > div {
  margin-top: 10px;
}
body.extension .navbar .navbar-inner > div > span {
  margin-right: 6px;
  font-size: 0.9em;
}
body.extension .navbar .navbar-inner ul.nav-tabs {
  border: none;
}
body.extension .navbar .navbar-inner li.brand {
  vertical-align: middle;
  color: #444;
  font-weight: 400;
  font-size: 16px;
  padding-left: 0;
  padding-top: 8px;
  padding-right: 6px;
  margin-left: 0;
}
body.extension .navbar .navbar-inner li.brand i.icon-signals {
  font-size: 1.5em;
  vertical-align: -4px;
}
body.extension .navbar .navbar-inner li.activity-stream-link {
  padding-right: 70px;
}
body.extension .navbar .navbar-inner li.activity-stream-link a {
  display: inline-block;
  vertical-align: top;
  padding-left: 0;
  padding-top: 7px;
  padding-right: 0px;
  padding-bottom: 7px;
}
body.extension .navbar .navbar-inner li a {
  text-shadow: none;
  color: #444;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-top: 10px;
  font-size: 11px;
}
body.extension .navbar .navbar-inner li a.bubble-link {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  padding: 0;
  margin-top: 7px;
}
body.extension .navbar .navbar-inner .do-not-disturb {
  height: 18px;
  vertical-align: -6px;
  border-bottom-color: #CCC;
}
body.extension .navbar .navbar-inner .do-not-disturb.active i {
  color: darkRed;
}
body.extension .stream.no-activities p {
  padding: 20px;
}
body.extension .stream.no-activities img {
  margin-bottom: 30px;
}
body.extension .stream .status {
  font-size: 11px;
  padding-bottom: 0;
}
body.extension .stream .activity-link:first-child .linkedin-update {
  padding-top: 0;
}
body.extension .stream .activity-link:last-child .stream-update {
  border-bottom: none;
}
body.extension .stream .blur-activity .activity {
  -webkit-filter: blur(2px);
  opacity: 0.4;
}
body.extension .stream .invite-upgrade-overlay {
  z-index: 2;
  position: absolute;
  top: 40px;
  padding-left: 40px;
  padding-right: 30px;
  margin: 0px auto;
  height: 300px;
  border: 1px solid grey;
}
body.extension .stream .invite-upgrade-overlay h2, body.extension .stream .invite-upgrade-overlay body.signals .card h1, body.signals .card body.extension .stream .invite-upgrade-overlay h1, body.extension body.signals .card .activities.stream:not(.new-stream) .invite-upgrade-overlay h2, body.signals .card body.extension .activities.stream:not(.new-stream) .invite-upgrade-overlay h2, body.extension body.signals .activities.stream:not(.new-stream) .invite-upgrade-overlay .card h2, body.signals body.extension .activities.stream:not(.new-stream) .invite-upgrade-overlay .card h2, body.extension body.signals .activities.stream:not(.new-stream) .card .invite-upgrade-overlay h2, body.signals body.extension .activities.stream:not(.new-stream) .card .invite-upgrade-overlay h2, body.extension .stream .invite-upgrade-overlay body.signals .headline h1, body.signals .headline body.extension .stream .invite-upgrade-overlay h1, body.extension body.signals .headline .activities.stream:not(.new-stream) .invite-upgrade-overlay h2, body.signals .headline body.extension .activities.stream:not(.new-stream) .invite-upgrade-overlay h2, body.extension body.signals .activities.stream:not(.new-stream) .invite-upgrade-overlay .headline h2, body.signals body.extension .activities.stream:not(.new-stream) .invite-upgrade-overlay .headline h2, body.extension body.signals .activities.stream:not(.new-stream) .headline .invite-upgrade-overlay h2, body.signals body.extension .activities.stream:not(.new-stream) .headline .invite-upgrade-overlay h2 {
  color: black;
  margin: 0;
  font-size: 18pt;
  line-height: 3em;
}
body.extension .stream .invite-upgrade-overlay p {
  color: black;
  font-size: 14pt;
  line-height: 1.5em;
}
body.extension .stream .invite-upgrade-overlay .icon-thumbs-up {
  font-size: 20pt;
  float: left;
  margin-top: 22px;
  margin-right: 10px;
}
body.extension .stream .invite-upgrade-overlay .icon-exclamation-sign {
  font-size: 20pt;
  float: left;
  margin-top: 22px;
  margin-right: 10px;
}
body.extension .stream .invite-upgrade-overlay-background {
  z-index: 1;
  opacity: 0.8;
  position: absolute;
  top: 40px;
  background-color: #D6D6D6;
  height: 301px;
  padding-left: 80px;
  padding-right: 20px;
}
body.extension .stream .activity {
  padding: 10px 10px 0px 10px;
}
body.extension .stream .activity .stream-update {
  margin: 0;
  padding: 0 0 2px 0;
}
body.extension .stream .activity .meta {
  margin-top: 6px;
  margin-left: 5px;
  width: 79.47%;
}
body.extension .stream .activity .contact {
  width: 11.89%;
}
body.extension .stream .activity .contact img {
  margin-bottom: 10px;
  margin-left: 2px;
}
body.extension .stream .activity .contact .actions a.vip {
  font-size: 9px;
  padding: 3px 8px;
}
body.extension .stream .name {
  font-size: 12px;
}
body.extension .stream .name a {
  display: inline-block;
  max-width: 300px;
}

body.signals .card.report-card {
  padding: 10px 5px 20px;
}
body.signals .card.report-card .report-container {
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
}

.companies * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.companies span.cc {
  font-weight: 500;
}
.companies span.cc em {
  font-weight: 300;
}
.companies h2 strong, .companies body.signals .card h1 strong, body.signals .card .companies h1 strong, .companies body.signals .card .activities.stream:not(.new-stream) h2 strong, body.signals .card .activities.stream:not(.new-stream) .companies h2 strong, .companies body.signals .activities.stream:not(.new-stream) .card h2 strong, body.signals .activities.stream:not(.new-stream) .card .companies h2 strong, .companies body.signals .card .new-stream h2 strong, body.signals .card .new-stream .companies h2 strong, .companies body.signals .new-stream .card h2 strong, body.signals .new-stream .card .companies h2 strong, .companies body.signals .card .card-layout .pane-header h2 strong, body.signals .card .card-layout .pane-header .companies h2 strong, .companies body.signals .card-layout .pane-header .card h2 strong, body.signals .card-layout .pane-header .card .companies h2 strong, .companies body.signals .card .right-bar .pane-header h2 strong, body.signals .card .right-bar .pane-header .companies h2 strong, .companies body.signals .right-bar .pane-header .card h2 strong, body.signals .right-bar .pane-header .card .companies h2 strong, .companies body.signals .headline h1 strong, body.signals .headline .companies h1 strong, .companies body.signals .headline .activities.stream:not(.new-stream) h2 strong, body.signals .headline .activities.stream:not(.new-stream) .companies h2 strong, .companies body.signals .activities.stream:not(.new-stream) .headline h2 strong, body.signals .activities.stream:not(.new-stream) .headline .companies h2 strong, .companies body.signals .headline .new-stream h2 strong, body.signals .headline .new-stream .companies h2 strong, .companies body.signals .new-stream .headline h2 strong, body.signals .new-stream .headline .companies h2 strong, .companies body.signals .headline .card-layout .pane-header h2 strong, body.signals .headline .card-layout .pane-header .companies h2 strong, .companies body.signals .card-layout .pane-header .headline h2 strong, body.signals .card-layout .pane-header .headline .companies h2 strong, .companies body.signals .headline .right-bar .pane-header h2 strong, body.signals .headline .right-bar .pane-header .companies h2 strong, .companies body.signals .right-bar .pane-header .headline h2 strong, body.signals .right-bar .pane-header .headline .companies h2 strong {
  font-weight: 400;
}
.companies h2 .thin, .companies body.signals .card h1 .thin, body.signals .card .companies h1 .thin, .companies body.signals .card .activities.stream:not(.new-stream) h2 .thin, body.signals .card .activities.stream:not(.new-stream) .companies h2 .thin, .companies body.signals .activities.stream:not(.new-stream) .card h2 .thin, body.signals .activities.stream:not(.new-stream) .card .companies h2 .thin, .companies body.signals .card .new-stream h2 .thin, body.signals .card .new-stream .companies h2 .thin, .companies body.signals .new-stream .card h2 .thin, body.signals .new-stream .card .companies h2 .thin, .companies body.signals .card .card-layout .pane-header h2 .thin, body.signals .card .card-layout .pane-header .companies h2 .thin, .companies body.signals .card-layout .pane-header .card h2 .thin, body.signals .card-layout .pane-header .card .companies h2 .thin, .companies body.signals .card .right-bar .pane-header h2 .thin, body.signals .card .right-bar .pane-header .companies h2 .thin, .companies body.signals .right-bar .pane-header .card h2 .thin, body.signals .right-bar .pane-header .card .companies h2 .thin, .companies body.signals .headline h1 .thin, body.signals .headline .companies h1 .thin, .companies body.signals .headline .activities.stream:not(.new-stream) h2 .thin, body.signals .headline .activities.stream:not(.new-stream) .companies h2 .thin, .companies body.signals .activities.stream:not(.new-stream) .headline h2 .thin, body.signals .activities.stream:not(.new-stream) .headline .companies h2 .thin, .companies body.signals .headline .new-stream h2 .thin, body.signals .headline .new-stream .companies h2 .thin, .companies body.signals .new-stream .headline h2 .thin, body.signals .new-stream .headline .companies h2 .thin, .companies body.signals .headline .card-layout .pane-header h2 .thin, body.signals .headline .card-layout .pane-header .companies h2 .thin, .companies body.signals .card-layout .pane-header .headline h2 .thin, body.signals .card-layout .pane-header .headline .companies h2 .thin, .companies body.signals .headline .right-bar .pane-header h2 .thin, body.signals .headline .right-bar .pane-header .companies h2 .thin, .companies body.signals .right-bar .pane-header .headline h2 .thin, body.signals .right-bar .pane-header .headline .companies h2 .thin {
  font-weight: 300;
}
.companies .details img {
  margin-bottom: 10px;
}
.companies form.company-search {
  float: right;
  display: inline-block;
  width: 340px;
  margin: 12px 0px 0px 0px;
  position: relative;
}
.companies form.company-search span.twitter-typeahead {
  width: 100%;
}
.companies form.company-search span.twitter-typeahead .tt-dataset-domains {
  border-top: none;
}
.companies form.company-search span.twitter-typeahead .tt-dropdown-menu {
  margin-top: -6px;
}
.companies form.company-search span.twitter-typeahead h3 {
  font-size: 18px;
}
.companies form.company-search span.twitter-typeahead p {
  font-weight: 400;
  font-size: 1.2em;
}
.companies form.company-search input {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.3em;
  padding: 0px 38px 0px 10px;
  line-height: normal;
  font-weight: 300;
  height: 36px;
  width: 100%;
  position: relative;
}
.companies form.company-search input.search {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.6em !important;
  padding: 0px 13px;
  line-height: normal;
  font-weight: 300;
  height: 50px;
  font-size: 15px;
  width: 100%;
  opacity: 0.7;
}
.companies form.company-search input.search:hover, .companies form.company-search input.search:focus {
  border: 1px solid #bbb;
}
.companies form.company-search input.search:focus {
  -webkit-box-shadow: inset 1px 1px 3px #eee;
  box-shadow: inset 1px 1px 3px #eee;
}
.companies form.company-search:after {
  content: "";
  font-family: "fontawesome";
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1.3em;
  color: #888;
}
.companies form.company-search p {
  font-weight: 300;
  margin: 0px 0px 16px;
  font-size: 1.4em;
  color: #666;
}
.companies form.company-search strong {
  font-weight: 500;
}

.top-companies-container .span6:nth-child(odd) {
  margin: 0px 0px 0px;
}
.top-companies-container .top-company {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
  padding: 0px !important;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}
.top-companies-container .top-company a.detail {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.top-companies-container .top-company a.detail:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-companies-container .top-company a.detail:hover:after {
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 10px;
}
.top-companies-container .top-company a.detail:hover .connections img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.top-companies-container .top-company a.detail:after {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  top: -20px;
  right: 10px;
  font-family: "FontAwesome";
  content: "";
  color: #444;
  opacity: 0.4;
}
.top-companies-container .top-company .top-company-avatar {
  float: left;
  height: 100%;
  width: auto;
}
.top-companies-container .top-company .top-company-meta {
  margin-left: 110px;
  padding-top: 10px;
  position: relative;
  height: 100%;
}
.top-companies-container .top-company .top-company-meta span {
  width: 100%;
  clear: both;
  display: inline-block;
}
.top-companies-container .top-company .top-company-meta span.company-name {
  font-weight: 500;
  text-decoration: none;
  color: #999;
}
.top-companies-container .top-company .top-company-meta span.explanation {
  font-size: 1.5em;
  text-overflow: ellipsis;
  font-weight: 300;
  padding-top: 8px;
  white-space: nowrap;
  color: #555;
  width: 94%;
}
.top-companies-container .top-company .top-company-meta .connections {
  height: 32px;
  position: absolute;
  bottom: 0px;
}
.top-companies-container .top-company .top-company-meta .connections p {
  display: inline-block;
  padding: 0 0 0 5px;
  color: #888;
  font-size: 0.95em;
  line-height: 12px;
}
.top-companies-container .top-company .top-company-meta .connections img {
  opacity: 0;
  filter: alpha(opacity=0);
}

.invites .invite-team-member.gen-btn {
  width: 32%;
  margin-right: 1%;
  padding-left: 10px;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.invites .invite-team-member.gen-btn.invited:after, .invites .invite-team-member.gen-btn.error:after {
  font-family: "icomoon";
  position: absolute;
  font-size: 1.4em;
  right: 10px;
  top: 8px;
}
.invites .invite-team-member.gen-btn.invited:after {
  content: "";
  color: #7ED221;
}
.invites .invite-team-member.gen-btn.error:after {
  content: "";
  color: #ff4d4d;
  top: 10px;
}
.invites .invite-team-member.gen-btn.already-invited:after {
  content: "";
  color: #ff4d4d;
  top: 10px;
}
.invites .invite-team-member.gen-btn.sfdc {
  margin-bottom: 5px;
  width: 100%;
}

.company-mail * {
  -webkit-font-smoothing: antialiased !important;
}

.company-mail .pane-header {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px !important;
  background: red;
}
.company-mail .pane-header:after {
  content: "";
  display: table;
  clear: both;
}
.company-mail .pane-header h1, .company-mail .pane-header body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .company-mail .pane-header h2, .company-mail .pane-header body.signals .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .company-mail .pane-header h1, .company-mail .pane-header body.signals .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .company-mail .pane-header h1, .company-mail .pane-header body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .company-mail .pane-header h1, .company-mail .pane-header body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .company-mail .pane-header h1, .company-mail .pane-header body.signals .new-stream h2, body.signals .new-stream .company-mail .pane-header h2, .company-mail .pane-header body.signals .new-stream .card h1, body.signals .new-stream .card .company-mail .pane-header h1, .company-mail .pane-header body.signals .card .new-stream h1, body.signals .card .new-stream .company-mail .pane-header h1, .company-mail .pane-header body.signals .new-stream .headline h1, body.signals .new-stream .headline .company-mail .pane-header h1, .company-mail .pane-header body.signals .headline .new-stream h1, body.signals .headline .new-stream .company-mail .pane-header h1, .company-mail body.signals .card-layout .pane-header h2, body.signals .card-layout .company-mail .pane-header h2, .company-mail body.signals .card-layout .pane-header .card h1, body.signals .card-layout .company-mail .pane-header .card h1, .company-mail body.signals .card .card-layout .pane-header h1, body.signals .card .card-layout .company-mail .pane-header h1, .company-mail body.signals .card-layout .pane-header .headline h1, body.signals .card-layout .company-mail .pane-header .headline h1, .company-mail body.signals .headline .card-layout .pane-header h1, body.signals .headline .card-layout .company-mail .pane-header h1, .company-mail body.signals .right-bar .pane-header h2, body.signals .right-bar .company-mail .pane-header h2, .company-mail body.signals .right-bar .pane-header .card h1, body.signals .right-bar .company-mail .pane-header .card h1, .company-mail body.signals .card .right-bar .pane-header h1, body.signals .card .right-bar .company-mail .pane-header h1, .company-mail body.signals .right-bar .pane-header .headline h1, body.signals .right-bar .company-mail .pane-header .headline h1, .company-mail body.signals .headline .right-bar .pane-header h1, body.signals .headline .right-bar .company-mail .pane-header h1 {
  margin-top: 14px;
  font-size: 1.5em;
  font-weight: 400;
  color: #555;
}
.company-mail .pane-header .avatar {
  float: right;
  text-align: right;
}
.company-mail .card.mail {
  padding: 20px;
}
.company-mail .card.compose {
  margin-top: 0px !important;
  padding: 0px !important;
  border: none;
  border-top: 8px solid #f5893f;
}
.company-mail .card.compose .controls {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0px;
  padding: 30px 20px 18px;
  border-top: 1px solid #eee;
}
.company-mail .card.compose .controls:after {
  content: "";
  display: table;
  clear: both;
}
.company-mail .card.compose .controls:first-child {
  padding: 25px 20px;
  border-top: none;
}
.company-mail .card.compose .controls .walkthrough {
  margin-bottom: 25px;
}
.company-mail .card.compose .controls .walkthrough.salutation {
  width: 50%;
  float: right;
  margin-bottom: 0px;
}
.company-mail .card.compose .controls .walkthrough h5 {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 7px;
}
.company-mail .card.compose .controls .walkthrough p {
  font-size: 1em;
  color: #777;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.company-mail .card.compose .controls textarea, .company-mail .card.compose .controls .editable {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding: 8px !important;
  outline: 0px !important;
  border: 1px solid #ddd;
  color: #777;
  max-width: 95%;
  font-size: 1.15em;
  width: 95%;
  resize: none;
}
.company-mail .card.compose .controls textarea:hover, .company-mail .card.compose .controls textarea:focus, .company-mail .card.compose .controls .editable:hover, .company-mail .card.compose .controls .editable:focus {
  color: #444;
  border: 1px solid #bbb;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.company-mail .card.compose .controls textarea {
  line-height: 1.6;
  height: 80px;
}
.company-mail .card.compose .controls .editable-container {
  position: relative;
  width: auto;
  float: left;
  cursor: pointer;
}
.company-mail .card.compose .controls .editable-container.full-width {
  width: 424px;
}
.company-mail .card.compose .controls .editable-container.full-width .editable {
  width: 424px;
  max-width: 375px;
}
.company-mail .card.compose .controls .editable-container.hide-edit:after {
  opacity: 0.1;
}
.company-mail .card.compose .controls .editable-container .editable {
  height: 20px !important;
  max-width: 150px;
  min-width: 100px;
  margin-bottom: 0px;
  padding-right: 40px !important;
  width: auto;
  resize: none;
  text-overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  cursor: text;
}
.company-mail .card.compose .controls .editable-container:after {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: "";
  font-family: "FontAwesome";
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 1.2em;
  display: block;
}
.company-mail .card.compose .controls.submit {
  text-align: center;
}
.company-mail .card.compose .controls.submit button {
  margin-bottom: 14px;
  position: relative;
  top: 4px;
}
.company-mail .card.compose .controls.submit a.preview {
  font-size: 1.3em;
  color: #333;
  cursor: pointer;
}
.company-mail .card.compose .controls.submit span {
  display: inline-block;
  margin: 0px 25px 0px 20px;
  color: #aaa;
  font-size: 0.85em;
  font-weight: 600;
}
.company-mail .introducing {
  position: relative;
  margin-bottom: 15px;
}
.company-mail .introducing h6 {
  font-weight: 600;
  font-size: 1em;
}
.company-mail .introducing h6:before {
  content: "";
  font-family: "FontAwesome";
  font-weight: normal;
  padding-right: 5px;
}
.company-mail .introducing h4 {
  font-weight: 400;
}
.company-mail .introducing p {
  color: #666;
  font-size: 1.04em;
  line-height: 1.5;
  padding-right: 130px;
}
.company-mail .introducing a.dismiss {
  font-family: "Jura";
  font-size: 2.4em;
  color: #ccc;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.company-mail .introducing .open-banner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 13px;
  background: #f47722;
  right: -8px;
  top: 100px;
  position: absolute;
  width: 110px;
  height: 70px;
}
.company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .new-stream h2, body.signals .new-stream .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .card-layout .pane-header h2, body.signals .card-layout .pane-header .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .right-bar .pane-header h2, body.signals .right-bar .pane-header .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner h5 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .new-stream h2, body.signals .new-stream .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .card-layout .pane-header h2, body.signals .card-layout .pane-header .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .right-bar .pane-header h2, body.signals .right-bar .pane-header .company-mail .introducing .open-banner h2, .company-mail .introducing .open-banner body.signals .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .company-mail .introducing .open-banner h1, .company-mail .introducing .open-banner body.signals .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .company-mail .introducing .open-banner h1 {
  font-size: 2.7em;
  padding-top: 0px;
  padding-bottom: 2px !important;
}
.company-mail .introducing .open-banner h5 {
  text-transform: uppercase;
  font-size: 1em;
}
.company-mail .introducing .open-banner:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent #d85e0b;
}
.company-mail .zocial.icon {
  margin-right: 4px;
}

.company-container table {
  width: 100%;
}

.connect-onboarding .alert .faces {
  text-align: center;
}
.connect-onboarding .alert .faces img {
  margin: 10px 5px;
}
.connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .connect-onboarding .connect-inbox-cta h2, .connect-onboarding .connect-inbox-cta body.signals .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .new-stream h2, body.signals .new-stream .connect-onboarding .connect-inbox-cta h2, .connect-onboarding .connect-inbox-cta body.signals .new-stream .card h1, body.signals .new-stream .card .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card .new-stream h1, body.signals .card .new-stream .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .new-stream .headline h1, body.signals .new-stream .headline .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .headline .new-stream h1, body.signals .headline .new-stream .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card-layout .pane-header h2, body.signals .card-layout .pane-header .connect-onboarding .connect-inbox-cta h2, .connect-onboarding .connect-inbox-cta body.signals .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .right-bar .pane-header h2, body.signals .right-bar .pane-header .connect-onboarding .connect-inbox-cta h2, .connect-onboarding .connect-inbox-cta body.signals .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .connect-onboarding .connect-inbox-cta h1, .connect-onboarding .connect-inbox-cta body.signals .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .connect-onboarding .connect-inbox-cta h1 {
  min-width: 270px;
  float: left;
}
.connect-onboarding .connect-inbox-cta a.gen-btn {
  margin-top: 8px;
}

.invite-all {
  margin: 20px auto;
}

.similar-companies td.photo {
  max-width: 32px;
  width: 32px;
  overflow: hidden;
}
.similar-companies td.photo img {
  height: 32px;
}

.similar-search input[type=text] {
  height: 38px;
  font-size: 15px;
  padding-left: 14px;
  margin-top: 15px;
}

body.signals .card-layout .contact img {
  width: 29px;
  height: 29px;
  background-image: -webkit-linear-gradient(#d3d3d3, #ccc);
  border-radius: 2px;
}
body.signals .card-layout .contact.mini-avatar {
  display: inline-block;
}
body.signals .card-layout .contact.mini-avatar img {
  width: 21px;
  height: 21px;
}
body.signals .card-layout .contact.large-avatar img {
  width: 41px;
  height: 41px;
}
body.signals .card-layout .table.contacts {
  width: auto;
  margin: 0 -30px;
}
body.signals .card-layout .table.contacts .company-contact {
  display: block;
  padding: 4px 16px 4px 30px;
}
body.signals .card-layout .table.contacts .company-contact:hover {
  background-color: whitesmoke;
}
body.signals .card-layout .table.contacts .company-contact:hover .mail {
  opacity: 0.6;
  -webkit-filter: none;
}
body.signals .card-layout .table.contacts .company-contact > div {
  display: inline-block;
}
body.signals .card-layout .table.contacts .company-contact.company-connection > div {
  vertical-align: top;
}
body.signals .card-layout .table.contacts .company-contact.company-connection .contact-data .name {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
body.signals .card-layout .table.contacts .company-contact.company-connection .connection {
  color: #888;
}
body.signals .card-layout .table.contacts .company-contact.company-connection .connection .contact {
  margin-left: 3px;
}
body.signals .card-layout .table.contacts .company-contact.company-connection .mail {
  margin-top: 10px;
}
body.signals .card-layout .table.contacts .company-contact .contact-data {
  max-width: 316px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
body.signals .card-layout .table.contacts .company-contact .name {
  display: inline-block;
  margin-left: 8px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 316px;
  vertical-align: middle;
}
body.signals .card-layout .table.contacts .company-contact .name:hover {
  text-decoration: underline;
}
body.signals .card-layout .table.contacts .company-contact .name.muted {
  font-weight: normal;
  margin-left: 5px;
  color: #666;
}
body.signals .card-layout .table.contacts .company-contact .name.muted:hover {
  text-decoration: none;
}
body.signals .card-layout .table.contacts .company-contact .job-title {
  display: inline;
  vertical-align: middle;
  margin-left: 5px;
  color: #999;
}
body.signals .card-layout .table.contacts .company-contact .job-title + div {
  margin-left: 8px;
}
body.signals .card-layout .table.contacts .company-contact .mail {
  float: right;
  margin-top: 5px;
  opacity: 0.2;
  -webkit-filter: grayscale(100%);
}
body.signals .card-layout .table.contacts .company-contact .mail a {
  text-decoration: none;
}

html.mobile body.signals .side-bar {
  display: none;
}
html.mobile body.signals .main {
  min-width: 0;
}
html.mobile body.signals .activities.new-stream {
  padding: 100px 0 30px;
}
html.mobile body.signals .activities.new-stream, html.mobile body.signals .heading.new-stream {
  padding-left: 0;
  padding-right: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  min-width: 0px;
}
html.mobile body.signals .activities.new-stream .stream-header h2, html.mobile body.signals .activities.new-stream .stream-header .card h1, html.mobile body.signals .card .activities.new-stream .stream-header h1, html.mobile body.signals .activities.new-stream .stream-header .headline h1, html.mobile body.signals .headline .activities.new-stream .stream-header h1, html.mobile body.signals .heading.new-stream .stream-header h2, html.mobile body.signals .heading.new-stream .stream-header .card h1, html.mobile body.signals .card .heading.new-stream .stream-header h1, html.mobile body.signals .heading.new-stream .stream-header .headline h1, html.mobile body.signals .headline .heading.new-stream .stream-header h1 {
  text-align: center;
  display: block;
}
html.mobile body.signals .activities.new-stream .stream-header h2:before, html.mobile body.signals .activities.new-stream .stream-header .card h1:before, html.mobile body.signals .card .activities.new-stream .stream-header h1:before, html.mobile body.signals .activities.new-stream .stream-header .headline h1:before, html.mobile body.signals .headline .activities.new-stream .stream-header h1:before, html.mobile body.signals .heading.new-stream .stream-header h2:before, html.mobile body.signals .heading.new-stream .stream-header .card h1:before, html.mobile body.signals .card .heading.new-stream .stream-header h1:before, html.mobile body.signals .heading.new-stream .stream-header .headline h1:before, html.mobile body.signals .headline .heading.new-stream .stream-header h1:before {
  content: "\f101";
  font-family: fontcustom;
  color: #F47722;
  margin-right: 6px;
}
html.mobile body.signals .activities.new-stream .stream-header .search-bar, html.mobile body.signals .heading.new-stream .stream-header .search-bar {
  display: none;
}
html.mobile body.signals .activities.new-stream .filter-box, html.mobile body.signals .heading.new-stream .filter-box {
  text-align: center;
}
html.mobile body.signals .activities.new-stream .filter-box ul.filter-options li.filter-item, html.mobile body.signals .heading.new-stream .filter-box ul.filter-options li.filter-item {
  font-size: 9px;
  padding: 6px 0;
}
html.mobile body.signals .activities.new-stream .filter-box ul.filter-options li.filter-item span.full-filter-name, html.mobile body.signals .heading.new-stream .filter-box ul.filter-options li.filter-item span.full-filter-name {
  display: none;
}
html.mobile body.signals .activities.new-stream .filter-box ul.filter-options a:first-child li.filter-item, html.mobile body.signals .heading.new-stream .filter-box ul.filter-options a:first-child li.filter-item {
  margin-left: 6px;
}
html.mobile body.signals .activities.new-stream .stream-start .activity, html.mobile body.signals .heading.new-stream .stream-start .activity {
  display: none;
}
html.mobile body.signals .activities.new-stream .stream-start .activity-item, html.mobile body.signals .heading.new-stream .stream-start .activity-item {
  font-size: 11px;
}
html.mobile body.signals .activities.new-stream .stream-start .activity-item .meta .story, html.mobile body.signals .heading.new-stream .stream-start .activity-item .meta .story {
  font-size: 12px;
}
html.mobile body.signals .activities.new-stream .stream-start .activity-item + .activity-item, html.mobile body.signals .heading.new-stream .stream-start .activity-item + .activity-item {
  margin-top: 1px;
}
html.mobile body.signals .activities.new-stream .stream-start .activity-item .primary-activity .location, html.mobile body.signals .heading.new-stream .stream-start .activity-item .primary-activity .location {
  font-size: 10px;
}
html.mobile body.signals .activities.new-stream .stream-start .single-activity .story, html.mobile body.signals .heading.new-stream .stream-start .single-activity .story {
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 56%;
  white-space: nowrap;
}
html.mobile body.signals .activities.new-stream .stream-start .single-activity .sub-story, html.mobile body.signals .heading.new-stream .stream-start .single-activity .sub-story {
  width: 43%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  color: slategrey;
  text-align: right;
  white-space: nowrap;
}

span.tt-dropdown-menu {
  width: 100%;
  padding-right: 17px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  border: 1px solid #666;
}
span.tt-dropdown-menu .tt-dataset-emails, span.tt-dropdown-menu .tt-dataset-domains {
  margin-right: -17px;
}
span.tt-dropdown-menu .tt-dataset-domains {
  border-top: 1px solid #aaa;
}

span.twitter-typeahead h3 {
  margin: 0px;
  color: #666;
  background-color: whitesmoke;
  font-size: 16px;
  font-weight: 400;
  padding-left: 10px;
  line-height: 36px;
}
span.twitter-typeahead .tt-suggestion {
  border-top: 1px solid #e3e3e3;
}
span.twitter-typeahead .tt-suggestion p {
  padding: 2px 10px 0px 0px;
  margin-bottom: 0px;
  color: #333;
}
span.twitter-typeahead .tt-suggestion p img {
  width: 35px;
  height: 35px;
  margin-top: -2px;
  padding-right: 5px;
  box-sizing: content-box;
}
span.twitter-typeahead .tt-suggestions {
  background-color: white;
}
span.twitter-typeahead .tt-suggestions .tt-is-under-cursor {
  background-color: #0097cf;
}
span.twitter-typeahead .tt-suggestions .tt-is-under-cursor p {
  color: #ffffff;
}

html.mac .non-mac-notice {
  display: block;
}

body.signals .right-pane .centered {
  text-align: center;
  margin-top: 20px;
}
body.signals .right-pane .centered.submission {
  margin-top: 10px;
}
body.signals .right-pane hr.mini {
  margin-left: 0;
  width: 220px;
  border-bottom-width: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.signals .right-pane .non-mac-notice .alert, body.signals .card-layout .non-mac-notice .alert {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.signals .right-pane .non-mac-notice .alert h2, body.signals .right-pane .non-mac-notice .alert .card h1, body.signals .card .right-pane .non-mac-notice .alert h1, body.signals .right-pane .non-mac-notice .alert .headline h1, body.signals .headline .right-pane .non-mac-notice .alert h1, body.signals .card-layout .non-mac-notice .alert h2, body.signals .card-layout .non-mac-notice .alert .card h1, body.signals .card .card-layout .non-mac-notice .alert h1, body.signals .card-layout .non-mac-notice .alert .headline h1, body.signals .headline .card-layout .non-mac-notice .alert h1 {
  margin-left: 15px;
  font-size: 20px;
}
body.signals .right-pane .non-mac-notice .alert i, body.signals .card-layout .non-mac-notice .alert i {
  font-size: 36px;
  float: left;
  margin-top: 11px;
}
body.signals .right-pane ol.instructions, body.signals .card-layout ol.instructions {
  margin-top: 11px;
}
body.signals .right-pane ol.instructions li, body.signals .card-layout ol.instructions li {
  font-size: 15px;
  line-height: 28px;
}
body.signals .right-pane ol.instructions li > div, body.signals .card-layout ol.instructions li > div {
  margin-left: -28px;
}
body.signals .right-pane ol.instructions li > div > img, body.signals .card-layout ol.instructions li > div > img {
  margin-top: 15px;
  margin-bottom: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #666;
  padding: 10px;
}
body.signals .right-pane ol.instructions li .gen-btn, body.signals .card-layout ol.instructions li .gen-btn {
  font-size: 15px;
}
body.signals .right-pane ol.instructions li .cta, body.signals .card-layout ol.instructions li .cta {
  text-align: center;
  padding: 15px 0;
}
body.signals .right-pane ol.instructions li .clipboard, body.signals .card-layout ol.instructions li .clipboard {
  text-align: center;
  padding: 15px 0;
}
body.signals .right-pane ol.instructions li .clipboard .copy-message, body.signals .card-layout ol.instructions li .clipboard .copy-message {
  color: darkgreen;
  font-weight: 300;
  margin-top: 10px;
  opacity: 0;
}
body.signals .right-pane .zeroclipboard-is-hover, body.signals .card-layout .zeroclipboard-is-hover {
  text-decoration: none;
  opacity: 0.85;
  color: white;
  background-color: #ee8f62;
  box-shadow: 1px 2px 2px #CCC;
  border-color: #80320C;
}
body.signals .right-pane .zeroclipboard-is-active, body.signals .card-layout .zeroclipboard-is-active {
  text-decoration: none;
  opacity: 0.85;
  color: white;
  box-shadow: 1px 2px 2px #CCC;
  border-color: #80320C;
  background-color: #BD5929;
}
body.signals h2.billing .domain, body.signals .card h1.billing .domain, body.signals .card .activities.stream:not(.new-stream) h2.billing .domain, body.signals .activities.stream:not(.new-stream) .card h2.billing .domain, body.signals .headline h1.billing .domain, body.signals .headline .activities.stream:not(.new-stream) h2.billing .domain, body.signals .activities.stream:not(.new-stream) .headline h2.billing .domain, body.signals .right-pane > h2:first-child .domain, body.signals .card .right-pane > h1:first-child .domain, body.signals .headline .right-pane > h1:first-child .domain {
  font-weight: 500;
  font-style: italic;
  float: right;
}
body.signals h2.billing .section, body.signals .card h1.billing .section, body.signals .card .activities.stream:not(.new-stream) h2.billing .section, body.signals .activities.stream:not(.new-stream) .card h2.billing .section, body.signals .headline h1.billing .section, body.signals .headline .activities.stream:not(.new-stream) h2.billing .section, body.signals .activities.stream:not(.new-stream) .headline h2.billing .section, body.signals .right-pane > h2:first-child .section, body.signals .card .right-pane > h1:first-child .section, body.signals .headline .right-pane > h1:first-child .section {
  color: #6f6f6f;
}
body.signals .right-pane {
  max-width: 750px;
  min-width: 643px;
  width: 90%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-color: white;
  padding-left: 34px;
  padding-right: 34px;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow-x: hidden;
  overflow-y: visible;
}
body.signals .right-pane hr.end-block {
  border-width: 0;
}
body.signals .right-pane .alert {
  margin-left: -35px;
  margin-right: -35px;
  border-radius: 0;
  text-align: center;
}

body.signals.injected .main {
  min-width: 0;
  overflow: hidden;
}
body.signals.injected .main .tooltip {
  font-size: 12px;
}
body.signals.injected .main .hidden {
  display: none;
}
body.signals.injected .main .last-touch {
  height: 64px;
}
body.signals.injected .main .company-contacts-container {
  min-height: 79px;
  max-height: 87px;
}
body.signals.injected .main .card-layout {
  left: 0;
  padding-left: 3px;
  overflow: hidden;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 5px;
}
body.signals.injected .main .card-layout .branding-header .segment-divider {
  border-top: 1px solid orange;
  position: absolute;
  width: 100%;
  top: 13px;
}
body.signals.injected .main .card-layout .branding-header h4 {
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 8px;
  background-color: white;
  position: relative;
  padding-right: 5px;
  display: inline-block;
}
body.signals.injected .main .card-layout .branding-header i {
  margin-right: 2px;
  vertical-align: -1px;
}
body.signals.injected .main .card-layout .branding-header span.cc {
  font-weight: 500;
  color: #666;
  font-family: "myriad-pro";
}
body.signals.injected .main .card-layout .branding-header span.cc em {
  font-weight: 400;
}
body.signals.injected .main .card-layout img {
  background-image: -webkit-linear-gradient(lightgrey, #ccc);
}
body.signals.injected .main .card-layout .card-CTA {
  padding: 0 11px 11px;
}
body.signals.injected .main .card-layout .card.promo p {
  padding-left: 23px;
  padding-right: 14px;
  font-size: 14px;
  color: #555;
  margin-left: 8px;
  padding-bottom: 4px;
  margin-bottom: 9px;
}
body.signals.injected .main .card-layout .card.promo p:first-child {
  margin-top: 4px;
}
body.signals.injected .main .card-layout .card.promo p i {
  position: absolute;
  left: 12px;
  margin-top: 2px;
  color: #2E4E70;
  text-align: center;
}
body.signals.injected .main .card-layout .card.promo .emphasis {
  font-weight: 600;
  font-size: 15px;
  color: #333;
}
body.signals.injected .main .card-layout .card.plain {
  border: none;
  box-shadow: none;
  padding: 9px 0 0 6px;
  margin-left: -5px;
  margin-top: -17px;
  margin-bottom: 17px;
}
body.signals.injected .main .card-layout .card.plain + .card.plain {
  margin-top: -1px;
}
body.signals.injected .main .card-layout .card.plain > div {
  cursor: pointer;
  border-radius: 3px;
  margin-left: -3px;
  padding-left: 3px;
  padding-bottom: 0px;
}
body.signals.injected .main .card-layout .card.plain > div:hover {
  background-color: whitesmoke;
}
body.signals.injected .main .card-layout .card.plain > div:hover p.primary:after {
  display: inline;
}
body.signals.injected .main .card-layout .card.plain p.primary {
  margin-bottom: 0;
  font-size: 15px;
  color: #333;
  line-height: 18px;
  position: relative;
  padding: 3px 0 1px;
}
body.signals.injected .main .card-layout .card.plain p.primary:after {
  content: "more";
  font-size: 11px;
  float: right;
  color: grey;
  margin-right: 6px;
  display: none;
  margin-top: 0px;
}
body.signals.injected .main .card-layout .card.plain p.subtext {
  padding-bottom: 3px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
  line-height: 13px;
  color: #666;
}
body.signals.injected .main .card-layout .card.plain.data {
  margin-bottom: 0;
}
body.signals.injected .main .card-layout .card.plain .offset {
  padding: 2px 0 8px;
  margin-left: 5px;
}
body.signals.injected .main .card-layout .card.plain p.company-data {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  color: #999;
  margin-right: 5px;
}
body.signals.injected .main .card-layout .card.plain .company-datum {
  float: right;
  font-weight: 600;
  color: #444;
}
body.signals.injected .main .card-layout .card.plain .contact-info {
  display: inline-block;
  margin-left: 5px;
  max-width: 155px;
}
body.signals.injected .main .card-layout .card.plain .contact-info .contact-name {
  font-size: 14px;
  line-height: 18px;
  margin-top: -1px;
  font-weight: 600;
}
body.signals.injected .main .card-layout .card.plain .contact-info .contact-name a {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
body.signals.injected .main .card-layout .card.plain .contact-info .last-contact {
  font-size: 12px;
  line-height: 12px;
}
body.signals.injected .main .card-layout .contacts-container {
  min-height: 29px;
}
body.signals.injected .main .card-layout .contacts-container a.contact + a.contact {
  margin-left: 1px;
}
body.signals.injected .main .card-layout .contacts-container img {
  vertical-align: bottom;
}
body.signals.injected .main .card-layout .contacts-container span {
  padding-left: 5px;
}
body.signals.injected .main .card-layout .contact-detail-container {
  padding-left: 0px;
  padding-bottom: 8px;
  padding-top: 2px;
  margin-left: 5px;
}
body.signals.injected .main .card-layout .contact-detail-container img {
  vertical-align: top;
}
body.signals.injected .main .card-layout .pane-header {
  padding-left: 14px;
  padding-right: 14px;
  box-shadow: none;
  border: none;
}
body.signals.injected .main .card-layout .pane-header p {
  font-weight: 400;
  color: #666;
  font-style: italic;
  font-size: 14px;
  line-height: 8px;
  margin-bottom: 0;
  font-family: "myriad-pro";
}
body.signals.injected .main .card-layout .pane-header h1, body.signals.injected .main .card-layout .pane-header h2 {
  padding: 7px 21px 1px;
  line-height: 26px;
  font-size: 17px;
  text-overflow: ellipsis;
  max-width: 153px;
  white-space: nowrap;
  overflow: hidden;
  color: #111;
}
body.signals.injected .main .card-layout .pane-header h1 span.small, body.signals.injected .main .card-layout .pane-header h2 span.small {
  font-size: 17px;
}
body.signals.injected .main .card-layout .pane-header h1 span.smaller, body.signals.injected .main .card-layout .pane-header h2 span.smaller {
  font-size: 17px;
}
body.signals.injected .main .card-layout .pane-header > img {
  margin: 0 5px 0 -15px;
  border-radius: 4px;
  height: 41px;
  width: 41px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
body.signals.injected .main .card-layout .card.promo hr.mini {
  margin: 0 12px 11px;
}
body.signals.injected .main .card-layout .card.promo .faces {
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 14px;
  text-align: center;
}
body.signals.injected .main .card-layout .card.promo .faces p {
  margin-left: 0;
  padding: 0;
}
body.signals.injected .main .card-layout .card.promo .faces span.cc {
  font-weight: 600;
}
body.signals.injected .main .card-layout .card.promo .faces span.cc em {
  font-weight: 400;
}
body.signals.injected .main .card-layout .card.promo .faces img {
  width: 29px;
  height: 29px;
  border-radius: 2px;
  margin-right: 1px;
}
body.signals.injected .main .card-layout .button.mini, body.signals.injected .main .card-layout button.mini, body.signals.injected .main .card-layout .mini.gen-btn {
  font-size: 13px;
  font-weight: 600;
  padding-left: 0px;
  padding-right: 0;
}
body.signals.injected .main .card-layout a.muted {
  color: #999;
}
body.signals.injected .main .card-layout a.muted:hover {
  color: #2285BA;
}
body.signals.injected .main .card-layout td.photo > img {
  border-radius: 2px;
}
body.signals.injected .main .card-layout td.photo {
  min-width: 41px;
  vertical-align: top;
}
body.signals.injected .main .card-layout td.mail {
  opacity: 0.6;
}
body.signals.injected .main .card-layout tr > td:last-child {
  padding-right: 14px;
  overflow: hidden;
  max-width: 123px;
}
body.signals.injected .main .card-layout .email {
  text-overflow: ellipsis;
  overflow: hidden;
}
body.signals.injected .main .card-layout .card {
  margin-top: 10px;
  padding: 7px 0 0;
}
body.signals.injected .main .card-layout .card table {
  margin-bottom: 0;
}
body.signals.injected .main .card-layout .card table tr:hover {
  cursor: pointer;
}
body.signals.injected .main .card-layout .card table tr:hover td.mail {
  opacity: 1;
}
body.signals.injected .main .card-layout .card table a {
  text-decoration: none;
}
body.signals.injected .main .card-layout .card table.full-width {
  border-radius: 0;
  margin-bottom: 10px;
  width: 197px;
}
body.signals.injected .main .card-layout .card table.full-width tr:first-child td:first-child, body.signals.injected .main .card-layout .card table.full-width tr:first-child td:last-child, body.signals.injected .main .card-layout .card table.full-width tr:last-child td:first-child, body.signals.injected .main .card-layout .card table.full-width tr:last-child td:last-child {
  border-radius: 0;
}
body.signals.injected .main .card-layout .card table.table-checkbox td:first-child {
  max-width: 150px;
  border-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0;
  padding-left: 14px;
}
body.signals.injected .main .card-layout .card h1, body.signals.injected .main .card-layout .card .activities.stream:not(.new-stream) h2, body.signals.injected .activities.stream:not(.new-stream) .main .card-layout .card h2, body.signals.injected .main .card-layout .card .new-stream h2, body.signals.injected .new-stream .main .card-layout .card h2, body.signals.injected .main .card-layout .card .pane-header h2, body.signals.injected .main .card-layout .pane-header .card h2, body.signals.injected .right-bar .pane-header .main .card-layout .card h2, body.signals.injected .main .card-layout .card h2, body.signals.injected .main .card-layout .card h1 {
  padding-left: 14px;
  padding-right: 14px;
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 4px;
}
body.signals.injected .main .card-layout .card p {
  padding-left: 14px;
  padding-right: 14px;
}
body.signals.injected .main .card-layout .card p.primary {
  font-size: 15px;
  color: #666;
  line-height: 18px;
}
body.signals.injected .main .card-layout .card p.primary strong {
  color: #444;
}
body.signals.injected .main .card-layout .card p.more {
  text-align: right;
}

body.signals .card-layout.style-guide, body.signals .modal-style-guide {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  padding-left: 200px;
  padding-right: 30px;
}
body.signals .card-layout.style-guide.cards, body.signals .modal-style-guide.cards {
  width: 1285px;
}
body.signals .card-layout.style-guide .card-container > .span4, body.signals .modal-style-guide .card-container > .span4 {
  min-width: 410px;
}

body.signals .modal-style-guide {
  margin-top: -60px;
  width: 839px;
}
body.signals .modal-style-guide .modal-holder {
  padding-top: 50px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  padding-bottom: 60px;
}
body.signals .modal-style-guide .modal-holder .modal.fade {
  position: static;
  display: block;
  opacity: 1;
  margin: 0 auto;
}
body.signals .modal-style-guide .modal-holder .modal + .modal {
  margin-top: 20px;
}
body.signals .modal-style-guide .modal-holder #popup-pointer:after {
  position: absolute;
  top: 30px;
  right: 266px;
}

html.mac10_10 .mail-instructions, html.mac10_9 .mail-instructions {
  display: block;
}
html.mac10_8 .only10_8 {
  display: block;
}
html.win .mail-instructions {
  display: block;
}
html:not(.mac10_10):not(.mac10_9):not(.mac10_8):not(.win) .catch-all {
  display: block;
}
html:not(.mac10_10):not(.mac10_9) .bad-os {
  display: block;
}

.default-hide {
  display: none;
}

@-webkit-keyframes signals_play {
  from {
    background-position: 0px;
  }
  to {
    background-position: -1710px;
  }
}
@keyframes signals_play {
  from {
    background-position: 0px;
  }
  to {
    background-position: -1710px;
  }
}
html.overlay {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: background-color 0.2s ease;
  max-width: 245px;
}
html.overlay:hover {
  background-color: white;
}

body.web-overlay {
  font-family: "Helvetica Neue", "Arial", sans-serif;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 245px;
  background-color: transparent;
  background-repeat: no-repeat;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease;
}
body.web-overlay > * {
  width: 100%;
  box-sizing: border-box;
}
body.web-overlay * {
  -webkit-font-smoothing: antialiased;
}
body.web-overlay a {
  color: #3993BD;
}
body.web-overlay a:hover {
  color: #005580;
}
body.web-overlay img.brand.mark {
  width: 13px;
  margin-right: 3px;
  vertical-align: -2px;
}
body.web-overlay .lead-view {
  overflow: scroll;
  height: 100%;
  display: block;
  padding: 26px 12px 20px;
}
body.web-overlay .lead-view .child-company-container {
  margin-left: -12px;
  margin-right: -12px;
  width: 100%;
  bottom: 0px;
  z-index: 100;
  position: absolute;
}
body.web-overlay .lead-view .child-company-container .lead-view {
  width: 220px;
  overflow: hidden;
  height: auto;
  max-height: 44px;
  border-top: 3px solid #ddd;
  border-top: 3px solid #eee;
  padding-top: 0;
  background-color: #f8f8f8;
  -webkit-transition: all 0.4s;
  position: absolute;
  bottom: 0px;
}
body.web-overlay .lead-view .child-company-container .lead-view.show-company-data {
  overflow: scroll !important;
  max-height: 100% !important;
}
body.web-overlay .lead-view .child-company-container .lead-view .header {
  cursor: pointer;
  padding-top: 0px;
}
body.web-overlay .lead-view .child-company-container .lead-view .header .expand-container {
  height: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}
body.web-overlay .lead-view .child-company-container .lead-view .header .expand-container i {
  font-size: 16px;
  opacity: 0.4;
  color: #707A7C;
  -webkit-transition: opacity 0.15s;
}
body.web-overlay .lead-view .child-company-container .lead-view .header:hover i {
  opacity: 1;
}
body.web-overlay .lead-view .add-lead-cta-container a {
  display: none;
}
body.web-overlay .lead-view.no-status .banner {
  display: none;
}
body.web-overlay .lead-view.no-status .add-lead-cta-container a.searching, body.web-overlay .lead-view.no-status .add-lead-cta-container a.add-as-lead {
  display: block;
}
body.web-overlay .lead-view.has-status .add-lead-cta-container a.searching {
  display: block;
}
body.web-overlay .lead-view.existing-lead {
  border-color: #5396CE;
}
body.web-overlay .lead-view.existing-lead .add-lead-cta-container a.existing, body.web-overlay .lead-view.existing-lead .add-lead-cta-container a.add-as-lead, body.web-overlay .lead-view.existing-lead .add-lead-cta-container a.save-record {
  display: block;
}
body.web-overlay .lead-view.new-lead .add-lead-cta-container a.add-as-lead, body.web-overlay .lead-view.new-lead .add-lead-cta-container a.save-record {
  display: block;
}
body.web-overlay .lead-view.lead-status-error {
  border-color: #b60303;
}
body.web-overlay .lead-view.lead-status-error .banner.lead-error {
  background-color: red;
}
body.web-overlay .lead-view .banner-container {
  margin: -12px -12px 10px;
}
body.web-overlay .lead-view .banner {
  display: none;
  color: white;
  font-weight: 500;
  line-height: 31px;
  padding-left: 12px;
  font-size: 12px;
}
body.web-overlay .lead-view .banner span.normal {
  font-weight: 400;
}
body.web-overlay .lead-view .gmail-onboarding .gmail-onboard-header {
  margin: 2em 0;
  text-align: center;
}
body.web-overlay .lead-view .gmail-onboarding .hidden {
  position: absolute;
  left: -9999px;
  display: none;
  visibility: hidden;
}
body.web-overlay .lead-view .gmail-onboarding .slide-container.active {
  position: relative;
  left: 0;
  display: block;
  visibility: visible;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container {
  margin: 2em 0;
  padding: 2em 0 4em 0;
  border-top: 2px solid #eee;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container .slide-nav {
  display: table;
  width: auto;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container .slide-nav li {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin: 0 .5em;
  padding: 0;
  background: #c4c4c4;
  border: 4px solid #eee;
  border-radius: 32px;
  text-indent: -9999px;
  -webkit-transition: background-color 0.2s ease;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container .slide-nav li:hover {
  cursor: pointer;
  background: #888;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container .slide-nav li.active {
  background: #4299BF;
}
body.web-overlay .lead-view .gmail-onboarding .slide-nav-container .slide-nav li.active:hover {
  cursor: default;
}
body.web-overlay .back-container {
  z-index: 101;
  cursor: pointer;
}
body.web-overlay .back-container:hover {
  background-color: #f5f5f5;
}
body.web-overlay .back-container, body.web-overlay .full-length-container {
  position: absolute;
  top: 0;
  background-color: #FDFDFD;
  line-height: 25px;
  padding-left: 9px;
  padding-right: 15px;
  padding-top: 1px;
  -webkit-transition: background-color 0.2s ease;
  border-bottom: 1px solid #e3e3e3;
}
body.web-overlay .back-container a.back-banner, body.web-overlay .full-length-container a.back-banner {
  text-decoration: none;
  color: #6B6B6B;
  font-size: 11px;
  font-weight: 500;
}
body.web-overlay .back-container i, body.web-overlay .full-length-container i {
  font-size: 7px;
  margin-right: 0px;
  margin-left: 0px;
  vertical-align: 1px;
}
body.web-overlay .back-container i.icon-signals, body.web-overlay .full-length-container i.icon-signals {
  font-size: 11px;
  vertical-align: -1px;
}
body.web-overlay #habla_window_div {
  margin: 0 !important;
}
body.web-overlay .full-length-container {
  width: auto;
  min-width: 196px;
  padding-right: 9px;
  left: 0;
  right: 0;
  cursor: default;
}
body.web-overlay .full-length-container.app-banner {
  z-index: 100;
}
body.web-overlay .full-length-container.app-banner span.logotype {
  float: left;
  color: #aaa;
}
body.web-overlay .full-length-container.app-banner span.logotype span.sidekick-logotype {
  font-weight: 500;
  color: #999;
}
body.web-overlay .full-length-container.app-banner span.button-icon-text {
  font-size: 0.7rem;
}
body.web-overlay .full-length-container.app-banner a.button-icon {
  cursor: pointer;
  line-height: 25px;
  padding: 1px 3px 0;
  margin-left: 0px;
  margin-right: 0px;
  color: #bbb;
  border-width: 0;
  border-left-width: 1px;
  border-left-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD)) 1 100%;
  text-decoration: none;
  float: right;
}
body.web-overlay .full-length-container.app-banner a.button-icon.refresh-sidekick-btn {
  padding-right: 0;
}
body.web-overlay .full-length-container.app-banner a.button-icon.close-sidekick-btn {
  padding: 0 3px;
}
body.web-overlay .full-length-container.app-banner a.button-icon.close-sidekick-btn i.icon-double-angle-right {
  font-size: 13px;
  color: #888;
}
body.web-overlay .full-length-container.app-banner a.button-icon.close-sidekick-btn:hover i.icon-double-angle-right {
  font-size: 13px;
  color: #555;
}
body.web-overlay .full-length-container.app-banner a.button-icon.home-sidekick-btn {
  padding: 0 8px;
}
body.web-overlay .full-length-container.app-banner a.button-icon.settings-sidekick-btn {
  padding: 0 5px;
}
body.web-overlay .full-length-container.app-banner a.button-icon.live-chat {
  padding: 0 10px;
}
body.web-overlay .full-length-container.app-banner a.button-icon.pull-left {
  float: left;
  padding-left: 0;
  border: none;
  padding-top: 0px;
}
body.web-overlay .full-length-container.app-banner a.button-icon.orange {
  color: #EE914C;
}
body.web-overlay .full-length-container.app-banner a.button-icon.orange span {
  color: #DD652B;
}
body.web-overlay .full-length-container.app-banner a.button-icon.orange:hover {
  color: #DD652B;
}
body.web-overlay .full-length-container.app-banner a.button-icon:first-child {
  margin-right: -3px;
}
body.web-overlay .full-length-container.app-banner a.button-icon:first-child i {
  margin-right: 0px;
}
body.web-overlay .full-length-container.app-banner a.button-icon:hover {
  color: #777;
}
body.web-overlay .full-length-container.app-banner a.button-icon i {
  font-size: 11px;
  vertical-align: 0px;
}
body.web-overlay .full-length-container.app-banner a.button-icon i + span {
  margin-left: 3px;
  font-size: 11px;
}
body.web-overlay .stream-heading-container {
  min-height: 21px;
}
body.web-overlay .stream-heading {
  display: inline-block;
  color: #bbb;
  width: 25px;
  text-align: center;
  border-right: 1px solid #ddd;
  cursor: pointer;
  height: 21px;
  line-height: 20px;
}
body.web-overlay .stream-heading:hover {
  color: #666;
}
body.web-overlay .stream-heading.active {
  color: #666;
}
body.web-overlay .stream-heading.hide {
  display: none;
}
body.web-overlay .stream-container {
  border-top: 2px solid #f0f0f0;
  margin-top: 0px;
  margin-left: -12px;
  padding-left: 12px;
  margin-right: -12px;
  padding-right: 12px;
}
body.web-overlay .twitter-time-line {
  margin-top: 10px;
}
body.web-overlay .other-social-links {
  display: inline-block;
  float: right;
}
body.web-overlay .other-social-links i {
  font-size: 11px;
  width: 21px;
  padding-right: 7px;
  color: #aaa;
}
body.web-overlay .other-social-links i:hover {
  color: #005580;
}
body.web-overlay img.contact-avatar {
  height: 28px;
  width: 28px;
  border-radius: 33px;
  margin-top: 2px;
  margin-right: 9px;
  float: left;
  background-color: #ddd;
}
body.web-overlay img.contact-avatar.empty-avatar {
  width: 28px;
  opacity: 0;
}
body.web-overlay .tooltip .tooltip-inner {
  font-weight: 500;
  line-height: 16px;
  font-size: 12px;
  padding: 8px 8px;
  max-width: 130px;
}
body.web-overlay .header {
  padding-bottom: 7px;
  padding-top: 18px;
  min-height: 36px;
  position: relative;
}
body.web-overlay .header.contact-header .contact-name a:not(:hover) {
  color: #3B484B;
}
body.web-overlay .header .primary-data {
  display: block;
  overflow: hidden;
  color: #707A7C;
}
body.web-overlay .header .primary-name, body.web-overlay .header .secondary-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
}
body.web-overlay .header .primary-name {
  color: #3B484B;
  font-weight: 700;
  line-height: 19px;
}
body.web-overlay .header .secondary-name, body.web-overlay .header .secondary-name a {
  font-size: 12px;
}
body.web-overlay .header img.company-avatar {
  height: 28px;
  border-radius: 3px;
  float: right;
}
body.web-overlay .header img.header-contact-avatar {
  height: 36px;
  width: 36px;
  border-radius: 60px;
  float: left;
  margin-right: 10px;
  background-color: white;
}
body.web-overlay .link-list .link-actions {
  line-height: 15px;
}
body.web-overlay .link-actions.pull-right {
  text-align: right;
  padding-left: 4px;
}
body.web-overlay .link-actions .record-date {
  color: #93979F;
}
body.web-overlay .link-actions .success {
  color: #45A042;
}
body.web-overlay .link-actions .error {
  color: darkred;
}
body.web-overlay .link-actions span.guessing {
  color: green;
}
body.web-overlay .link-actions a {
  text-decoration: none;
}
body.web-overlay .link-actions a:hover {
  text-decoration: none;
}
body.web-overlay a.muted {
  color: #666;
}
body.web-overlay a.external-link {
  text-decoration: none;
}
body.web-overlay a.external-link i.icon-external-link {
  font-size: 10px;
  padding-left: 1px;
}
body.web-overlay a.external-link:not(:hover).muted-link {
  color: #707A7C;
}
body.web-overlay a.external-link:not(:hover) i:not(:only-child) {
  display: none;
}
body.web-overlay .data-table:not(.no-salesforce) {
  margin-bottom: 15px;
}
body.web-overlay .data-table.no-salesforce .real-button {
  display: none;
}
body.web-overlay .data-table .link-list {
  overflow-y: hidden;
  border-color: transparent;
}
body.web-overlay .data-table.record-type {
  margin-bottom: 15px;
}
body.web-overlay .data-table.record-type .data-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #eee;
}
body.web-overlay .data-table.edit-details {
  margin-bottom: 5px;
}
body.web-overlay .data-table.editable.unselectable .data-row {
  cursor: default;
}
body.web-overlay .data-table.editable {
  position: relative;
}
body.web-overlay .data-table.editable .data-row {
  line-height: 28px;
  cursor: pointer;
}
body.web-overlay .data-table.editable .data-row:hover .data-col:last-child input.data-field::-webkit-input-placeholder {
  color: #ccc;
}
body.web-overlay .data-table.editable .data-row .data-col i {
  line-height: 28px;
  font-size: 8px;
  color: #A3A7AF;
}
body.web-overlay .data-table.editable .data-row .data-col i.pull-right {
  position: absolute;
  right: 1px;
}
body.web-overlay .data-table.editable .data-row .data-col input.data-field, body.web-overlay .data-table.editable .data-row .data-col select.data-field {
  outline: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: 127px;
  cursor: pointer;
  text-overflow: ellipsis;
  vertical-align: 0;
}
body.web-overlay .data-table.editable .data-row .data-col input.data-field:active, body.web-overlay .data-table.editable .data-row .data-col input.data-field:focus {
  cursor: text;
}
body.web-overlay .data-table.editable .data-row .data-col input.data-field::-webkit-input-placeholder {
  color: #BCBDBE;
}
body.web-overlay .data-table.editable .data-row .data-col:first-child {
  width: 84px;
}
body.web-overlay .data-table .crm-controls {
  padding-bottom: 7px;
  overflow: hidden;
}
body.web-overlay .data-table .lead-overview {
  font-size: 12px;
  margin-top: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-transition: height 0.2s ease, color 0.2s ease;
  color: #666;
}
body.web-overlay .data-table .lead-overview:not(.expanded) {
  -webkit-line-clamp: 3;
  color: #90979E;
}
body.web-overlay .data-table .lead-overview:hover {
  color: #666;
  text-decoration: none;
}
body.web-overlay .data-table .data-row {
  line-height: 26px;
}
body.web-overlay .data-table .data-row:not(:first-child) {
  border-top: 1px solid #eee;
}
body.web-overlay .data-table .data-row.social-row {
  line-height: 16px;
  margin-top: 3px;
}
body.web-overlay .data-table .data-row.social-row i {
  margin-left: 2px;
  margin-right: 2px;
}
body.web-overlay .data-table .data-row .data-col, body.web-overlay .data-table .data-row .data-col input.data-field, body.web-overlay .data-table .data-row .data-col select.data-field {
  -webkit-appearance: none;
  font-size: 12px;
  font-weight: 500;
  color: #65696C;
}
body.web-overlay .data-table .data-row .data-col {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
body.web-overlay .data-table .data-row .data-col:first-child {
  font-size: 11px;
  color: #A3A7AF;
  width: 94px;
  float: left;
}
body.web-overlay .detailed-data {
  margin-top: 5px;
}
body.web-overlay .social-properties {
  margin-top: -4px;
}
body.web-overlay .icon-signals-loop {
  display: none;
  width: 30px;
  height: 30px;
  -webkit-transform: scale(0.5);
  vertical-align: -10px;
  background-color: whitesmoke;
  background-size: cover;
  background-image: url("/static/img/animation/signals.30.gray.png");
}
body.web-overlay .icon-signals-loop.play {
  background-image: url("/static/img/animation/signals.30.spritesheet.png");
  -webkit-animation: signals_play 2s steps(57) infinite;
}
body.web-overlay .edit-lead-detail {
  padding-left: 10px;
  margin-left: -12px;
  border-left: 2px solid orange;
  margin-right: -12px;
  padding-right: 12px;
  margin-bottom: -6px;
  margin-top: 0;
}
body.web-overlay .edit-lead-detail input, body.web-overlay .edit-lead-detail select {
  background-color: transparent;
}
body.web-overlay h5 {
  font-size: 10px;
  font-weight: 600;
  margin-top: 0px;
  color: #aaa;
  text-transform: uppercase;
}
body.web-overlay h5:first-child {
  margin-top: 7px;
}
body.web-overlay h4 {
  line-height: 29px;
  font-weight: 400;
  color: #454E51;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 13px;
  cursor: default;
}
body.web-overlay h4 .pull-right {
  font-size: 11px;
  text-decoration: none;
}
body.web-overlay h4 strong {
  font-weight: 500;
}
body.web-overlay h4 i {
  line-height: 30px;
  font-size: 15px;
  margin-right: -5px;
}
body.web-overlay h4 i.icon-salesforce {
  color: #68BCFF;
}
body.web-overlay h4 i.icon-shop {
  color: #999;
}
body.web-overlay h4 i.icon-people {
  color: #f0aa75;
}
body.web-overlay h4.muted {
  color: #999;
}
body.web-overlay .link-list .contact-data {
  overflow: hidden;
}
body.web-overlay .link-list .contact-data, body.web-overlay .link-list .link-subtext {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.web-overlay span.divider {
  margin-left: 1px;
  margin-right: 1px;
  font-weight: 600;
}
body.web-overlay .signals-activities-table {
  min-height: 17px;
}
body.web-overlay .link-list {
  border-top: 1px solid #eee;
  padding-bottom: 10px;
  overflow-y: hidden;
  overflow-x: hidden;
  margin-left: -12px;
  padding-left: 12px;
  margin-right: -12px;
  padding-right: 12px;
}
body.web-overlay .link-list .pull-right:not(.existing-record-link) {
  font-size: 11px;
  font-weight: 400;
}
body.web-overlay .link-list .pull-right .record-meta-data {
  display: inline-block;
  vertical-align: top;
}
body.web-overlay .link-list .pull-right i {
  vertical-align: top;
}
body.web-overlay .link-list .pull-right i.icon-external-link {
  margin-left: 4px;
}
body.web-overlay .link-list .pull-right i.icon-plus, body.web-overlay .link-list .pull-right i.icon-minus {
  line-height: 34px;
  margin-left: 9px;
}
body.web-overlay .link-list .pull-right i.icon-chevron-right {
  margin-left: 10px;
}
body.web-overlay .link-list.empty-list {
  border-top-color: whitesmoke;
}
body.web-overlay .link-list a.banner-link:not(.expandable) {
  display: block;
  text-decoration: none;
}
body.web-overlay .link-list.signals-activities-list {
  border: none;
}
body.web-overlay .link-list.signals-activities-list:first-child {
  margin-top: 11px;
}
body.web-overlay .link-list.signals-activities-list .activity-meta {
  overflow: hidden;
}
body.web-overlay .link-list.signals-activities-list .activity-meta .third-line, body.web-overlay .link-list.signals-activities-list .activity-meta span.record-date {
  color: #bbb;
}
body.web-overlay .link-list.signals-activities-list .activity-meta span.activity-story {
  font-weight: 400;
}
body.web-overlay .link-list.signals-activities-list .banner-link, body.web-overlay .link-list.signals-activities-list .banner-link:not(.expandable) {
  line-height: 15px;
  white-space: normal;
}
body.web-overlay .link-list.signals-activities-list .banner-link .contact-data, body.web-overlay .link-list.signals-activities-list .banner-link:not(.expandable) .contact-data {
  white-space: normal;
}
body.web-overlay .link-list.signals-activities-list .banner-link .link-subtext, body.web-overlay .link-list.signals-activities-list .banner-link:not(.expandable) .link-subtext {
  vertical-align: 2px;
  margin-top: 2px;
}
body.web-overlay .link-list.signals-activities-list.contact-timeline-list:first-child {
  margin-top: 0px;
}
body.web-overlay .link-list.signals-activities-list.contact-timeline-list .banner-link {
  position: relative;
}
body.web-overlay .link-list.signals-activities-list.contact-timeline-list .banner-link:first-child {
  padding-top: 18px;
}
body.web-overlay .link-list.signals-activities-list.contact-timeline-list .banner-link:last-child:before {
  height: 50%;
}
body.web-overlay .link-list.signals-activities-list.contact-timeline-list .banner-link:before {
  width: 2px;
  height: 100%;
  content: "";
  background-color: #f0f0f0;
  left: 24px;
  z-index: 0;
  top: 0px;
  display: block;
  position: absolute;
}
body.web-overlay .link-list .banner-link {
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 3px;
  padding-bottom: 6px;
}
body.web-overlay .link-list .banner-link:not(.expandable) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #6E787C;
}
body.web-overlay .link-list .banner-link:not(.highlight) .on-highlight {
  display: none;
}
body.web-overlay .link-list .banner-link.highlight {
  border-left: 2px solid orange;
  padding-left: 10px;
}
body.web-overlay .link-list .banner-link.highlight .contact-name {
  color: #3B484B;
}
body.web-overlay .link-list .banner-link.highlight .link-subtext {
  color: #6E787C;
}
body.web-overlay .link-list .banner-link.highlight .no-highlight {
  display: none;
}
body.web-overlay .link-list .banner-link.error {
  color: darkred;
}
body.web-overlay .link-list .banner-link.lead-overview {
  padding-bottom: 6px;
}
body.web-overlay .link-list .banner-link.lead-overview:first-child {
  padding-top: 0;
}
body.web-overlay .link-list .banner-link:first-child {
  padding-top: 8px;
}
body.web-overlay .link-list .banner-link.signals-activity {
  padding-top: 10px;
}
body.web-overlay .link-list .banner-link.existing-record.claiming .claim-record-action, body.web-overlay .link-list .banner-link.existing-record.claimed .claim-record-action {
  display: none;
}
body.web-overlay .link-list .banner-link.existing-record:not(.claiming) .claiming-status {
  display: none;
}
body.web-overlay .link-list .banner-link.existing-record:not(.claim-error) .claimed-error {
  display: none;
}
body.web-overlay .link-list .banner-link.existing-record:not(.claim-success) .claimed-success {
  display: none;
}
body.web-overlay .link-list .banner-link .link-subtext {
  font-size: 11px;
  font-weight: 400;
  color: #93979F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 15px;
}
body.web-overlay .link-list .banner-link .link-subtext strong {
  font-weight: 500;
}
body.web-overlay .link-list .banner-link .link-subtext.success {
  color: green;
}
body.web-overlay .link-list .banner-link .link-subtext.record-date {
  padding-right: 0;
  margin-right: -1px;
}
body.web-overlay .link-list .banner-link .link-subtext + .link-subtext {
  margin-top: 1px;
}
body.web-overlay .link-list-header {
  margin-left: -12px;
  padding-left: 12px;
  margin-right: -12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 3px;
  border-top: 1px solid #ddd;
}
body.web-overlay .link-list-header select {
  margin: 0 -3px 0 0;
  padding: 0;
  -webkit-appearance: none;
  height: auto;
  border: 0;
  line-height: 18px;
  font-size: 11px;
  font-weight: 400;
  vertical-align: 0px;
  width: auto;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
body.web-overlay .link-list-header i.icon-sort-down {
  margin-left: 2px;
  line-height: 14px;
  margin-right: 0;
  font-size: 9px;
  vertical-align: 2px;
}
body.web-overlay .link-list-header h4 i.icon-question-sign {
  font-size: 13px;
  opacity: 0.4;
  margin-left: 1px;
}
body.web-overlay .link-list-header.view-existing-records {
  border-color: #AFDAFB;
}
body.web-overlay .link-list-header.view-company-contacts {
  border-color: #F6C9A0;
}
body.web-overlay .link-list-header.view-related-companies {
  border-color: #ddd;
}
body.web-overlay .link-list-header:not(.expanded) .expand-link .expanded {
  display: none;
}
body.web-overlay .link-list-header.expanded .expand-link .collapsed {
  display: none;
}
body.web-overlay .link-list-header h4 {
  margin-top: 0px;
  margin-bottom: 0;
}
body.web-overlay .link-list-header h4.error .pull-right {
  color: darkred;
}
body.web-overlay .link-list-header .banner-button.banner-full {
  text-transform: uppercase;
  font-size: 10px;
  color: #4F595B;
  background-color: transparent;
  font-weight: 600;
}
body.web-overlay .link-list-header .banner-button.banner-full i {
  -webkit-transition: -webkit-transform 0.4s ease;
}
body.web-overlay .link-list-subheader {
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  margin-bottom: 3px;
  padding-right: 12px;
  border-bottom: 1px solid whitesmoke;
}
body.web-overlay .link-list-subheader h5 {
  line-height: 27px;
}
body.web-overlay .link-list-subheader h5:first-child {
  margin-top: 0;
}
body.web-overlay .link-list-subheader h5 i {
  margin-right: 2px;
}
body.web-overlay .link-list-subheader h5 i.icon-sort-down {
  margin-left: 2px;
}
body.web-overlay .existing-records-table, body.web-overlay .related-companies-table, body.web-overlay .company-contacts-table, body.web-overlay .company-connections-table {
  min-height: 28px;
}
body.web-overlay .existing-records-table .saving-record .hide-on-save, body.web-overlay .related-companies-table .saving-record .hide-on-save, body.web-overlay .company-contacts-table .saving-record .hide-on-save, body.web-overlay .company-connections-table .saving-record .hide-on-save {
  display: none;
}
body.web-overlay .existing-records-table a.cancel, body.web-overlay .related-companies-table a.cancel, body.web-overlay .company-contacts-table a.cancel, body.web-overlay .company-connections-table a.cancel {
  display: none;
}
body.web-overlay .existing-records-table .edit-lead-detail, body.web-overlay .related-companies-table .edit-lead-detail, body.web-overlay .company-contacts-table .edit-lead-detail, body.web-overlay .company-connections-table .edit-lead-detail {
  margin-bottom: 5px;
  padding-top: 4px;
}
body.web-overlay .existing-records-table .edit-lead-detail form, body.web-overlay .related-companies-table .edit-lead-detail form, body.web-overlay .company-contacts-table .edit-lead-detail form, body.web-overlay .company-connections-table .edit-lead-detail form {
  border-top: 1px solid #eee;
}
body.web-overlay .existing-records-table .edit-lead-detail .notice, body.web-overlay .related-companies-table .edit-lead-detail .notice, body.web-overlay .company-contacts-table .edit-lead-detail .notice, body.web-overlay .company-connections-table .edit-lead-detail .notice {
  font-size: 11px;
}
body.web-overlay .existing-records-table.visible .banner-button.banner-full i, body.web-overlay .related-companies-table.visible .banner-button.banner-full i, body.web-overlay .company-contacts-table.visible .banner-button.banner-full i, body.web-overlay .company-connections-table.visible .banner-button.banner-full i {
  -webkit-transform: rotate(180deg);
}
body.web-overlay .search-container, body.web-overlay .find-contact-container {
  background-color: whitesmoke;
  height: 35px;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 7px;
  border-bottom: 1px solid #eee;
}
body.web-overlay .search-container + .banner-link, body.web-overlay .find-contact-container + .banner-link {
  padding-top: 8px;
}
body.web-overlay .search-container .row-fluid, body.web-overlay .find-contact-container .row-fluid {
  margin-left: 0;
}
body.web-overlay .search-container .row-fluid input, body.web-overlay .find-contact-container .row-fluid input {
  height: 29px;
  padding-left: 7px;
  float: left;
  border: none;
  border-bottom: 1px solid #ccc;
}
body.web-overlay .search-container .row-fluid input:focus, body.web-overlay .search-container .row-fluid input:active, body.web-overlay .find-contact-container .row-fluid input:focus, body.web-overlay .find-contact-container .row-fluid input:active {
  outline: none;
  border-color: #999;
  -webkit-box-shadow: none;
}
body.web-overlay .find-contact-container {
  border: none;
  margin-bottom: -3px;
  margin-top: 1px;
  background-color: transparent;
}
body.web-overlay .find-contact-container:only-child {
  margin-bottom: -7px;
}
body.web-overlay .find-contact-container .row-fluid input {
  border: 1px solid #ddd;
  margin-bottom: 0;
  border-radius: 2px;
}
body.web-overlay .activity-bubble-container {
  position: relative;
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
}
body.web-overlay .activity-bubble-container .activity-bubble {
  border-radius: 20px;
  color: white;
  width: 20px;
  height: 20px;
  border: 3px solid whitesmoke;
  display: inline-block;
  z-index: 99;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.8;
}
body.web-overlay .activity-bubble-container .activity-bubble.emailopen-bubble {
  background-color: #d70014;
  font-size: 10px;
  line-height: 19px;
}
body.web-overlay .activity-bubble-container .activity-bubble.linkclick-bubble {
  background-color: #1380b0;
  font-size: 11px;
}
body.web-overlay .activity-bubble-container .activity-bubble.salesforce-bubble {
  background-color: #6bb815;
}
body.web-overlay .activity-bubble-container .activity-bubble.hubspot-bubble {
  background-color: #f7761f;
}
body.web-overlay .activity-bubble-avatar {
  position: relative;
  display: inline-block;
  float: left;
}
body.web-overlay .activity-bubble-avatar img {
  width: 32px;
  height: 32px;
}
body.web-overlay .activity-bubble-avatar .activity-bubble {
  border-radius: 10px;
  color: white;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  right: 7px;
  bottom: 2px;
  z-index: 99;
  text-align: center;
  font-size: 9px;
  line-height: 14px;
}
body.web-overlay .activity-bubble-avatar .activity-bubble.emailopen-bubble {
  background-color: #d70014;
  font-size: 8px;
}
body.web-overlay .activity-bubble-avatar .activity-bubble.linkclick-bubble {
  background-color: #1380b0;
}
body.web-overlay .activity-bubble-avatar .activity-bubble.salesforce-bubble {
  background-color: #6bb815;
}
body.web-overlay .activity-bubble-avatar .activity-bubble.hubspot-bubble {
  background-color: #f7761f;
}
body.web-overlay .banner-button {
  font-size: 12px;
  text-align: left;
  border-radius: 0;
  padding-left: 13px;
  padding-right: 11px;
  border: none;
  color: white;
  line-height: 31px;
  text-decoration: none;
}
body.web-overlay .banner-button:hover {
  color: white;
}
body.web-overlay .banner-button.banner-full {
  box-sizing: content-box;
  margin: 0px -12px;
  background-color: #ccc;
}
body.web-overlay .banner-button .pull-right {
  line-height: 31px;
}
body.web-overlay .banner-button i.icon-sort-down {
  line-height: 27px;
}
body.web-overlay .banner-button:not(.no-link):hover {
  opacity: 0.9;
}
body.web-overlay .banner-button.real-button {
  border-radius: 2px;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  overflow: hidden;
}
body.web-overlay .banner-button.real-button .pull-right {
  color: white;
}
body.web-overlay .banner-button.real-button .pull-right.icon-ok {
  font-size: 10px;
}
body.web-overlay .banner-button.primary-button {
  background: -webkit-linear-gradient(top, #ff7f00, #ff6300) #ff6300;
  border: 1px solid #f45600;
}
body.web-overlay .banner-button.button-block {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
body.web-overlay .banner-button.hide {
  display: none;
}
body.web-overlay .banner-button.crm-button {
  border: 1px solid #b6c1c1;
  color: #6B6B6B;
  box-shadow: inset 1px 1px 2px #fafafa, 0px 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #f0f5f5;
}
body.web-overlay .banner-button.crm-button .pull-right {
  color: #6B6B6B;
}
body.web-overlay .banner-button.crm-button:hover {
  border-color: #9EA8A8;
}
body.web-overlay .banner-button.crm-button.primary-crm-button {
  border-color: rgba(50, 107, 140, 0.38);
  background: #3291c8;
  color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  width: auto;
  float: left;
}
body.web-overlay .banner-button.crm-button.primary-crm-button:hover {
  border-color: rgba(50, 107, 140, 0.5);
  opacity: 0.95;
}
body.web-overlay .banner-button.crm-button.secondary-crm-button {
  width: 82%;
  float: right;
}
body.web-overlay .banner-button.secondary-button {
  background-color: #ccc;
  box-shadow: 0 1px 0 0 #999;
}
body.web-overlay .banner-button.accented-button {
  background-color: rgba(238, 145, 76, 0.68);
  box-shadow: 0 1px 0 0 #CA8443;
}
body.web-overlay .banner-button.button-icon {
  padding: 0;
  text-align: center;
  line-height: 28px;
  height: 28px;
  font-size: 13px;
}
body.web-overlay .notice {
  font-weight: 400;
  font-size: 12px;
  line-height: 31px;
  margin-bottom: -8px;
  color: #777;
}
body.web-overlay .notice .subtext {
  line-height: 13px;
  padding-bottom: 3px;
  margin-top: -4px;
}
body.web-overlay .notice i {
  margin-right: 4px;
}
body.web-overlay .notice a {
  font-weight: 400;
  text-decoration: none;
}
body.web-overlay .notice.success {
  color: #45A042;
}
body.web-overlay .notice.error {
  color: darkred;
}
body.web-overlay .multi-state-button.save-record .adding-success, body.web-overlay .multi-state-button.save-record .added-error, body.web-overlay .multi-state-button.save-record .added-success, body.web-overlay .multi-state-button.save-record .searching-status {
  display: none;
}
body.web-overlay .multi-state-button.save-record.success {
  font-weight: 500;
  padding-left: 0;
}
body.web-overlay .multi-state-button.save-record.success .added-success {
  display: block;
}
body.web-overlay .multi-state-button.save-record.searching .searching-status {
  display: block;
}
body.web-overlay .multi-state-button.save-record.searching .default {
  display: none;
}
body.web-overlay .multi-state-button.save-record.adding, body.web-overlay .multi-state-button.save-record.searching {
  cursor: default;
  background-color: whitesmoke;
  background-image: none;
  border-color: #ddd;
  box-shadow: 0 1px 0 0 transparent;
  font-weight: 500;
  color: #999;
}
body.web-overlay .multi-state-button.save-record.adding .icon-signals-loop, body.web-overlay .multi-state-button.save-record.searching .icon-signals-loop {
  display: inline-block;
  margin-right: -8px;
}
body.web-overlay .multi-state-button.save-record.adding:not(.error):hover, body.web-overlay .multi-state-button.save-record.searching:not(.error):hover {
  opacity: 1;
}
body.web-overlay .multi-state-button.save-record.adding.error, body.web-overlay .multi-state-button.save-record.searching.error {
  background-color: white;
  color: #ec3434;
  cursor: pointer;
}
body.web-overlay .multi-state-button.save-record.adding.error .added-error, body.web-overlay .multi-state-button.save-record.searching.error .added-error {
  display: block;
}
body.web-overlay .multi-state-button.save-record.adding.error:hover, body.web-overlay .multi-state-button.save-record.searching.error:hover {
  background-color: whitesmoke;
  opacity: 0.8;
}
body.web-overlay .multi-state-button.save-record.adding.added, body.web-overlay .multi-state-button.save-record.searching.added {
  background-color: white;
  color: #45A042;
}
body.web-overlay .multi-state-button.save-record.adding.added i, body.web-overlay .multi-state-button.save-record.searching.added i {
  color: #45A042;
  margin-right: 5px;
}
body.web-overlay .multi-state-button.save-record.adding.added .added-success, body.web-overlay .multi-state-button.save-record.searching.added .added-success {
  display: block;
}
body.web-overlay .cancel-container {
  text-align: right;
  padding-top: 8px;
}
body.web-overlay .cancel-container a.small-link {
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}
body.web-overlay .crm-toggle-link {
  margin-top: 5px;
  margin-bottom: -8px;
  font-size: 11px;
  padding-bottom: 0;
  min-height: 18px;
  text-align: right;
}
body.web-overlay .add-lead-cta-container {
  margin: 0px -12px 0px;
  border-bottom: 4px solid #eee;
}
body.web-overlay .add-lead-cta-container select, body.web-overlay .add-lead-cta-container input {
  max-width: 100%;
}
body.web-overlay .add-lead-cta-container a.existing {
  background-color: #68BCFF;
}
body.web-overlay .add-lead-cta-container a.searching {
  background-color: whitesmoke;
  color: #ababab;
}
body.web-overlay .add-lead-cta-container a.searching .icon-signals-loop {
  display: block;
  -webkit-filter: grayscale(80%);
  opacity: 0.5;
  margin-right: -6px;
}
body.web-overlay .add-lead-cta-container a.searching i.icon-signals {
  margin-top: 1px;
}
body.web-overlay .add-lead-cta-container a.button, body.web-overlay .add-lead-cta-container body.signals a.gen-btn, body.signals body.web-overlay .add-lead-cta-container a.gen-btn {
  background-color: #EE914C;
  font-weight: 600;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  line-height: 31px;
  min-height: 31px;
}
body.web-overlay .add-lead-cta-container a.button span.normal, body.web-overlay .add-lead-cta-container body.signals a.gen-btn span.normal, body.signals body.web-overlay .add-lead-cta-container a.gen-btn span.normal {
  font-weight: 500;
}
body.web-overlay .add-lead-cta-container a.button .pull-right, body.web-overlay .add-lead-cta-container body.signals a.gen-btn .pull-right, body.signals body.web-overlay .add-lead-cta-container a.gen-btn .pull-right {
  line-height: 31px;
}
body.web-overlay .add-lead-cta-container a.button .subtext, body.web-overlay .add-lead-cta-container body.signals a.gen-btn .subtext, body.signals body.web-overlay .add-lead-cta-container a.gen-btn .subtext {
  margin-top: -11px;
  font-size: 11px;
  font-weight: 400;
}
body.web-overlay .blurred-sidekick {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 10000;
  bottom: 0;
  top: 0px;
  right: 0;
  left: 0;
  padding-top: 50px;
  text-align: center;
}
body.web-overlay .blurred-sidekick.limited .headline {
  margin: 20px auto 40px;
  line-height: 30px;
  font-size: 15px;
  color: #666;
}
body.web-overlay .blurred-sidekick.limited .headline strong {
  font-weight: 600;
  display: block;
  margin-bottom: 0px;
}
body.web-overlay .blurred-sidekick.limited .logo-container {
  margin-bottom: 10px;
}
body.web-overlay .blurred-sidekick.limited .logo-container i.icon-signals {
  color: #F47722;
  font-size: 40px;
}
body.web-overlay .blurred-sidekick.limited .subheadline {
  line-height: 30px;
  text-transform: uppercase;
  color: #777;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
body.web-overlay .blurred-sidekick.limited .divider {
  font-weight: 700;
  font-size: 14px;
  margin-top: 18px;
  color: #888;
  margin-bottom: 15px;
  font-style: normal;
}
body.web-overlay .blurred-sidekick.limited .subtext {
  margin-top: 14px;
}
body.web-overlay .blurred-sidekick span.marketing {
  font-size: 24px;
  color: #555;
}
body.web-overlay .blurred-sidekick span.marketing.small {
  font-size: 17px;
  color: #777;
}
body.web-overlay .blurred-sidekick span.marketing strong {
  font-weight: 600;
}
body.web-overlay .blurred-sidekick div.subtext {
  margin-top: 5px;
}
body.web-overlay .blurred-sidekick .billing-only {
  display: none;
}
body.web-overlay .blurred-sidekick .headline {
  margin-top: -11px;
  margin-bottom: 15px;
  font-size: 16px;
}
body.web-overlay .blurred-sidekick .headline span.subtext.success {
  color: #488F36;
}
body.web-overlay .blurred-sidekick span.subtext {
  color: #999;
}
body.web-overlay .blurred-sidekick span.subtext.prominent {
  color: #666;
}
body.web-overlay .blurred-sidekick span.subtext.careful {
  color: #9c374c;
}
body.web-overlay .blurred-sidekick span.subtext.hide-overlimit-state {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 12px;
  cursor: pointer;
}
body.web-overlay .blurred-sidekick .notification-count-pointer {
  position: absolute;
  right: 20px;
  top: 9px;
  font-size: 12px;
  font-weight: 400;
  color: #555;
}
body.web-overlay .blurred-sidekick .notification-count-pointer i.icon-chevron-up {
  top: -7px;
  position: absolute;
  right: 17px;
  font-size: 9px;
  color: #666;
}
body.web-overlay .blurred-sidekick .notification-count-pointer span {
  font-weight: 800;
}
body.web-overlay .blurred-sidekick .divider {
  margin-top: 37px;
  font-style: italic;
  font-weight: 600;
  color: #555;
  font-size: 16px;
}
body.web-overlay .blurred-sidekick .invitation-block {
  margin-top: 20px;
}
body.web-overlay .blurred-sidekick .invitation-block .invite-links {
  margin-top: 15px;
  text-align: center;
  vertical-align: top;
}
body.web-overlay .blurred-sidekick .invitation-block .invite-links span {
  vertical-align: top !important;
}
body.web-overlay .blurred-sidekick .invitation-block .invite-links span.social-button {
  margin-right: 7px;
}
body.web-overlay .blurred-sidekick .invitation-block .invite-links span.social-button.invite-linkedin {
  margin-left: 10px;
}
body.web-overlay .blurred-sidekick .invitation-block .invite-links span > div {
  display: inline;
  vertical-align: top;
}
body.web-overlay .primary-button-cta {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto auto;
  display: inline-block;
  padding: 8px 22px;
  font-weight: 600;
  cursor: pointer;
  font-size: .9rem;
  -webkit-box-shadow: 0px 2px 0px #EA8436;
  box-shadow: 0px 2px 0px #EA8436;
  font-size: .95rem;
  font-weight: 700;
  background: #FF9233;
  color: #fff;
}
body.web-overlay .primary-button-cta span.rarr {
  display: inline-block;
  position: relative;
  top: 1px;
  padding-left: 5px;
}
body.web-overlay .primary-button-cta.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.web-overlay .primary-button-cta.large-cta {
  padding: 16px 28px;
  font-size: 1.1rem;
}
body.web-overlay .primary-button-cta span.normal {
  font-weight: 600;
}
body.web-overlay .primary-button-cta:hover {
  background: #ff841a;
  color: white;
}
body.web-overlay .primary-button-cta:active {
  background: #EA8436;
}
body.web-overlay .secondary-button-cta {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto auto;
  display: inline-block;
  padding: 8px 22px;
  font-weight: 600;
  cursor: pointer;
  font-size: .9rem;
  -webkit-box-shadow: 0px 2px 0px #cdd4d6;
  box-shadow: 0px 2px 0px #cdd4d6;
  background: #E3E7E8;
  color: #757B7F;
  font-weight: 700;
  font-size: .80rem;
  padding: 8px 16px;
}
body.web-overlay .secondary-button-cta span.rarr {
  display: inline-block;
  position: relative;
  top: 1px;
  padding-left: 5px;
}
body.web-overlay .secondary-button-cta.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.web-overlay .secondary-button-cta.large-cta {
  padding: 16px 28px;
  font-size: 1.1rem;
}
body.web-overlay .secondary-button-cta:hover {
  text-decoration: none;
  background: #d5dbdc;
  color: #757B7F;
}
body.web-overlay .secondary-button-cta:active {
  background: #cdd4d6;
}

@-webkit-keyframes signals_play {
  from {
    background-position: 0px;
  }
  to {
    background-position: -1710px;
  }
}
@keyframes signals_play {
  from {
    background-position: 0px;
  }
  to {
    background-position: -1710px;
  }
}
.icon-signals-animated {
  -webkit-animation: signals_play 2s steps(57) infinite;
  background-size: cover;
  background-image: url("/static/img/animation/signals.30.transparent.spritesheet.png");
  display: inline-block;
  height: 30px;
  width: 30px;
}

body.signals .invite-layout {
  background: white;
  border-top: 3px solid #ff7f00;
  font-family: "proxima-nova";
  padding-bottom: 80px;
}
body.signals .invite-layout .brand.mark {
  width: 32px;
}
body.signals .invite-layout header {
  padding: 18px 0;
}
body.signals .invite-layout header a, body.signals .invite-layout header .pull-right {
  line-height: 32px;
}
body.signals .invite-layout h1, body.signals .invite-layout .activities.stream:not(.new-stream) h2, body.signals .activities.stream:not(.new-stream) .invite-layout h2, body.signals .invite-layout .activities.stream:not(.new-stream) .card h1, body.signals .activities.stream:not(.new-stream) .card .invite-layout h1, body.signals .invite-layout .card .activities.stream:not(.new-stream) h1, body.signals .card .activities.stream:not(.new-stream) .invite-layout h1, body.signals .invite-layout .activities.stream:not(.new-stream) .headline h1, body.signals .activities.stream:not(.new-stream) .headline .invite-layout h1, body.signals .invite-layout .headline .activities.stream:not(.new-stream) h1, body.signals .headline .activities.stream:not(.new-stream) .invite-layout h1, body.signals .invite-layout .new-stream h2, body.signals .new-stream .invite-layout h2, body.signals .invite-layout .card-layout .pane-header h2, body.signals .card-layout .pane-header .invite-layout h2, body.signals .invite-layout .card-layout .pane-header .card h1, body.signals .card-layout .pane-header .card .invite-layout h1, body.signals .invite-layout .card .card-layout .pane-header h1, body.signals .card .card-layout .pane-header .invite-layout h1, body.signals .invite-layout .card-layout .pane-header .headline h1, body.signals .card-layout .pane-header .headline .invite-layout h1, body.signals .invite-layout .headline .card-layout .pane-header h1, body.signals .headline .card-layout .pane-header .invite-layout h1, body.signals .invite-layout .right-bar .pane-header h2, body.signals .right-bar .pane-header .invite-layout h2, body.signals .invite-layout .right-bar .pane-header .card h1, body.signals .right-bar .pane-header .card .invite-layout h1, body.signals .invite-layout .card .right-bar .pane-header h1, body.signals .card .right-bar .pane-header .invite-layout h1, body.signals .invite-layout .right-bar .pane-header .headline h1, body.signals .right-bar .pane-header .headline .invite-layout h1, body.signals .invite-layout .headline .right-bar .pane-header h1, body.signals .headline .right-bar .pane-header .invite-layout h1, body.signals .invite-layout h2, body.signals .invite-layout .card h1, body.signals .card .invite-layout h1, body.signals .invite-layout .card .activities.stream:not(.new-stream) h2, body.signals .card .activities.stream:not(.new-stream) .invite-layout h2, body.signals .invite-layout .activities.stream:not(.new-stream) .card h2, body.signals .activities.stream:not(.new-stream) .card .invite-layout h2, body.signals .invite-layout .card .card-layout .pane-header h2, body.signals .card .card-layout .pane-header .invite-layout h2, body.signals .invite-layout .card-layout .pane-header .card h2, body.signals .card-layout .pane-header .card .invite-layout h2, body.signals .invite-layout .card .right-bar .pane-header h2, body.signals .card .right-bar .pane-header .invite-layout h2, body.signals .invite-layout .right-bar .pane-header .card h2, body.signals .right-bar .pane-header .card .invite-layout h2, body.signals .invite-layout .headline h1, body.signals .headline .invite-layout h1, body.signals .invite-layout .headline .activities.stream:not(.new-stream) h2, body.signals .headline .activities.stream:not(.new-stream) .invite-layout h2, body.signals .invite-layout .activities.stream:not(.new-stream) .headline h2, body.signals .activities.stream:not(.new-stream) .headline .invite-layout h2, body.signals .invite-layout .headline .card-layout .pane-header h2, body.signals .headline .card-layout .pane-header .invite-layout h2, body.signals .invite-layout .card-layout .pane-header .headline h2, body.signals .card-layout .pane-header .headline .invite-layout h2, body.signals .invite-layout .headline .right-bar .pane-header h2, body.signals .headline .right-bar .pane-header .invite-layout h2, body.signals .invite-layout .right-bar .pane-header .headline h2, body.signals .right-bar .pane-header .headline .invite-layout h2 {
  font-family: "proxima-nova";
  font-weight: normal;
  margin-bottom: 5px;
}
body.signals .invite-layout .hero {
  padding: 60px 0;
  text-align: center;
}
body.signals .invite-layout .hero .activities {
  height: 300px;
  margin: 60px auto 0;
  position: relative;
  width: 800px;
}
body.signals .invite-layout .hero .activities img {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  left: 0;
  position: absolute;
  top: 0;
  width: 500px;
}
body.signals .invite-layout .lead {
  font-size: 21px;
}
body.signals .invite-layout .twitter-typeahead {
  width: 100%;
}
body.signals .invites, body.signals .accepted_invites {
  margin: 0 20px 0 0;
  text-align: left;
}
body.signals .invites li, body.signals .accepted_invites li {
  list-style: none;
  margin: 4px;
  padding-top: 4px;
  text-align: left;
}
body.signals .invites img, body.signals .accepted_invites img {
  margin-right: 10px;
}
body.signals .invites img.avatar, body.signals .invites img.photo, body.signals .accepted_invites img.avatar, body.signals .accepted_invites img.photo {
  height: 30px;
  width: 30px;
}
body.signals .invites a, body.signals .invites .muted, body.signals .accepted_invites a, body.signals .accepted_invites .muted {
  float: right;
}
body.signals .invites .user, body.signals .accepted_invites .user {
  display: inline-block;
  margin-right: 10px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 50%;
  vertical-align: middle;
}
body.signals .invites .gen-btn, body.signals .accepted_invites .gen-btn {
  padding: 6px 15px 7px;
}
body.signals .invites .btn-link, body.signals .invites .muted, body.signals .accepted_invites .btn-link, body.signals .accepted_invites .muted {
  display: inline-block;
  line-height: 36px;
}
body.signals .accepted_invites li {
  display: inline-block;
  margin-right: 80px;
  width: 40%;
}
body.signals .invite-form textarea {
  padding: 9px 14px;
}
body.signals .invite-cta {
  padding: 0;
}
body.signals .invite-cta .invites {
  margin: 0 auto;
  max-width: 510px;
}
body.signals .invite-cta .invites .gen-btn {
  display: inline-block;
  padding: 6px 7px 7px;
  width: auto;
}
body.signals .invite-cta .invites li {
  float: left;
  margin: 4px 12px;
  width: 235px;
}
body.signals .invite-cta .invites .user {
  width: 120px;
}
body.signals .invite-cta .invite-links {
  margin-top: 10px;
}
body.signals .invite-cta .invite-links a {
  display: inline-block;
  padding: 0px 10px;
}
body.signals .tip .invites li {
  display: inline-block;
  margin: 4px 10px;
  width: 45%;
}
body.signals .tip .invites li .avatar {
  margin-right: 5px;
}
body.signals .invite-modal {
  text-align: center;
}
body.signals .invite-modal button {
  outline: none;
}
body.signals .invite-modal .modal-header h2, body.signals .invite-modal .modal-header .card h1, body.signals .card .invite-modal .modal-header h1, body.signals .invite-modal .modal-header .card .activities.stream:not(.new-stream) h2, body.signals .card .activities.stream:not(.new-stream) .invite-modal .modal-header h2, body.signals .invite-modal .modal-header .activities.stream:not(.new-stream) .card h2, body.signals .activities.stream:not(.new-stream) .card .invite-modal .modal-header h2, body.signals .invite-modal .modal-header .headline h1, body.signals .headline .invite-modal .modal-header h1, body.signals .invite-modal .modal-header .headline .activities.stream:not(.new-stream) h2, body.signals .headline .activities.stream:not(.new-stream) .invite-modal .modal-header h2, body.signals .invite-modal .modal-header .activities.stream:not(.new-stream) .headline h2, body.signals .activities.stream:not(.new-stream) .headline .invite-modal .modal-header h2 {
  font-family: "proxima-nova";
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
body.signals .invite-modal .modal-header p {
  font-size: 18px;
  margin: 0 0 12px;
}
body.signals .invite-modal .modal-header .close {
  color: black;
  font-size: 28px;
}
body.signals .invite-modal .modal-body ul {
  margin-bottom: 15px;
}
body.signals .invite-modal .modal-body li {
  display: inline-block;
  font-size: 16px;
  overflow-x: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  width: 45%;
}
body.signals .invite-modal .modal-body p small {
  color: #777;
  font-size: 12px;
}
body.signals .invite-modal .text-success {
  color: green;
}
body.signals .modal-backdrop {
  background-color: white;
}

.btn, button, body.signals a.btn {
  color: #777777;
  background-color: white;
  border-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none !important;
  text-shadow: none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle, button:hover, button:focus, button:active, button.active, .open > button.dropdown-toggle, body.signals a.btn:hover, body.signals a.btn:focus, body.signals a.btn:active, body.signals a.btn.active, .open > body.signals a.btn.dropdown-toggle {
  color: #777777;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn:active, .btn.active, .open > .btn.dropdown-toggle, button:active, button.active, .open > button.dropdown-toggle, body.signals a.btn:active, body.signals a.btn.active, .open > body.signals a.btn.dropdown-toggle {
  background-image: none;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, button.disabled, button.disabled:hover, button.disabled:focus, button.disabled:active, button.disabled.active, button[disabled], button[disabled]:hover, button[disabled]:focus, button[disabled]:active, button[disabled].active, fieldset[disabled] button, fieldset[disabled] button:hover, fieldset[disabled] button:focus, fieldset[disabled] button:active, fieldset[disabled] button.active, body.signals a.btn.disabled, body.signals a.btn.disabled:hover, body.signals a.btn.disabled:focus, body.signals a.btn.disabled:active, body.signals a.btn.disabled.active, body.signals a.btn[disabled], body.signals a.btn[disabled]:hover, body.signals a.btn[disabled]:focus, body.signals a.btn[disabled]:active, body.signals a.btn[disabled].active, fieldset[disabled] body.signals a.btn, fieldset[disabled] body.signals a.btn:hover, fieldset[disabled] body.signals a.btn:focus, fieldset[disabled] body.signals a.btn:active, fieldset[disabled] body.signals a.btn.active {
  background-color: white;
  border-color: white;
}
.btn .badge, button .badge, body.signals a.btn .badge {
  color: white;
  background-color: #777777;
}
.btn.btn-default, button.btn-default, body.signals a.btn.btn-default {
  color: white;
  background-color: #f7761f;
  border-color: #f7761f;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .open > .btn.btn-default.dropdown-toggle, button.btn-default:hover, button.btn-default:focus, button.btn-default:active, button.btn-default.active, .open > button.btn-default.dropdown-toggle, body.signals a.btn.btn-default:hover, body.signals a.btn.btn-default:focus, body.signals a.btn.btn-default:active, body.signals a.btn.btn-default.active, .open > body.signals a.btn.btn-default.dropdown-toggle {
  color: white;
  background-color: #db5d08;
  border-color: #d15907;
}
.btn.btn-default:active, .btn.btn-default.active, .open > .btn.btn-default.dropdown-toggle, button.btn-default:active, button.btn-default.active, .open > button.btn-default.dropdown-toggle, body.signals a.btn.btn-default:active, body.signals a.btn.btn-default.active, .open > body.signals a.btn.btn-default.dropdown-toggle {
  background-image: none;
}
.btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active, button.btn-default.disabled, button.btn-default.disabled:hover, button.btn-default.disabled:focus, button.btn-default.disabled:active, button.btn-default.disabled.active, button.btn-default[disabled], button.btn-default[disabled]:hover, button.btn-default[disabled]:focus, button.btn-default[disabled]:active, button.btn-default[disabled].active, fieldset[disabled] button.btn-default, fieldset[disabled] button.btn-default:hover, fieldset[disabled] button.btn-default:focus, fieldset[disabled] button.btn-default:active, fieldset[disabled] button.btn-default.active, body.signals a.btn.btn-default.disabled, body.signals a.btn.btn-default.disabled:hover, body.signals a.btn.btn-default.disabled:focus, body.signals a.btn.btn-default.disabled:active, body.signals a.btn.btn-default.disabled.active, body.signals a.btn.btn-default[disabled], body.signals a.btn.btn-default[disabled]:hover, body.signals a.btn.btn-default[disabled]:focus, body.signals a.btn.btn-default[disabled]:active, body.signals a.btn.btn-default[disabled].active, fieldset[disabled] body.signals a.btn.btn-default, fieldset[disabled] body.signals a.btn.btn-default:hover, fieldset[disabled] body.signals a.btn.btn-default:focus, fieldset[disabled] body.signals a.btn.btn-default:active, fieldset[disabled] body.signals a.btn.btn-default.active {
  background-color: #f7761f;
  border-color: #f7761f;
}
.btn.btn-default .badge, button.btn-default .badge, body.signals a.btn.btn-default .badge {
  color: #f7761f;
  background-color: white;
}
.btn.blue, button.blue, body.signals a.btn.blue {
  color: white;
  background-color: #2778b8;
  border-color: #282828;
}
.btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .open > .btn.blue.dropdown-toggle, button.blue:hover, button.blue:focus, button.blue:active, button.blue.active, .open > button.blue.dropdown-toggle, body.signals a.btn.blue:hover, body.signals a.btn.blue:focus, body.signals a.btn.blue:active, body.signals a.btn.blue.active, .open > body.signals a.btn.blue.dropdown-toggle {
  color: white;
  background-color: #1e5d8e;
  border-color: #090909;
}
.btn.blue:active, .btn.blue.active, .open > .btn.blue.dropdown-toggle, button.blue:active, button.blue.active, .open > button.blue.dropdown-toggle, body.signals a.btn.blue:active, body.signals a.btn.blue.active, .open > body.signals a.btn.blue.dropdown-toggle {
  background-image: none;
}
.btn.blue.disabled, .btn.blue.disabled:hover, .btn.blue.disabled:focus, .btn.blue.disabled:active, .btn.blue.disabled.active, .btn.blue[disabled], .btn.blue[disabled]:hover, .btn.blue[disabled]:focus, .btn.blue[disabled]:active, .btn.blue[disabled].active, fieldset[disabled] .btn.blue, fieldset[disabled] .btn.blue:hover, fieldset[disabled] .btn.blue:focus, fieldset[disabled] .btn.blue:active, fieldset[disabled] .btn.blue.active, button.blue.disabled, button.blue.disabled:hover, button.blue.disabled:focus, button.blue.disabled:active, button.blue.disabled.active, button.blue[disabled], button.blue[disabled]:hover, button.blue[disabled]:focus, button.blue[disabled]:active, button.blue[disabled].active, fieldset[disabled] button.blue, fieldset[disabled] button.blue:hover, fieldset[disabled] button.blue:focus, fieldset[disabled] button.blue:active, fieldset[disabled] button.blue.active, body.signals a.btn.blue.disabled, body.signals a.btn.blue.disabled:hover, body.signals a.btn.blue.disabled:focus, body.signals a.btn.blue.disabled:active, body.signals a.btn.blue.disabled.active, body.signals a.btn.blue[disabled], body.signals a.btn.blue[disabled]:hover, body.signals a.btn.blue[disabled]:focus, body.signals a.btn.blue[disabled]:active, body.signals a.btn.blue[disabled].active, fieldset[disabled] body.signals a.btn.blue, fieldset[disabled] body.signals a.btn.blue:hover, fieldset[disabled] body.signals a.btn.blue:focus, fieldset[disabled] body.signals a.btn.blue:active, fieldset[disabled] body.signals a.btn.blue.active {
  background-color: #2778b8;
  border-color: #282828;
}
.btn.blue .badge, button.blue .badge, body.signals a.btn.blue .badge {
  color: #2778b8;
  background-color: white;
}
.btn.btn-block, button.btn-block, body.signals a.btn.btn-block {
  display: block;
  width: 100%;
}

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

.tip {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: white;
  border-top: 2px solid transparent;
  padding: 17px 36px 18px;
  position: relative;
}
.tip:before, .tip:after {
  content: " ";
  display: table;
}
.tip:after {
  clear: both;
}
.tip .tip-close {
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 24px;
  cursor: pointer;
}
.tip .tip-close:hover {
  opacity: 0.5;
}
.tip .tip-header h3, .tip .tip-header h4 {
  font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  margin-bottom: 10px;
}
.tip .tip-header h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}
.tip .tip-header h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.tip .tip-header b, .tip .tip-header strong {
  font-weight: 500;
}
.tip .tip-content {
  color: #676767;
}
.tip .tip-content p {
  font-size: 16px;
  line-height: 24px;
}
.tip .tip-content p + a {
  margin-top: 10px;
}
.tip img.tip-image {
  float: right;
  margin: 0 0 10px 10px;
}
.tip .help-block,
.tip .help-inline {
  color: #999;
}
.tip input {
  font-size: 16px;
  height: 36px;
  padding: 0 10px;
}
.tip img.brand {
  width: 40%;
}

.tip + .tips,
.tip + .tip {
  margin-top: 10px;
}

.tips.carousel .item {
  padding: 2px;
}
.tips.carousel .tip {
  height: 150px;
}
.tips .carousel-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  opacity: 0.25;
  filter: alpha(opacity=25);
  background: none;
  border: 0 none;
  color: #454545;
  font-size: 24px;
  height: auto;
  left: 0;
  padding: 75px 7px;
  top: 20px;
  width: auto;
}
.tips .carousel-control.right {
  right: 0;
  left: auto;
}
.tips .carousel-control:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.tip-default {
  border-top-color: #f90;
}

.tip-primary {
  border-top-color: #428bca;
}
.tip-primary .btn-default {
  color: white;
  background-color: #428bca;
  border-color: #245682;
}
.tip-primary .btn-default:hover, .tip-primary .btn-default:focus, .tip-primary .btn-default:active, .tip-primary .btn-default.active, .open > .tip-primary .btn-default.dropdown-toggle {
  color: white;
  background-color: #3071a9;
  border-color: #173752;
}
.tip-primary .btn-default:active, .tip-primary .btn-default.active, .open > .tip-primary .btn-default.dropdown-toggle {
  background-image: none;
}
.tip-primary .btn-default.disabled, .tip-primary .btn-default.disabled:hover, .tip-primary .btn-default.disabled:focus, .tip-primary .btn-default.disabled:active, .tip-primary .btn-default.disabled.active, .tip-primary .btn-default[disabled], .tip-primary .btn-default[disabled]:hover, .tip-primary .btn-default[disabled]:focus, .tip-primary .btn-default[disabled]:active, .tip-primary .btn-default[disabled].active, fieldset[disabled] .tip-primary .btn-default, fieldset[disabled] .tip-primary .btn-default:hover, fieldset[disabled] .tip-primary .btn-default:focus, fieldset[disabled] .tip-primary .btn-default:active, fieldset[disabled] .tip-primary .btn-default.active {
  background-color: #428bca;
  border-color: #245682;
}
.tip-primary .btn-default .badge {
  color: #428bca;
  background-color: white;
}

.tip-success {
  border-top-color: #5cb85c;
}
.tip-success .btn-default {
  color: white;
  background-color: #5cb85c;
  border-color: #357935;
}
.tip-success .btn-default:hover, .tip-success .btn-default:focus, .tip-success .btn-default:active, .tip-success .btn-default.active, .open > .tip-success .btn-default.dropdown-toggle {
  color: white;
  background-color: #449d44;
  border-color: #224f22;
}
.tip-success .btn-default:active, .tip-success .btn-default.active, .open > .tip-success .btn-default.dropdown-toggle {
  background-image: none;
}
.tip-success .btn-default.disabled, .tip-success .btn-default.disabled:hover, .tip-success .btn-default.disabled:focus, .tip-success .btn-default.disabled:active, .tip-success .btn-default.disabled.active, .tip-success .btn-default[disabled], .tip-success .btn-default[disabled]:hover, .tip-success .btn-default[disabled]:focus, .tip-success .btn-default[disabled]:active, .tip-success .btn-default[disabled].active, fieldset[disabled] .tip-success .btn-default, fieldset[disabled] .tip-success .btn-default:hover, fieldset[disabled] .tip-success .btn-default:focus, fieldset[disabled] .tip-success .btn-default:active, fieldset[disabled] .tip-success .btn-default.active {
  background-color: #5cb85c;
  border-color: #357935;
}
.tip-success .btn-default .badge {
  color: #5cb85c;
  background-color: white;
}

.tip-info {
  border-top-color: #5bc0de;
}
.tip-info .btn-default {
  color: white;
  background-color: #5bc0de;
  border-color: #2390b0;
}
.tip-info .btn-default:hover, .tip-info .btn-default:focus, .tip-info .btn-default:active, .tip-info .btn-default.active, .open > .tip-info .btn-default.dropdown-toggle {
  color: white;
  background-color: #31b0d5;
  border-color: #19667d;
}
.tip-info .btn-default:active, .tip-info .btn-default.active, .open > .tip-info .btn-default.dropdown-toggle {
  background-image: none;
}
.tip-info .btn-default.disabled, .tip-info .btn-default.disabled:hover, .tip-info .btn-default.disabled:focus, .tip-info .btn-default.disabled:active, .tip-info .btn-default.disabled.active, .tip-info .btn-default[disabled], .tip-info .btn-default[disabled]:hover, .tip-info .btn-default[disabled]:focus, .tip-info .btn-default[disabled]:active, .tip-info .btn-default[disabled].active, fieldset[disabled] .tip-info .btn-default, fieldset[disabled] .tip-info .btn-default:hover, fieldset[disabled] .tip-info .btn-default:focus, fieldset[disabled] .tip-info .btn-default:active, fieldset[disabled] .tip-info .btn-default.active {
  background-color: #5bc0de;
  border-color: #2390b0;
}
.tip-info .btn-default .badge {
  color: #5bc0de;
  background-color: white;
}

.tip-warning {
  border-top-color: #f0ad4e;
}
.tip-warning .btn-default {
  color: white;
  background-color: #f0ad4e;
  border-color: #c77c11;
}
.tip-warning .btn-default:hover, .tip-warning .btn-default:focus, .tip-warning .btn-default:active, .tip-warning .btn-default.active, .open > .tip-warning .btn-default.dropdown-toggle {
  color: white;
  background-color: #ec971f;
  border-color: #8f590c;
}
.tip-warning .btn-default:active, .tip-warning .btn-default.active, .open > .tip-warning .btn-default.dropdown-toggle {
  background-image: none;
}
.tip-warning .btn-default.disabled, .tip-warning .btn-default.disabled:hover, .tip-warning .btn-default.disabled:focus, .tip-warning .btn-default.disabled:active, .tip-warning .btn-default.disabled.active, .tip-warning .btn-default[disabled], .tip-warning .btn-default[disabled]:hover, .tip-warning .btn-default[disabled]:focus, .tip-warning .btn-default[disabled]:active, .tip-warning .btn-default[disabled].active, fieldset[disabled] .tip-warning .btn-default, fieldset[disabled] .tip-warning .btn-default:hover, fieldset[disabled] .tip-warning .btn-default:focus, fieldset[disabled] .tip-warning .btn-default:active, fieldset[disabled] .tip-warning .btn-default.active {
  background-color: #f0ad4e;
  border-color: #c77c11;
}
.tip-warning .btn-default .badge {
  color: #f0ad4e;
  background-color: white;
}

.tip-danger {
  border-top-color: #d9534f;
}
.tip-danger .btn-default {
  color: white;
  background-color: #d9534f;
  border-color: #a02622;
}
.tip-danger .btn-default:hover, .tip-danger .btn-default:focus, .tip-danger .btn-default:active, .tip-danger .btn-default.active, .open > .tip-danger .btn-default.dropdown-toggle {
  color: white;
  background-color: #c9302c;
  border-color: #6d1a18;
}
.tip-danger .btn-default:active, .tip-danger .btn-default.active, .open > .tip-danger .btn-default.dropdown-toggle {
  background-image: none;
}
.tip-danger .btn-default.disabled, .tip-danger .btn-default.disabled:hover, .tip-danger .btn-default.disabled:focus, .tip-danger .btn-default.disabled:active, .tip-danger .btn-default.disabled.active, .tip-danger .btn-default[disabled], .tip-danger .btn-default[disabled]:hover, .tip-danger .btn-default[disabled]:focus, .tip-danger .btn-default[disabled]:active, .tip-danger .btn-default[disabled].active, fieldset[disabled] .tip-danger .btn-default, fieldset[disabled] .tip-danger .btn-default:hover, fieldset[disabled] .tip-danger .btn-default:focus, fieldset[disabled] .tip-danger .btn-default:active, fieldset[disabled] .tip-danger .btn-default.active {
  background-color: #d9534f;
  border-color: #a02622;
}
.tip-danger .btn-default .badge {
  color: #d9534f;
  background-color: white;
}

.popover {
  background-clip: padding-box;
  background-color: white;
  border: 1px solid #ccc;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-width: 276px;
  padding: 0;
  text-align: left;
}
.popover .arrow, .popover .arrow::after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow::after {
  border-width: 10px;
  content: "";
}
.popover.right .arrow {
  border-left-width: 0;
  border-right-color: #ccc;
  left: -11px;
  margin-top: -11px;
  top: 50%;
}
.popover.right .arrow::after {
  border-left-width: 0;
  border-right-color: white;
  bottom: -10px;
  left: 1px;
}
.popover .popover-content {
  font-weight: 500;
}

.protip {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #f60;
  color: white;
  max-width: 276px;
  padding: 7px 10px;
  position: absolute;
  text-align: left;
  z-index: 1;
}
.protip::before {
  border: 10px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 6px;
  width: 0;
}
.protip.left::before {
  border-left-color: #f60;
  right: -16px;
}
.protip.right::before {
  border-right-color: #f60;
  left: -16px;
}
.protip .protip-content, .protip .protip-title {
  display: none;
  padding: 10px 14px;
}
.protip .protip-title {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.protip .protip-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: white;
  border: 1px solid #eee;
  color: #555;
}
.protip:hover, .protip.show-tip {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  padding: 0;
  z-index: 2;
}
.protip:hover::before, .protip.show-tip::before {
  border-width: 8px;
}
.protip:hover.left::before, .protip.show-tip.left::before {
  border-left-color: #f60;
  right: -15px;
}
.protip:hover.right::before, .protip.show-tip.right::before {
  border-right-color: #f60;
  left: -15px;
}
.protip:hover > .icon-star, .protip.show-tip > .icon-star {
  display: none;
}
.protip:hover .protip-content, .protip:hover .protip-title, .protip.show-tip .protip-content, .protip.show-tip .protip-title {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  height: auto;
  width: auto;
}

/* Large desktop */
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
/* Extension popup width */
@media (max-width: 510px) {
  body.signals .hide-extension {
    display: none !important;
  }
  body.signals .row-fluid [class*="span"] {
    float: none;
    width: auto;
  }
  body.signals .new-stream.over-limit-state {
    left: 0;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .hide-mobile {
    display: none !important;
  }

  body.signals .row-fluid [class*="span"] {
    float: none;
    min-height: 0;
    width: 100%;
  }
}
/* Apple Mail */
.safari-only {
  display: none !important;
}

@media (max-width: 510px) {
  html.safari .safari-only {
    display: inline-block !important;
  }
}
form.change-password {
  text-align: center;
}
form.change-password button.gen-btn-primary {
  margin: 15px 0;
}

.topnav {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  line-height: 1;
  margin-bottom: 12px;
  background: #2e2e2e;
  overflow-x: auto;
  overflow-y: hidden;
}
.topnav .hide {
  display: none;
  visibility: hidden;
}
.topnav .nav-inner {
  min-width: 800px;
}
.topnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.topnav li {
  float: left;
}
.topnav li, .topnav li a {
  color: #bbb;
  font-weight: 600;
  text-decoration: none;
}
.topnav li a, .topnav li .verified-user {
  display: inline-block;
  width: auto;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  text-shadow: 1px 1px #1c1c1c;
  -moz-transition: color 0.1s;
  -o-transition: color 0.1s;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}
.topnav li.active a, .topnav li:hover a, .topnav li:active a, .topnav li:focus a {
  color: #fff;
  text-decoration: none;
}
.topnav li.active a {
  background: #212121;
  border-left: 1px solid #1c1c1c;
  border-right: 1px solid #1c1c1c;
}
.topnav li.brand img {
  margin: -5px 6px 0 0;
}
.topnav li.upgrade a {
  color: #F77522;
}
.topnav li.user .verified-user {
  font-weight: 500;
}
.topnav li.user img {
  margin: 6px 8px 0 0;
  border-radius: 16px;
}

@media (min-width: 768px) {
  .topnav {
    overflow-x: visible;
    margin-bottom: 24px;
  }
  .topnav li.user {
    float: right;
  }
}