/* main styles for the app */
/*
  GLOBAL
  HEADER
  PUBLISH
  */
/* Graph Colors */
/* Bar Colors */
/*------------------------------------*\
  GLOBAL
  \*------------------------------------*/
body {
  min-width: 1024px; }

body.report_performance,
body.report_dashboard,
body.report_analytics,
body.report_saved_reports {
  background: #fbfcfc; }

h2 {
  font-size: 18px;
  color: #0a0e12;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

h3 {
  font-size: 1.4em; }

h4 {
  font-weight: 700;
  font-size: .9em;
  padding: 0;
  margin: 20px 0 10px 0; }

::selection {
  background: #ccc; }

#ui-datepicker-div {
  z-index: 9999 !important; }

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

.details .metadata {
  margin: 10px 0 10px 0; }

.ctr {
  text-align: center; }

.red {
  color: #f00; }

.dark-gray {
  color: #555555; }

input.error {
  border: 1px solid red; }

label.error {
  margin: 0 10px 0 10px;
  color: red; }

.loading_container {
  width: 200px;
  text-align: left;
  position: absolute; }

.payment .plan {
  float: left; }

.op {
  opacity: 0.5; }

.grid-100, .grid-75, .grid-50, .grid-33, .grid-25 {
  float: left;
  min-height: 50px; }

.grid-100 {
  width: 100%;
  background: transparent; }

.grid-75 {
  width: 75%;
  background: transparent; }

.grid-50 {
  width: 50%;
  background: transparent; }

.grid-33 {
  width: 33%;
  background: #EEE; }

.grid-25 {
  width: 25%;
  background: transparent; }

.fixed-container {
  text-align: left;
  float: left;
  width: 100%;
  margin-top: 15px; }

.fixed-wrap {
  margin: 0 auto;
  width: 1020px; }

.wide-wrap {
  margin: 0 0 0 20px; }

.footer-links-wrap ul {
  text-align: center; }
  .footer-links-wrap ul li {
    margin: 0 10px 0 0;
    display: inline; }

.footer {
  clear: both;
  overflow: hidden;
  padding: 38px 10px 10px; }
  .footer a {
    color: rgba(20, 27, 36, 0.8); }

#app-messages .error, #app-messages .message, #app-messages .warning, #app-messages .complete {
  font-weight: 700;
  margin: 5px 0 5px 0;
  border: 2px solid #FFF;
  float: left;
  width: 100%;
  padding: 10px; }

#app-messages .error {
  background: #ffeeee;
  border-color: #ff0000;
  color: #000; }

#app-messages .message {
  background: #fff1e0;
  border-color: #ff9000;
  color: #000; }

#app-messages .warning {
  background: #ffeeee;
  border-color: #ff0000;
  color: #000; }

#app-messages .complete {
  background: #f4fff3;
  border-color: #00b909;
  color: #000; }

#app-messages .first {
  margin: 10px 0 0 0; }

.table-section-wrap table.dark thead tr {
  background: #8b8b8b;
  height: 26px; }

.sortable.dark thead tr {
  background: #8b8b8b; }

.sortable.dark tr th, .sortable.dark tr td {
  padding: 5px; }

.sortable.dark tr th {
  padding: 7px 21px 7px 8px;
  cursor: pointer; }

.table-section-wrap table.dark thead tr {
  border: none;
  color: #fff; }

.table-section-wrap table.dark thead th {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-weight: normal; }
  .table-section-wrap table.dark thead th.first {
    border-radius: 3px 0 0 0; }
  .table-section-wrap table.dark thead th.last {
    border-radius: 0 3px 0 0; }
  .table-section-wrap table.dark thead th.selected {
    background: #b2b1b1; }
  .table-section-wrap table.dark thead th.report-last {
    padding: 0 5px 0 0; }
  .table-section-wrap table.dark thead th span {
    font-size: 0.7em; }

.sortable.dark tbody tr:nth-child(even) {
  background: #fafafa; }

.sortable thead tr th {
  padding: 0 16px 0 0;
  cursor: pointer;
  height: 10px; }

.table-section-wrap table.dark tr {
  border: none; }
  .table-section-wrap table.dark tr td {
    padding: 7px; }

.sortable tr th.sorttable_nosort {
  cursor: default; }

.sortable tr th.sorttable_sorted_reverse, .sortable tr th.sorttable_sorted {
  padding: 0; }

.sortable.dark tr th.sorttable_sorted_reverse, .sortable.dark tr th.sorttable_sorted {
  padding: 5px; }

#sorttable_sortfwdind, #sorttable_sortrevind {
  height: 10px;
  width: 11px;
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: url(/static/images/app/sortable-arrows.png) no-repeat;
  text-indent: -9999px; }

#sorttable_sortfwdind {
  background-position: 0 -21px; }

.dark #sorttable_sortfwdind {
  background-position: 0 0; }

#sorttable_sortrevind {
  background-position: 0 -32px; }

.dark #sorttable_sortrevind {
  background-position: 0 -11px; }

/*-- global ends --*/
/*------------------------------------*\
  HEADER
  \*------------------------------------*/
.header-wrap {
  height: 85px;
  position: relative;
  width: 100%;
  z-index: 2000;
  margin-bottom: 10px; }

.header-wrap.tier1 {
  height: 74px; }

.header-wrap.tier2 {
  height: 102px; }

.header-wrap.tier3 {
  height: 130px; }

.header {
  position: absolute;
  width: 100%;
  z-index: 5;
  left: 0;
  top: 0;
  margin-bottom: 10px; }

/*.footer{
  height:50px;
  float:left;
  width:100%
  }*/
body.fixed .header {
  position: fixed;
  top: -33px;
  left: 0; }

.drop {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.drop ul {
  display: none;
  position: absolute;
  horizontal-align: center;
  top: 38px;
  right: 0;
  background-color: #422a50;
  padding: 10px;
  z-index: 2;
  border-radius: 0 0 5px 5px; }

.drop.light ul,
.item .drop.light ul {
  top: 26px;
  left: 0;
  right: auto;
  z-index: 2;
  border-radius: 4px;
  min-width: 67px;
  width: auto;
  font-size: 1em;
  line-height: 1em;
  background: #ffffff;
  color: #0a0e12;
  padding: 5px 0;
  box-shadow: 0px 15px 40px rgba(20, 27, 36, 0.1); }

li.publish-now .drop.light ul {
  left: auto;
  right: 0px; }
li.publish-now.failed-pub .drop.light ul {
  left: 0px;
  right: auto; }

.drop.light ul li {
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  padding: 5px 10px;
  margin: 0;
  color: #0a0e12;
  white-space: nowrap;
  background: none; }
  .drop.light ul li:hover {
    background: rgba(50, 92, 164, 0.06); }

.drop li {
  padding: 5px 0 7px 0;
  margin: 5px 0;
  background: url(/static/images/app/drop-div.png) left bottom repeat-x;
  cursor: pointer; }

.drop li, .drop li a {
  color: #fff; }

.drop li.last {
  background: none; }

/*.drop:hover ul {
  display: block;
  }*/
.drop span {
  background: url(/static/images/app/arrow-light.png?v=1) right center no-repeat;
  padding: 10px 25px 10px 10px;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.drop.light {
  margin: 5px 5px 10px 0;
  z-index: 3; }

.drop.light.open {
  z-index: 4; }

.drop.light span.title {
  padding: 5px 13px 5px 10px;
  position: relative;
  z-index: 3; }

.drop.light.open span.title {
  border-radius: 5px 5px 0 0; }

.drop.light .text {
  background: transparent none;
  padding: 0; }
  .drop.light .text input {
    margin: 0; }

.drop.light .arrow {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='chevron-down-small'%3E%3Cpath d='M10 10.5L8.5 9H7L10 12L13 9H11.5L10 10.5Z' fill='%23141B24'/%3E%3C/svg%3E%0A") left center no-repeat;
  width: 13px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 1px;
  padding: 0;
  opacity: 0.4; }

.drop.light:hover .arrow {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='chevron-down-small'%3E%3Cpath d='M10 10.5L8.5 9H7L10 12L13 9H11.5L10 10.5Z' fill='%231C2544'/%3E%3C/svg%3E%0A") left center no-repeat;
  opacity: 1; }

.drop.light.check ul {
  min-width: 100px; }

.drop.light.check li, .filter-sort.drop.light li {
  padding-left: 40px;
  position: relative; }
  .drop.light.check li::before, .filter-sort.drop.light li::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid rgba(20, 27, 36, 0.2);
    border-radius: 2px;
    left: 13px;
    display: block;
    position: absolute;
    top: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.546 13.353l-2.5-2.5.716-.716 1.785 1.802 5.292-5.292.707.706-6 6z' fill='0A0E12'/%3E%3C/svg%3E");
    background-position: -4px -4px; }

.drop.light.check li.inactive {
  color: rgba(20, 27, 36, 0.4); }

.drop.light.check li.all,
.drop.light.check li.only-failed,
.drop.light.check li.must-send {
  padding: 0; }
  .drop.light.check li.all::before,
  .drop.light.check li.only-failed::before,
  .drop.light.check li.must-send::before {
    display: none; }
  .drop.light.check li.all label,
  .drop.light.check li.only-failed label,
  .drop.light.check li.must-send label {
    display: block;
    padding: 5px 10px 5px 40px;
    margin: 0; }
  .drop.light.check li.all span,
  .drop.light.check li.only-failed span,
  .drop.light.check li.must-send span {
    background: none;
    padding: 0;
    font-size: 13px; }
    .drop.light.check li.all span::before,
    .drop.light.check li.only-failed span::before,
    .drop.light.check li.must-send span::before {
      content: "";
      width: 12px;
      height: 12px;
      border: 1px solid rgba(20, 27, 36, 0.2);
      border-radius: 2px;
      left: 13px;
      display: block;
      position: absolute;
      top: 7px;
      background-position: -4px -4px; }
  .drop.light.check li.all input,
  .drop.light.check li.only-failed input,
  .drop.light.check li.must-send input {
    display: none; }
  .drop.light.check li.all input:checked + label span::before,
  .drop.light.check li.only-failed input:checked + label span::before,
  .drop.light.check li.must-send input:checked + label span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.546 13.353l-2.5-2.5.716-.716 1.785 1.802 5.292-5.292.707.706-6 6z' fill='0A0E12'/%3E%3C/svg%3E"); }

.drop.light.check li.all input {
  margin: 0 6px 0 0; }

.drop.light.check li.disabled,
.filter-sort.drop.light li.disabled {
  opacity: 1; }
  .drop.light.check li.disabled::before,
  .filter-sort.drop.light li.disabled::before {
    background: none; }

.drop-square, .auto-square {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.drop-square ul, .auto-square ul {
  display: none;
  font-size: 1em;
  horizontal-align: center;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 38px;
  width: 100%;
  z-index: 5; }

.drop-square.open {
  background: #f0f1f3; }

.drop-square.open ul, .auto-square.open ul {
  background: #f0f1f3;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.drop-square:hover {
  background: #f0f1f3; }

.drop-square li, .auto-square li {
  color: #fff;
  background: none;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 1px solid #cccccc; }

.drop-square li, .drop-square li a,
.auto-square li, .auto-square li a {
  color: #363636;
  white-space: nowrap; }

.drop-square li.active, .auto-square li.active {
  color: #2399c0; }

.drop-square li.last, .auto-square li.last {
  background: none; }

.drop-square span, .drop-square div {
  #padding: 10px 25px 10px 10px;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.drop-square span.title, .drop-square div.title, .square span.title {
  color: #363636;
  border-right: 1px solid #ccc;
  padding: 8px 8px 8px 8px;
  position: relative;
  z-index: 3; }

.drop-square .text {
  color: #363636; }

.user span {
  padding: 10px;
  height: 18px; }

.nav-wrap {
  padding: 0 0 5px;
  background: url(/static/images/app/nav-wrap-bg.png) left bottom repeat-x;
  position: relative; }

.nav-wrap .sf-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 8px;
  left: 9px;
  background: url(/static/images/app/sf-icon.png) no-repeat;
  z-index: 1;
  display: none; }

.nav-wrap nav {
  height: 14px;
  padding: 10px 10px 10px 35px; }

.nav-wrap nav a.last {
  border: none; }

nav.main {
  background: url(/static/images/app/nav-bg.png?v=3) repeat-x;
  height: 14px;
  padding: 10px 10px 10px 35px;
  position: relative;
  /*z-index: 5;*/ }

nav.sub-1 {
  background: url(/static/images/app/sub1-nav-bg.png?v=2) repeat-x;
  height: 14px;
  padding: 7px 10px 7px 35px; }

nav.sub-2 {
  background: url(/static/images/app/sub2-nav-bg.png?v=2) repeat-x;
  height: 14px;
  padding: 7px 10px 7px 35px; }

.nav-wrap nav .main-wrap {
  float: left; }

.nav-wrap nav .main-wrap a {
  font-size: 1em;
  color: #333;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  height: 14px;
  border-right: 1px solid #999;
  display: inline-block;
  zoom: 1;
  *display: inline; }
  .nav-wrap nav .main-wrap a.last {
    border-right: none; }

.nav-wrap nav a:hover {
  color: #666; }

.attentionbuying_base_index .nav-wrap nav a.current span {
  /*background: url(/static/images/app/nav-current-bg.png) right center no-repeat;
    padding-right: 25px;*/
  font-weight: normal; }

.nav-wrap nav a.current span {
  /*background: url(/static/images/app/nav-current-bg.png) right center no-repeat;
    padding-right: 25px;*/
  font-weight: bold; }

.nav-wrap a.current:hover {
  color: #333;
  cursor: default; }

.nav-wrap nav a.current.more {
  background: #fff url(/static/images/app/nav-current-main-bg.png) right top no-repeat;
  border: none;
  margin: -10px 0 -10px -25px;
  padding: 10px 30px 10px 0; }

.nav-wrap nav.sub-1 a.current.more {
  margin: -7px 0 -7px -25px;
  padding: 7px 30px 7px 0; }

.nav-wrap nav a.first.more.current {
  margin-left: -20px; }

.nav-wrap nav.sub-1 a.current.more {
  background: #fff url(/static/images/app/nav-current-sub1-bg.png?v=4) right top no-repeat; }

.nav-wrap nav.sub-1 a.current.more span {
  background: #fff url(/static/images/app/nav-current-sub1-bg.png?v=3) left top no-repeat; }

.nav-wrap nav a.current.more span {
  background: #fff url(/static/images/app/nav-current-main-bg.png) left top no-repeat;
  margin: -10px 0 -10px 0;
  padding: 10px 15px 10px 20px;
  height: 14px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.nav-wrap nav.sub-1 a.current.more span {
  margin: -7px 0 -7px 0;
  padding: 7px 15px 7px 20px; }

.header .compose-box {
  position: absolute;
  right: 15px;
  top: -221px;
  width: 300px;
  min-height: 300px;
  border: 1px solid #333;
  /*z-index: 1;*/ }

/*-- header ends --*/
/*-- Dashboard --*/
.dashboard-side-col ul li {
  margin: 0 0 20px 0; }

/*-- end Dashboard --*/
/*popup*/
.tz-wrap {
  padding: 5px 0 5px 0; }

.fade-out {
  background: #000;
  opacity: 0;
  width: 100%;
  opacity: 0;
  position: absolute;
  z-index: 2001; }

.popup-container {
  z-index: 2002;
  width: 400px;
  height: 692px;
  background: #FFF;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-box-shadow: 10px 10px 5px #888;
  -webkit-box-shadow: 10px 10px 5px #888;
  box-shadow: 0px 0px 10px #333;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden; }

.pop-header {
  height: 40px;
  padding: 10px 0 0 20px;
  background: #573168;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.pop-header p {
  color: #FFF;
  text-align: left;
  font-size: 1.7em;
  font-weight: 500;
  text-shadow: 2px 1px 1px #333; }

.pop-header p span {
  color: #FFF; }

.pop-content {
  padding: 0;
  text-align: left;
  height: 554px; }

.pop-content p {
  font-size: .9em; }
  .pop-content p.warn {
    color: red; }

.pop-content h2 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 0 20px 0; }

.pop-content h3 {
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 0 20px 0; }

.pop-content .step-1-description {
  width: 300px;
  float: left;
  margin: 0 30px 0 0; }

.pop-content .step-1-description p {
  font-size: .8em;
  color: #555555;
  margin: 0 0 10px 0; }

.pop-content .col1 {
  padding: 30px;
  width: 287px;
  background: #e9eef1;
  margin: 0;
  float: left;
  height: 494px; }

.pop-content .col1 h2 {
  font-size: 2em;
  color: #333;
  font-weight: 300; }

.pop-content .col1 p {
  margin: 0 0 20px 0; }

.pop-content .col1 p.bubble {
  padding: 30px 20px 20px 20px;
  color: #999;
  background: url("/static/images/app/speech-bubble.png") 0 0 no-repeat;
  font-size: 1.1em; }

.pop-content .col1 ul li {
  color: #555;
  font-size: 1.1em;
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
  background: url("/static/images/app/setup-text-bullet.png") 0 5px no-repeat; }

.pop-content .col2 {
  padding: 0 30px 30px 30px;
  background: #FFF;
  margin: 0;
  float: left;
  width: 543px;
  height: 524px;
  overflow: auto; }

.pop-content .col2 h2 {
  margin: 20px 0 10px 0; }

.pop-footer {
  margin: 0;
  padding: 30px;
  border-top: 1px solid #d3dae2; }

.pop-footer ul.step-count-wrap {
  float: left; }

.pop-footer ul.step-count-wrap li {
  font-size: 1.5em;
  color: #532F64;
  width: 18px;
  height: 24px;
  float: left;
  margin: 0 5px 0 0;
  padding: 3px 5px 5px 10px;
  background: #FFF url("/static/images/global/tutorial-step-off-bgnd.png");
  cursor: pointer; }

.pop-footer ul.step-count-wrap li.selected {
  color: #FFF;
  background: transparent url("/static/images/global/tutorial-step-on-bgnd.png"); }

.pop-footer ul.step-button-wrap {
  float: right; }

.pop-footer ul.step-button-wrap li {
  float: left;
  margin: 0 0 0 20px; }

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

.get-started h2 {
  margin: 10px 0 10px 0;
  color: #542f66;
  font-size: 2.0em;
  text-transform: uppercase;
  font-weight: 300; }

.get-started p {
  color: #666; }

.get-started .get-started-need {
  float: left;
  width: 227px;
  margin: 0 30px 0 0; }
  .get-started .get-started-need p strong {
    color: #000; }

.get-started .get-started-need.first {
  margin-left: 108px; }

.get-started .get-started-btn {
  margin: 10px 0 10px 0;
  display: block; }

.get-started .invite_admin_wrap {
  margin: 10px 0 0 0; }

.get-started .invite_admin_wrap input#invite_admin {
  width: 260px;
  padding: 5px;
  border: 1px solid #CCC;
  border-radius: 3px; }

.tooltip-wrap {
  width: 134px;
  height: 62px;
  padding: 0 0 0 20px;
  font-size: .9em;
  background: url("/static/images/app/tutorial-tooltip.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0; }

.tooltip-wrap a {
  color: #FFF;
  text-decoration: none;
  font-size: .8em; }

.tooltip-wrap p.account-user {
  color: #FFF;
  font-size: .8em;
  margin: 10px 0 10px 0; }

.auth-account-links {
  width: 250px;
  float: left;
  margin: 0 0 0; }

.auth-account-links ul li, .analytics-account-links ul li {
  margin: 0 0 5px;
  display: block;
  overflow: hidden;
  width: 400px;
  /*
  
  div.twitter {
  background-position: $sprite-twitter-bg-pos;
  }
  
  div.facebook {
  background-position: $sprite-facebook-bg-post;
  }
  
  div.google {
  background-position: $sprite-google-bg-pos;
  }
  */ }
  .auth-account-links ul li div.facebook, .auth-account-links ul li div.twitter, .auth-account-links ul li div.google_plus, .analytics-account-links ul li div.facebook, .analytics-account-links ul li div.twitter, .analytics-account-links ul li div.google_plus {
    width: 130px;
    height: 16px;
    font-size: .9em;
    padding: 0 0 0 0;
    margin: 6px 0; }

.fb-pages {
  padding: 5px; }

.fb-pages ul {
  padding: 5px;
  margin: 0 0 10px 0; }

.fb-pages p {
  margin: 0 0 5px 0; }

.ga-domains {
  padding: 5px;
  background: #FFF;
  float: left;
  width: 100%;
  margin: 10px 0 0 0; }

.ga-domains ul {
  background: #EEE;
  padding: 5px;
  margin: 0 0 10px 0; }

.ga-domains p {
  margin: 0 0 5px 0; }

h2.publishing_accounts {
  clear: both; }
  h2.publishing_accounts span.remaining {
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #eee;
    color: #ec008c; }
  h2.publishing_accounts span.incomplete {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #ec008c; }
  h2.publishing_accounts span.complete {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #28a300; }
  h2.publishing_accounts .btn.sm {
    font-size: .6em;
    margin: 0 0 0 20px; }

.auth-account-icons {
  width: 500px;
  margin: 0;
  padding: 7px;
  margin: 0 0 5px;
  position: relative;
  height: 42px;
  border-radius: 5px;
  position: relative;
  cursor: pointer; }
  .auth-account-icons .account-button {
    float: right;
    width: 122px;
    margin: 6px 0 0 0;
    position: relative; }
    .auth-account-icons .account-button a {
      float: right; }
  .auth-account-icons.inactive .account-button {
    float: right;
    width: 122px;
    margin: 6px 0 0 0;
    position: relative; }
    .auth-account-icons.inactive .account-button a {
      float: right; }

.auth-account-icons {
  background: #cdcdcd url(/static/images/app/account-light-bgnd.png) repeat-x;
  border: 1px solid #ccc;
  color: #000; }

.auth-account-icons.open {
  background: #464646 url(/static/images/app/account-dark-bgnd.png) repeat-x;
  border: 1px solid #454545;
  color: #fff; }

.account-info {
  float: left;
  width: 300px;
  margin: 0 0 0 10px; }

.account-img {
  float: left;
  width: 50px;
  position: relative; }

.account-img div {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/static/images/app/social-icons-sprite.png) no-repeat;
  width: 16px;
  height: 16px; }

.account-img div.twitter {
  background-position: 0 -32px; }

.account-img div.facebook {
  background-position: 0 0; }

.account-img div.google {
  background-position: 0 -16px; }

.account-user {
  font-weight: bold; }

.account-avatar .apple-news-avatar {
  background: url(/static/images/app/Apple_News_Icon.png) no-repeat; }

.apple-news-icon-grey {
  background: url(/static/images/app/Apple_News_Icon.png) no-repeat; }

.account-meta {
  margin: 15px 0 0; }

.account-meta li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background: url(/static/images/app/social-icons-sprite.png?v=1) 0 -48px no-repeat;
  padding: 0 0 0 21px;
  margin: 0 10px 0 0; }

.account-meta li.complete {
  background-position: 0 -64px; }

.account-toggle {
  background: url(/static/images/app/social-icons-sprite.png?v=2) 0 -100px no-repeat;
  width: 20px;
  height: 20px;
  margin: 15px 0 0 0; }

.auth-account-icons.open .account-toggle {
  background-position: 0 -80px; }

.account-more {
  border: 1px solid #4C4C4C;
  position: relative;
  /*z-index: 1;*/
  width: 500px;
  padding: 7px 7px 7px;
  margin: -8px 0 5px;
  border-radius: 0 0 5px 5px; }

/*.auth-account-icons ul { float: left }
  .content-sources .auth-account-icons ul li {
  float: left;
  position: relative;
  margin: 0 7px 0 0;
  background: #999;
  }
  .content-sources .auth-account-icons ul li img { display: block }
  .content-sources .auth-account-icons ul li div { opacity: .2 }
  .auth-account-icons ul li {
  float: left;
  position: relative;
  margin: 0 7px 0 0;
  }
  .auth-account-icons ul li.selected div { opacity: 1 }
  .auth-account-icons ul li img.icon-overlay {
  position: absolute;
  top: 0;
  left: 0;
  }*/
.social-accounts-left {
  margin: 20px 0 5px 0;
  font-size: .9em;
  float: left; }

.add-social-accounts-col {
  border-top: 1px solid #d3dae2;
  padding: 20px 0 0 0; }

.content-sources {
  float: left;
  width: 500px; }

.sent-messages p {
  border-bottom: 1px solid #CCC;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0; }

.cs-input {
  margin: 10px 0 10px 0;
  float: left; }

.cs-input input {
  float: left;
  border: 1px solid #CCC;
  margin: 0 10px 0 0;
  padding: 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  width: 350px;
  border-radius: 2px 2px 2px 2px; }

.cs-input a {
  display: block;
  float: left; }

.cs-types {
  float: left;
  width: 500px;
  margin: 10px 0 0 0; }

.cs-type-wrap {
  float: left;
  margin: 0 0 10px 0;
  border-radius: 3px;
  -moz-border-radius: 3px; }

.cs-type-wrap.message {
  border-top: solid 1px #CCC; }

.cs-type-wrap.selected .cs-type {
  border: none;
  background: #FFF; }

.cs-type .icon.feed {
  float: left;
  height: 34px;
  width: 45px;
  background: url("/static/images/app/setup-message-icons.png") 0 0 no-repeat; }

.cs-type .icon.manually {
  float: left;
  height: 40px;
  width: 45px;
  background: url("/static/images/app/setup-message-icons.png") 0 -37px no-repeat; }

.cs-types .cs-type {
  float: left;
  width: 488px;
  padding: 10px 5px 10px 5px;
  background: #FFF;
  margin: 0 0 0 0;
  color: #333; }

.cs-types .cs-type h4 {
  margin: 0; }

.cs-types .cs-type.selected {
  background: #FFF; }

.cs-types .cs-domain {
  padding: 5px; }

.cs-domain h4 {
  font-weight: 700;
  margin: 0 0 0 0; }

.cs-types ul {
  margin: 0 0 10px 0; }

.cs-types ul li {
  padding: 4px 0 4px 10px;
  font-size: .9em; }

.cs-types select {
  margin: 0 0 10px 0; }

.ss-subject a {
  color: #532f64;
  text-decoration: none;
  font-weight: 700; }

.ss-subject a span {
  font-weight: normal;
  color: #999; }

.ss-copy {
  font-size: .9em;
  margin: 10px 0 10px 0; }

.cs-message-status {
  float: left;
  margin: 0 10px 0 0; }

.cs-type-container {
  padding: 10px; }

.cs-type-container ul {
  border-bottom: 2px solid #666;
  padding: 10px 0 10px 0; }

.cs-type-container ul li {
  overflow: auto;
  width: 100%;
  padding: 10px 0 0 0; }

.cs-type-container ul li input {
  float: left;
  margin: 0 5px 0 0; }

.cs-type-container ul li label {
  float: left; }

.cs-type-container ul li select {
  float: right; }

.cs-type-container textarea {
  width: 470px;
  height: 110px;
  margin: 10px 0 10px 0; }

.status-copy {
  margin: 0 0 10px 0; }

.settings_socialflow_add_social_account .pub-account-row, .settings_socialflow_social_accounts_index .pub-account-row {
  margin: 0 0 0 10px; }
.settings_socialflow_add_social_account .twitter, .settings_socialflow_add_social_account .facebook, .settings_socialflow_add_social_account .google-plus, .settings_socialflow_add_social_account .linked-in, .settings_socialflow_social_accounts_index .twitter, .settings_socialflow_social_accounts_index .facebook, .settings_socialflow_social_accounts_index .google-plus, .settings_socialflow_social_accounts_index .linked-in {
  margin: 0 0 0 10px !important;
  padding: 0 !important; }
.settings_socialflow_add_social_account .twitter, .settings_socialflow_social_accounts_index .twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.034 3.45l5.405 7.227L3 16.555h1.224l4.762-5.145 3.848 5.145H17L11.29 8.92l5.064-5.47h-1.225l-4.385 4.738L7.2 3.45H3.034zm1.8.902h1.914l8.452 11.3h-1.914l-8.452-11.3z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle; }
  .settings_socialflow_add_social_account .twitter::before, .settings_socialflow_social_accounts_index .twitter::before {
    content: '' !important; }

.settings_socialflow_add_content_source .pub-account-row {
  margin: 0 0 0 5px; }
.settings_socialflow_add_content_source .account-list div {
  display: inline; }

.settings-section p {
  margin: 0 0 10px 0;
  color: #333; }

.settings-section h4 {
  font-weight: 700;
  font-size: .9em;
  padding: 0;
  margin: 20px 0 10px 0; }

.settings-section h4.first {
  margin: 0;
  padding: 0;
  border: none; }

.settings-section input {
  margin: 5px 0 5px 0;
  padding: 3px;
  border: 1px solid #CCC; }

.settings-section input.error {
  border: 1px solid red; }

.settings-section input.settings_input {
  height: 20px;
  width: 490px; }

.settings-section select.long {
  width: 200px; }

.settings-section input.short {
  width: 60px; }

.settings-section input.long {
  width: 400px; }

.settings-section label {
  font-weight: 700;
  color: #333;
  font-size: .9em; }

.settings-section .schedule-form-wrap {
  margin: 10px 0 10px 0; }

.settings-section .schedule-form-wrap p {
  padding: 0 0 30px 0; }

.settings-section .schedule-form-wrap label {
  float: left;
  margin: 0 10px 0 0; }

.settings .schedule-form-wrap input {
  float: left;
  margin: 0 10px 0 0; }

.settings-section {
  position: relative; }

.settings-section .schedule-form-wrap label.first {
  width: 150px; }

.settings-section .schedule-default-wrap {
  margin: 20px 0 0 0; }

.settings-section .schedule-default-wrap p span {
  font-weight: 700; }

.settings-section .schedule-control-wrap label {
  margin: 0 20px 0 0; }

.settings-section .settings-save-btn {
  position: absolute;
  right: 0;
  bottom: -5px; }

tr.client-service-role-row i {
  margin-right: 5px; }

div.start_publishing {
  text-align: center;
  margin: 20px 0 0 0; }

div.start_publishing p {
  margin: 10px 0 0 0; }

.signup-input-wrap {
  margin: 10px 0 10px 0; }

.signup-input-wrap label {
  width: 200px; }

#account_upgrade {
  margin: 0 10px 0 0; }

.post-schedule-toggle {
  margin: 0 20px 0 0; }

.sortable.app label {
  margin-right: 10px; }

.app-label span {
  color: #999;
  border-bottom: 1px dotted #999;
  cursor: pointer; }

/*--popup ends--*/
/*------------------------------------*\
  LISTEN
  \*------------------------------------*/
.grey-bg {
  background-color: #E4E4E4; }

.list .item div.text {
  display: inline-block;
  width: 100%;
  position: relative; }

.the-stream .twitter-retweet-icon {
  float: none;
  display: inline-block;
  margin-top: 0; }

.publish_listen_twitter .item {
  height: auto; }

.list .avatar, .list .username {
  display: inline-block; }

.comments-btn {
  margin: 10px 0; }

.comment-list {
  display: none; }

.comment-list li {
  padding: 5px;
  border-bottom: 1px dotted #ccc;
  height: 25px; }

/*--listen ends--*/
/*------------------------------------*\
  PUBLISH
  \*------------------------------------*/
.active-account {
  overflow: hidden;
  position: relative;
  visibility: hidden; }

.active-account h3 {
  margin: 0 0 0 10px;
  height: 28px;
  line-height: 28px; }

.active-account .icon {
  height: 15px;
  width: 15px;
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 13px; }

.active-account .icon.facebook, .facebook i {
  color: #3B5998; }

.active-account .icon.twitter, .twitter i {
  color: #4099FF; }

.active-account .icon.google_plus, .google_plus i {
  color: #d34836; }

.active-account .icon.apple_news, .apple_news i {
  color: #ee3659; }

.accounts {
  width: 1012px;
  padding: 5px;
  height: 28px;
  margin: 0 0 20px;
  background: #FFF;
  border: none;
  box-shadow: 0 2px 4px rgba(137, 137, 137, 0.2);
  border-radius: 5px; }

.accounts.pub {
  /*width: 991px;*/ }

ul.pub-accounts {
  height: 38px;
  margin: -5px; }

ul.pub-accounts li {
  display: block;
  float: left;
  padding: 5px 10px 5px 5px;
  height: 28px;
  margin: 0;
  line-height: 28px;
  position: relative;
  z-index: 1000; }

ul.pub-accounts li.open {
  z-index: 1002; }

ul.pub-accounts li .action {
  cursor: pointer; }

ul.pub-accounts li.open .menu {
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0 0 3px 3px; }

ul.pub-accounts li .menu {
  right: -1px;
  top: 38px;
  width: 200px;
  /*height: 0;*/
  display: none;
  position: absolute;
  overflow: auto;
  background: #888888;
  /*
    background: -moz-linear-gradient(top, #B1B1B1 0%, #8B8B8B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B1B1B1), color-stop(100%,#8B8B8B));
    background: -webkit-linear-gradient(top, #B1B1B1 0%,#8B8B8B 100%);
    background: -o-linear-gradient(top, #B1B1B1 0%,#8B8B8B 100%);
    background: -ms-linear-gradient(top, #B1B1B1 0%,#8B8B8B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#8b8b8b',GradientType=0 );
    background: linear-gradient(top, #B1B1B1 0%,#8B8B8B 100%);
    */ }
  ul.pub-accounts li .menu ul {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
    ul.pub-accounts li .menu ul li {
      display: block;
      float: none;
      clear: both;
      padding: 10px 10px 10px 10px;
      margin: 0;
      border: none;
      position: static;
      height: auto;
      line-height: 1.3em;
      cursor: pointer;
      color: #fff;
      overflow: hidden;
      border-bottom: 1px solid #999;
      border-top: 1px solid #777;
      /*
        background: -moz-linear-gradient(top, #999999 0%, #888888 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#888888));
        background: -webkit-linear-gradient(top, #999999 0%,#888888 100%);
        background: -o-linear-gradient(top, #999999 0%,#888888 100%);
        background: -ms-linear-gradient(top, #999999 0%,#888888 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#888888',GradientType=0 );
        background: linear-gradient(top, #999999 0%,#888888 100%);
        */ }
      ul.pub-accounts li .menu ul li:hover {
        background: #999999; }

ul.pub-accounts li .menu li .checked {
  height: 15px;
  width: 15px; }

ul.pub-accounts li .menu li div.left {
  width: 130px; }

ul.pub-accounts li .menu li.current .checked {
  background: url(/static/images/app/social-icons-sprite.png?v=1) 0 -140px no-repeat; }

ul.pub-accounts li .menu li img {
  margin: 0 10px 0 0; }

ul.pub-accounts li .arrow {
  background: url(/static/images/app/sortable-arrows.png) 0 -21px no-repeat;
  opacity: 0.3;
  width: 11px;
  height: 10px;
  margin: 9px 0 9px 5px; }

ul.pub-accounts li .title {
  margin: 0 0 0 5px; }

ul.pub-accounts li .icon {
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  width: 28px;
  height: 28px; }

.twitter-limit-notification-bar {
  display: none;
  margin: 20px 0;
  background: rgba(50, 92, 164, 0.1);
  padding: 17px 20px 13px;
  justify-content: space-between;
  position: relative;
  border-radius: 4px;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

.twitter-limit-notification-bar--warning {
  background: rgba(245, 190, 108, 0.2); }

.twitter-limit-notification-bar--error {
  background: rgba(183, 76, 81, 0.1); }

.twitter-limit-notification-bar__icon {
  position: absolute;
  left: 20px;
  top: 15px; }

.twitter-limit-notification-bar__info {
  list-style: none;
  padding-left: 30px;
  min-height: 20px;
  display: flex; }

.twitter-limit-notification-bar__prop {
  color: rgba(20, 27, 36, 0.8); }

.twitter-limit-notification-bar__prop-value {
  color: #0a0e12; }

.publish-util {
  z-index: 6;
  position: relative;
  margin: 0 0 10px;
  display: none; }

.publish-stats {
  height: 192px;
  float: left;
  /*width: 1004px;*/ }

.publish-stats > li {
  width: 307px;
  padding: 16px 20px 4px;
  height: 160px;
  margin: 0 18px 0 0;
  float: left;
  top: 0;
  box-shadow: 0 1px 2px #ccc; }

.publish-stats li.attention-score {
  margin: 0; }

.publish-stats h4 {
  margin: 0;
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #0a0e12; }

.publish-stats li ul.terms {
  margin: 10px 0;
  color: #666;
  position: relative; }

.publish-stats li ul.terms li {
  position: absolute;
  height: 16px;
  width: 307px;
  display: none;
  left: 0;
  top: 0; }

.trending-terms {
  position: relative; }
  .trending-terms .navigation ul {
    float: left; }
    .trending-terms .navigation ul li {
      float: left; }

.trending-terms h4 {
  float: left; }

.trending-btn {
  display: none;
  font-size: .9em;
  font-weight: normal; }

.publish-stats li .pie {
  width: 150px;
  height: 65px; }

.publish-stats li .pie .legend > div {
  background-color: transparent !important; }

.publish-stats .percent {
  text-align: center;
  font-size: .8em;
  padding: 0 2px;
  background: url(/static/images/app/dark-grad.png?v=1);
  color: #fff;
  border-radius: 5px;
  line-height: 1.3em; }

.publish-stats li.attention-score h3 {
  font-size: 3.5em;
  line-height: 1em;
  font-weight: bold;
  margin: 10px 0; }

.publish-stats li.attention-score h5 {
  margin: 30px 0 0; }

.publish-stats li.attention-score .as {
  margin-top: 20px;
  width: 100px;
  text-align: center;
  width: 149px; }

.publish-stats li.attention-score .as-queue {
  border-right: 1px solid #000; }

.publish_fb_respond #compose, .publish_listen_linked_in_page #compose {
  top: 150px !important; }

/*.publish-util .compose {
  position: absolute;
  width: 200px;
  height: 152px;
  background: #fff;
  top: 0;
  right: 5px;
  }

.compose .drafts {
clear: both;
}*/
.compose.large.expanded, .compose.large {
  left: 1040px; }

.compose.expanded {
  left: 684px; }

.compose-counters .count input {
  position: absolute;
  top: -3px; }
.compose-counters .facebook-count input {
  width: 50px; }
.compose-counters .count.facebook-count {
  top: 9px; }

#compose .i-expand {
  z-index: 5;
  position: absolute;
  top: 15px;
  right: 180px;
  cursor: pointer; }

#compose .i-computer {
  z-index: 5;
  position: absolute;
  top: 15px;
  right: 200px;
  cursor: pointer; }

#compose .links-options, #compose .groups-options {
  margin-left: 0px; }
#compose .do-not-shorten-links-container {
  margin-top: 1px;
  float: right;
  margin-left: 3px;
  display: inline-block; }
  #compose .do-not-shorten-links-container label {
    font-size: 10.5px;
    color: #666; }
  #compose .do-not-shorten-links-container input {
    margin-left: -15px; }
#compose .do-not-shorten-links-container.checked {
  position: relative;
  top: 12px;
  left: -6px; }
#compose .recycle-domain-checkbox-container label {
  font-size: 10.5px;
  color: #666; }
#compose .recycle-domain-checkbox-container input {
  margin-left: -15px; }
#compose .facebook-link .compose-meta-alert {
  border-bottom: 1px solid #EEE; }
  #compose .facebook-link .compose-meta-alert p {
    color: #AA0000;
    font-size: 12px;
    padding: 2px 0 7px;
    text-align: center; }
    #compose .facebook-link .compose-meta-alert p a {
      color: #AA0000;
      text-decoration: underline; }
#compose .facebook-link .fb-wrap {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
#compose .facebook-link .fb-link {
  color: purple; }
#compose .facebook-link .fb-remove {
  right: 10px; }

.publish_base_index .date-settings div span {
  vertical-align: top; }

#square_spend {
  width: 159px; }
  #square_spend span {
    width: 143px;
    height: 19px; }
  #square_spend input {
    width: 78px; }
  #square_spend .spend-title-thin {
    transition: all linear .5s;
    width: 111px; }
  #square_spend .spend-title-wide {
    transition: all linear .5s;
    width: 153px; }
  #square_spend .tw-spend-title-wide {
    transition: all linear .5s;
    width: 73px; }
    #square_spend .tw-spend-title-wide input {
      width: 42px; }

#square_time .text {
  width: 52px; }

#fb_square_fans .fans-thin {
  transition: all linear .5s;
  width: 143px; }
#fb_square_fans .fans-wide {
  transition: all linear .5s;
  width: 153px; }

#tw_square_fans .fans-thin, #tw_square_fans .fans-wide {
  transition: all linear .5s;
  width: 195px; }
  #tw_square_fans .fans-thin span, #tw_square_fans .fans-wide span {
    width: 170px; }

#fb-amp-options-div .spend-thin {
  transition: all linear .5s;
  width: 128px; }
#fb-amp-options-div .spend-wide {
  transition: all linear .5s;
  width: 169px; }
#fb-amp-options-div .spend-title-wide {
  transition: all linear .5s;
  width: 153px; }
#fb-amp-options-div .time-thin {
  transition: all linear .5s;
  width: 76px; }
#fb-amp-options-div .tw-spend-wide {
  transition: all linear .5s;
  width: 91px; }
#fb-amp-options-div .time-wide {
  transition: all linear .5s;
  width: 93px; }

.compose.large .facebook-link {
  display: none !important; }

.facebook-link .queue-meta-alert {
  border-bottom: 1px solid #EEE; }
  .facebook-link .queue-meta-alert p {
    color: #AA0000;
    font-size: 12px;
    padding: 2px 0 7px;
    text-align: center;
    display: inline-block; }
    .facebook-link .queue-meta-alert p a {
      color: #AA0000;
      text-decoration: underline; }
  .facebook-link .queue-meta-alert .tool-tip-icon {
    float: none;
    vertical-align: middle;
    display: inline-block; }

#compose .drop-square:last-child span, #compose .drop-square:last-child div {
  border-right-width: 0; }

#fb_ad_account_div .tooltip-inner, #tw_ad_account_div .tooltip-inner {
  width: 100px; }

.compose.large, .compose.expanded {
  top: 42px;
  position: absolute;
  width: 300px;
  padding: 10px;
  /*height: 221px;*/
  border: 1px solid #ccc;
  z-index: 1001;
  box-shadow: 1px 1px 5px #999;
  background: #efefef;
  /* Old browsers */ }

.compose.compact {
  position: absolute;
  top: 5px;
  right: 0;
  /*left: auto;*/
  width: auto; }

.compose.disabled, .item.disabled {
  opacity: 1; }

.compose.disabled .submit, .item.disabled .submit {
  opacity: .5; }

.cursor-locator {
  position: absolute;
  opacity: 0;
  top: -500px;
  left: -1000px; }
  .cursor-locator #cursor_locator_content {
    white-space: pre-wrap; }
  .cursor-locator #cursor_locator_marker {
    position: relative; }

i.remove-saved-autocomplete-element {
  cursor: pointer;
  opacity: .6; }

#auto_complete {
  /*display:none;*/
  box-shadow: 0 0 5px #999;
  border-radius: 2px;
  z-index: 1002;
  background: #666;
  position: absolute; }
  #auto_complete table tr {
    color: #FFF;
    border-bottom: 1px solid #777;
    padding: 3px 6px; }
    #auto_complete table tr.selected {
      background: #333; }
    #auto_complete table tr.first {
      border-radius: 2px 2px 0 0; }
    #auto_complete table tr.last {
      border-radius: 0 0 2px 2px;
      border-bottom: none; }

td.autocomplete-element {
  padding: 3px 10px 3px 6px; }

.remove-saved-autocomplete-element {
  padding: 0px 3px 3px 3px;
  font-size: 8px; }

.shorten-links-container-edit, .shorten-links-container, .links-not-shortened-text, #pinterest_boardpicker, .recycle-domain-swap-container {
  display: inline-block;
  margin-left: 10px;
  top: 20px;
  font-size: .8em;
  color: #999;
  position: relative;
  top: 0px; }
  .shorten-links-container-edit a.btn, .shorten-links-container a.btn, .links-not-shortened-text a.btn, #pinterest_boardpicker a.btn, .recycle-domain-swap-container a.btn {
    padding: 0px 5px;
    line-height: 14px; }
  .shorten-links-container-edit a.btn.sm, .shorten-links-container a.btn.sm, .links-not-shortened-text a.btn.sm, #pinterest_boardpicker a.btn.sm, .recycle-domain-swap-container a.btn.sm {
    margin: -5px 0 0 0;
    padding: 3px 10px;
    font-size: 1em; }

.shorten-links-container,
.recycle-domain-swap-container {
  left: -110px; }

.shorten-links-container-edit.do-not-shorten {
  display: none; }

.links-not-shortened-text {
  display: none; }

.links-not-shortened-text.do-not-shorten {
  display: inline-block;
  margin-left: 0px; }

.draft-board .shorten-links-container {
  top: 25px;
  left: 153px; }

.item .shorten-links-container {
  position: static;
  top: auto;
  left: auto;
  margin: 0 0 5px 0;
  display: none; }

.facebook-link {
  overflow: hidden;
  width: 574px;
  padding: 5px;
  margin: 0 0 0 10px;
  border-top: 1px dashed #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #FFF; }

.timeline .facebook-link {
  border: 0;
  background: transparent;
  padding: 0; }

.timeline .item-buttons {
  right: 20px !important;
  width: 388px; }

.facebook-preview {
  width: 574px;
  background: #FFF;
  padding: 5px;
  margin: 0 0 0 10px;
  border: 1px solid #ccc;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }

.facebook-preview-unit {
  width: 511px;
  line-height: 14px;
  font-size: 11px; }
  .facebook-preview-unit .play-icon-rect-outer {
    position: relative;
    top: 60px;
    left: 50px;
    width: 50px;
    height: 30px;
    background-color: black;
    opacity: 0.5; }
  .facebook-preview-unit .play-icon-rect {
    text-align: center;
    border: 2px solid white;
    position: relative;
    top: 28px;
    left: 48px;
    width: 50px;
    height: 30px;
    border-radius: 3px; }
    .facebook-preview-unit .play-icon-rect .i-fa-play {
      font-size: 25px;
      position: relative;
      top: 3px;
      color: #fff; }

.facebook-preview-photo {
  width: 50px;
  height: 53px;
  float: left;
  margin-bottom: 16px;
  margin-top: 18px; }

.facebook-preview-story-wrapper {
  width: 451px;
  margin-left: 60px; }

.facebook-preview-story {
  width: 416px;
  padding-top: 18px;
  margin-right: 35px;
  margin-bottom: 16px; }

.facebook-preview-message.headline {
  font-size: 13px;
  line-height: 1.38em;
  margin-bottom: 0px;
  color: #3B5998;
  font-weight: bold;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }

.facebook-preview-message.body {
  font-size: 13px;
  line-height: 17px;
  color: #333;
  word-wrap: break-word; }

.facebook-preview-message.img-upload {
  margin-top: 10px;
  margin-bottom: 10px; }

.facebook-preview-message-attachment {
  width: 416px;
  height: 92px;
  margin-top: 10px;
  margin-bottom: 10px; }

.facebook-preview-message-link {
  width: 398px;
  height: 90px;
  background-color: #F7F7F7;
  background-origin: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.05); }

.facebook-preview-message-link-image {
  width: 90px;
  height: 90px;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.05); }

.facebook-preview-cropped-image {
  width: 80px;
  height: 80px;
  padding: 5px; }

.facebook-link-caption {
  font-size: 11px;
  line-height: 14px; }

.facebook-preview-message-link-content {
  width: 305px;
  height: 90px;
  color: gray; }

.facebook-preview-message-text {
  width: 285px;
  height: 72px;
  padding: 8px 10px 0px 10px;
  overflow-x: hidden;
  overflow-y: hidden;
  word-wrap: break-word;
  word-break: break-word; }

.facebook-preview-message-title {
  font-size: 11px;
  line-height: 14px;
  color: #3B5998;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-word; }

.facebook-preview-message-description {
  width: 285px;
  height: 56px;
  font-size: 11px;
  line-height: 14px;
  color: gray;
  text-overflow: clip;
  word-wrap: break-word;
  word-break: break-word;
  overflow-x: hidden;
  overflow-y: hidden; }

.facebook-preview-message-footer {
  font-size: 11px;
  color: #6D84B4; }

.facebook-preview-image-button {
  background: url("/static/images/app/social-icons-sprite.png?v=11") right -436px no-repeat;
  width: 22px;
  height: 17px;
  float: left; }

.facebook-preview-message-footer-time {
  color: #999; }

.image-upload {
  overflow: hidden;
  width: 574px;
  padding: 5px;
  margin: 0 0 0 10px;
  border-top: 1px dashed #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #FFF; }

.item .image-upload {
  overflow: hidden;
  width: 340px;
  padding: 5px;
  margin: 0;
  border-top: 1px dashed #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #FFF; }

.item .image-upload2 {
  width: 375px;
  max-height: 170px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  #padding: 5px;
  margin: 0;
  border-top: 1px dashed #ccc;
  position: relative;
  #bottom: 320px !important;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc; }

.item .carousel-less {
  width: 330px;
  border: none; }

.item div.image-upload2.carousel-less-queue {
  width: 312px;
  border: none; }
  .item div.image-upload2.carousel-less-queue .carousel-cap, .item div.image-upload2.carousel-less-queue .carousel-title, .item div.image-upload2.carousel-less-queue .carousel-link, .item div.image-upload2.carousel-less-queue .carousel-desc, .item div.image-upload2.carousel-less-queue .carousel-cta {
    pointer-events: none; }
  .item div.image-upload2.carousel-less-queue div.cancel-image {
    display: none; }

.item .message .image-upload {
  border: none;
  background: transparent;
  padding: 0; }

.fb-wrap {
  padding: 10px 20px 10px 10px;
  position: relative;
  float: left; }

.item .image-wrap {
  padding: 0;
  width: auto;
  position: relative;
  float: left;
  margin: 5px; }
  .item .image-wrap .image-thumb img, .item .image-wrap video {
    max-height: 45px; }

.compose .image-wrap {
  padding: 0;
  width: auto;
  position: relative;
  float: left; }
  .compose .image-wrap .image-thumb img {
    max-height: 150px; }
.compose .invalid .icon, .compose .invalid .account {
  opacity: .5; }
.compose .pub-accounts div.account {
  width: 135px; }

.facebook-link > * {
  display: none; }

.fb-static {
  overflow: hidden; }

.fb-content {
  float: left;
  width: 400px; }

.fb-image {
  float: left;
  width: 100px;
  height: 100px;
  max-height: 100px;
  overflow: hidden;
  margin: 0 10px 0 0; }

.streams .fb-image {
  width: 75px;
  height: 74px;
  max-height: 75px;
  overflow: hidden; }

.fb-content.no-fb-img p {
  margin-left: 0; }

.fb-title-static, .fb-link-static, .fb-desc-static, .fb-title, .fb-link, .fb-desc, .fb-arrows {
  margin: 0 0 0 85px;
  font-size: .8em;
  line-height: 1.5em; }

.fb-no-tn, .fb-tn-repl, .scrape-fb-preview, .remove-fb-preview {
  float: left;
  font-size: .8em;
  line-height: 1.5em; }

.fb-tn-repl .btn {
  line-height: 14px; }

.compose .fb-title, .compose .fb-desc, .compose .fb-link, .compose .fb-arrows, .compose .fb-no-tn {
  margin: 0 0 0 0; }

.compose .fb-new-title,
.compose .fb-new-link {
  margin: 0;
  width: 100%;
  box-sizing: border-box; }

.compose textarea.fb-new-desc {
  width: 100%;
  box-sizing: border-box;
  height: 100px; }

.item .fb-new-title,
.item .fb-new-link {
  width: 100%;
  box-sizing: border-box; }

.item textarea.fb-new-desc {
  height: 12px;
  width: 250px; }

#missed {
  display: inline block !important; }

#stop_modal_header {
  font-family: 'PT Sans', sans-serif;
  color: #464646;
  font-weight: bold;
  font-size: 1.3em; }

#modal_body_custom {
  font-family: 'PT Sans', sans-serif;
  color: #464646;
  font-weight: bold; }

#stop_confirm_modal {
  width: 250px;
  margin: -125px 0 0 -125px; }

.button-pause {
  position: absolute; }

.ajax-image-loader {
  background: url(/static/images/app/ajax-loader.gif) center top no-repeat;
  width: 50px;
  height: 50px; }

.fb-img {
  display: none; }

.fb-img.selected {
  display: block; }

.fb-img.selected.no-img {
  opacity: 0.2; }

.fb-image {
  position: relative; }
  .fb-image .play-icon-rect-outer-meta {
    position: absolute;
    top: 25px;
    left: 35px;
    width: 32px;
    height: 22px; }
    .fb-image .play-icon-rect-outer-meta .play-icon-rect-outer {
      position: relative;
      width: 30px;
      height: 20px;
      background-color: black;
      opacity: 0.5;
      left: 2px;
      top: 2px; }
    .fb-image .play-icon-rect-outer-meta .play-icon-rect {
      text-align: center;
      border: 2px solid white;
      position: relative;
      top: -20px;
      width: 30px;
      height: 20px;
      border-radius: 3px; }
      .fb-image .play-icon-rect-outer-meta .play-icon-rect .i-fa-play {
        font-size: 12px;
        position: relative;
        top: 3px;
        color: #fff; }

.fb-arrow-left, .fb-arrow-right {
  height: 9px;
  width: 8px;
  text-indent: -9999px;
  background: url(/static/images/app/fb-arrows.png) no-repeat;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
  margin-right: 5px; }

.fb-arrow-left {
  background-position: 0 0; }

.fb-arrow-right {
  background-position: right 0; }

.fb-arrow-left:hover, .fb-arrow-right:hover {
  opacity: .5; }

.image-remove {
  position: absolute;
  text-indent: -9999px;
  background: url(/static/images/app/remove.png) no-repeat;
  width: 15px;
  height: 15px;
  top: 0;
  right: 0;
  cursor: pointer; }

.fb-remove {
  position: absolute;
  text-indent: -9999px;
  background: url(/static/images/app/remove.png) no-repeat;
  width: 15px;
  height: 15px;
  top: 10px;
  right: 0;
  cursor: pointer; }

/*.item .fb-remove {
  display: none !important;
  }*/
.fb-remove:hover {
  opacity: .5; }

.fb-title, .fb-desc {
  cursor: pointer;
  min-height: 15px; }

.timeline .fb-title, .timeline .fb-desc {
  cursor: default; }

.fb-no-tn label {
  font-size: 11px;
  padding-left: 5px; }

.fb-title.edit-mode, .fb-desc.edit-mode {
  cursor: default; }

.fb-title:hover {
  background: #ccc; }

.timeline .fb-title:hover, .timeline .fb-desc:hover {
  background: transparent; }

.fb-title.edit-mode:hover, .fb-desc.edit-mode:hover {
  background: transparent; }

.fb-title-static, .fb-title {
  font-weight: bold; }

.pause-play {
  position: absolute;
  top: 10px;
  right: 20px; }

.pause-play.disabled {
  opacity: .5; }

.pause-play a {
  white-space: nowrap;
  /*width: 70px;*/
  text-align: left; }

.pause-play.pause .pn-button__icon--actions-pause,
.pause-play.play .pn-button__icon--actions-play {
  display: block; }

.pause-play.play .pn-button__icon--actions-pause,
.pause-play.pause .pn-button__icon--actions-play {
  display: none; }

.compose.large h3, .compose.expanded .compose-groups {
  margin: 0 10px -10px 0px;
  padding: 0 10px 10px 10px;
  /*border-bottom: 1px solid #b2b2b2;*/ }

.compose.expanded .compose-groups {
  width: 216px;
  display: inline-block; }

.compose-counters {
  position: absolute;
  top: 32px;
  right: 160px; }
  .compose-counters .count {
    top: 10px;
    right: 10px;
    width: 40px;
    display: none; }

.count input {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  background: transparent;
  width: 40px;
  border: none; }
  .count input.warn {
    color: #5C0002; }
  .count input.superwarn {
    color: #D40D12; }
  .count input.facebook-count {
    background-position: 0 0; }

.item .count.facebook-count input {
  width: 50px; }
.item .count.twitter-count input {
  width: 25px; }

.compose-counters .count, .item .count {
  background: url(/static/images/app/social-icons-sprite.png) no-repeat;
  height: 15px;
  padding: 0 0 0 20px;
  position: absolute; }
  .compose-counters .count.twitter-count, .item .count.twitter-count {
    background-position: 0 -33px; }
  .compose-counters .count.warn, .item .count.warn {
    color: #5C0002; }
  .compose-counters .count.superwarn, .item .count.superwarn {
    color: #D40D12; }
  .compose-counters .count.facebook-count, .item .count.facebook-count {
    background-position: 0 0; }
  .compose-counters .count.pinterest-count, .item .count.pinterest-count {
    background: none;
    padding: 0px; }
    .compose-counters .count.pinterest-count .sf-icon-pinterest, .item .count.pinterest-count .sf-icon-pinterest {
      margin-bottom: 10px;
      vertical-align: middle;
      display: inline-block; }

.facebook_page .count.facebook-count, .twitter .count.twitter-count {
  display: block; }

.cs-type-wrap .compose {
  position: relative; }

.compose .pub-accounts li .icon {
  height: 15px;
  width: 15px;
  background: url(/static/images/app/social-icons-sprite.png) no-repeat;
  margin: 0 5px 0 0;
  font-size: 15px; }

.compose .pub-accounts li.twitter .icon {
  background-position: 0 -33px; }

.compose .pub-accounts li.facebook .icon {
  background-position: 0 0; }

.compose .pub-accounts li.google-plus-page .icon {
  background: none;
  color: #d34836; }

.compose .pub-accounts li.instagram_publishing .icon {
  background: none;
  color: #EB006F; }

.compose .pub-accounts li.linked-in-page .icon {
  background: none;
  color: #006699; }

.compose .pub-accounts li.apple-news-channel .icon {
  background: none;
  color: #ee3659; }

.compose .pub-accounts li .checked {
  width: 15px;
  height: 15px; }

.compose .pub-accounts li.pub-to .checked {
  background: url(/static/images/app/social-icons-sprite.png?v=1) 0 -140px no-repeat; }

.compose.expanded .content textarea.maintext {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  height: 100px;
  margin: 10px 10px 0 10px;
  /*resize: none;*/
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: none;
  outline: none;
  clear: right;
  z-index: 1; }

.compose.large .content textarea.maintext {
  width: 255px !important;
  padding: 10px;
  height: 95px;
  margin: 10px;
  resize: none;
  border: 1px solid #ccc;
  clear: right; }

.compose-top {
  height: 50px; }
  .compose-top .compose-groups .groups-dropdown {
    margin-top: -2px;
    margin-bottom: -5px; }
  .compose-top .compose-groups .no-groups-dropdown {
    margin-top: 20px; }
  .compose-top .compose-groups .groups-options .group-btn {
    width: 165px !important; }

.compose .time-zone {
  display: inline-block;
  font-size: 10px;
  color: #666; }

.compose .time-zone.compose-box-contains-link {
  position: relative;
  top: -20px; }

.compose .time-zone.compose-box-recycle-domain {
  position: relative;
  top: -20px; }

.content .time-zone {
  margin: 2px 0 0 0;
  color: #666;
  font-size: .8em;
  display: none;
  float: left;
  text-align: left; }

.queue-toolbar {
  margin: 0;
  height: 16;
  padding: 3px;
  background: #CCC;
  width: 371px;
  height: 20px; }
  .queue-toolbar a {
    width: 22px;
    height: 17px;
    float: left;
    margin: 0 0 0 5px; }
  .queue-toolbar a.compose-draft-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -394px no-repeat; }
  .queue-toolbar a.compose-image-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -350px no-repeat; }
  .queue-toolbar a.compose-target-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -374px no-repeat; }
  .queue-toolbar a.compose-label-button {
    background: url("/static/images/app/png.png") no-repeat;
    background-position: 0 -816px;
    width: 16px;
    height: 17px; }

.queue-toolbar .active {
  color: #2399c0; }

.queue-toolbar .crosspost-video-queue {
  margin: 0;
  text-align: center; }
.queue-toolbar .crosspost-video-icon {
  border: solid 2px;
  border-radius: 50%;
  font-size: 7px;
  padding: 3px;
  vertical-align: top; }

.compose-toolbar {
  margin: 0 0 0 10px;
  height: 35px;
  float: left;
  background: #e1e1e1;
  width: 584px;
  border: 1px solid #ccc; }
  .compose-toolbar a:not(#pinterest_img_replace) {
    width: 20px;
    height: 17px;
    float: left;
    margin: 0 0 0 5px; }
  .compose-toolbar a.compose-draft-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -394px no-repeat; }
  .compose-toolbar a.compose-image-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -350px no-repeat; }
  .compose-toolbar a.compose-target-button {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -374px no-repeat; }
  .compose-toolbar a.compose-target-button.active {
    background: url("/static/images/app/social-icons-sprite.png?v=11") right -414px no-repeat; }
  .compose-toolbar a.compose-label-button {
    background: url("/static/images/app/png.png") no-repeat;
    background-position: 0px -816px;
    width: 20px;
    height: 17px; }
  .compose-toolbar a.compose-label-button.active {
    background: url("/static/images/app/png.png") no-repeat;
    background-position: 0px -1024px;
    width: 20px;
    height: 17px; }
  .compose-toolbar i {
    cursor: pointer; }
  .compose-toolbar #fb-amp-div i {
    padding-right: 3px; }
  .compose-toolbar input {
    background: #e1e1e1;
    width: 88px;
    border: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .compose-toolbar .active {
    color: #2399c0; }
  .compose-toolbar .purple {
    color: #682789; }
  .compose-toolbar a:hover:not(#pinterest_img_replace) {
    color: #f0f1f3; }
  .compose-toolbar i:hover {
    background: #f0f1f3; }
  .compose-toolbar i.i-money {
    padding-right: 8px;
    cursor: pointer; }
  .compose-toolbar i.i-money:hover {
    background: none; }
  .compose-toolbar .text-right {
    margin: 0px;
    padding: 0px; }

.compose-tool-bar-icons {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cccccc;
  height: 26px;
  position: relative;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px; }
  .compose-tool-bar-icons#crosspost_video_btn {
    padding-top: 6px;
    height: 29px; }
  .compose-tool-bar-icons .crosspost-video {
    border: solid 2px;
    border-radius: 50%;
    padding: 3px;
    font-size: xx-small; }

.bottom-row-controls {
  position: relative;
  float: left;
  width: 610px; }

.compose .set-as, .compose .date-settings {
  display: none; }

.compose .set-as {
  padding: 5px 0 0 10px; }

.compose .date-settings {
  /*padding: 8px 10px;*/
  padding: 10px 0 0 4px;
  margin: 0;
  line-height: 24px;
  margin-right: 0px; }

.compose .date-settings .set-quick-dates {
  padding: 0 0 0 5px;
  line-height: 14px; }

.set-quick-dates span.title {
  padding: 0 25px 0 10px;
  border: 0;
  width: 70px; }

.set-quick-dates span.drop.light.replace {
  margin: 0; }

.set-quick-dates span.drop.light.replace ul {
  width: 86px; }

.publish_base_index .date-settings .datetimepicker,
.publish_listen_twitter .date-settings .datetimepicker,
.publish_listen_google_plus_page .date-settings .datetimepicker,
.publish_listen_facebook_page .date-settings .datetimepicker {
  width: 115px;
  /*background: #fff url(/static/images/app/social-icons-sprite.png?v=10) right -269px no-repeat;*/
  padding: 2px 7px 2px 2px;
  color: #795AA6;
  font-size: .9em; }

.item .date-settings .optimize .datetimepicker {
  width: 102px; }

.compose .date-settings .optimize .datetimepicker {
  width: 122px; }

.publish_base_index .date-settings .publish, .publish_base_index .date-settings .schedule, .publish_base_index .date-settings .hold, .publish_base_index .date-settings .optimize {
  display: none; }

.publish_base_index .optimize .date-settings .optimize, .publish_base_index .schedule .date-settings .schedule, .publish_base_index .hold .date-settings .hold {
  display: block; }

.clickable {
  color: #795aa6;
  border-bottom: 1px dotted #795aa6;
  cursor: pointer; }

/*.compose .date-settings input[type="text"] {
  width: 150px;
  margin: 0 0 0 10px;
  }*/
.compose.compact .content {
  width: auto;
  min-width: 0; }

.compose .content {
  width: 77%;
  min-width: 400px;
  /*height: 175px;*/
  position: relative; }

.compose.large .content {
  min-width: 0; }

.compose .pub-accounts {
  display: none;
  border: 1px solid #b2b2b2;
  height: 160px;
  /*width: 200px;*/
  width: 20%;
  overflow: hidden;
  margin: 10px; }

.compose .gauge {
  width: 150px;
  height: 100px;
  background: url(/static/images/app/gauge.png?v=1) 0 20px no-repeat;
  display: none;
  margin: 10px 10px 0 0;
  position: relative;
  text-align: center; }

.compose .gauge canvas {
  position: absolute;
  left: 0;
  bottom: -30px; }

.compose .gauge h4 {
  margin: 0; }

.compose .pub-accounts ul {
  overflow: auto;
  height: 130px;
  background: #fff; }

.compose .pub-accounts li {
  padding: 10px;
  overflow: hidden;
  cursor: pointer; }

.compose .pub-accounts li:nth-child(even) {
  background: #eee; }

.compose .pub-accounts h4 {
  padding: 5px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  color: #fff;
  background: #b1b1b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b1b1b1 0%, #8b8b8b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1b1b1), color-stop(100%, #8b8b8b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b1b1b1 0%, #8b8b8b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b1b1b1 0%, #8b8b8b 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #b1b1b1 0%, #8b8b8b 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#8b8b8b',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #b1b1b1 0%, #8b8b8b 100%);
  /* W3C */ }

.compose.large .buttons, .compose.expanded .buttons {
  margin: 10px 20px 0 0;
  white-space: nowrap; }

.compose.compact * {
  display: none; }

.compose.compact .buttons, .compose.compact .content {
  display: block; }

.compose.compact .submit {
  display: none; }

.compose .cancel {
  margin-right: 5px; }

.streams {
  position: relative;
  height: auto;
  min-height: 600px;
  /*overflow-x: auto;
    padding: 0 0 50px;
    margin-right: 30px;*/ }

body.publish_base_index .streams {
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
  border-radius: 4px; }

.streams .column {
  width: 30%;
  /*min-width: 450px;
    max-width: 500px;*/
  /*    border: 1px solid #ccc;*/
  float: left;
  margin: 0;
  padding: 10px 0 10px 10px;
  min-height: 575px;
  position: relative;
  border: none; }

.publish_base_index .streams .column {
  padding: 0; }

.streams .column.queue, .streams .column.timeline {
  width: 510px;
  border: 0;
  box-shadow: none; }

.streams .column.timeline {
  float: right;
  border-left: 1px solid rgba(20, 27, 36, 0.05);
  box-sizing: border-box; }

.streams .column li.item:nth-child(even) {
  background: #fbfcfc; }

.item-blank {
  padding: 10px; }

/*.streams .column.queue li.item {
  background: #fff;
  }*/
.streams .column.queue li.item.optimize .left-wrap,
.streams .column.queue li.item.optimize.open .left-wrap,
.streams .column.timeline li.item.optimize .left-wrap,
.streams .column.timeline li.item.optimize.open .left-wrap,
.streams .published li.item.optimize .left-wrap {
  background: linear-gradient(90deg, rgba(245, 167, 247, 0.2) 0%, rgba(245, 167, 247, 0.1) 100%); }

.streams .column.queue li.item.hold .left-wrap,
.streams .column.queue li.item.hold.open .left-wrap,
.streams .column.timeline li.item.hold .left-wrap,
.streams .column.timeline li.item.hold.open .left-wrap {
  background: linear-gradient(90deg, rgba(253, 187, 47, 0.15) 0%, rgba(253, 187, 47, 0.08) 100%); }

.streams .column.queue li.item.publish-now .left-wrap,
.streams .column.queue li.item.publish-now.open .left-wrap,
.streams .column.timeline li.item.publish-now .left-wrap,
.streams .column.timeline li.item.publish-now.open .left-wrap,
.streams .published li.item.publish-now .left-wrap {
  background: linear-gradient(90deg, rgba(128, 219, 168, 0.2) 0%, rgba(128, 219, 168, 0.1) 100%); }

.streams .column.queue li.item.schedule .left-wrap,
.streams .column.queue li.item.schedule.open .left-wrap,
.streams .column.timeline li.item.schedule .left-wrap,
.streams .column.timeline li.item.schedule.open .left-wrap,
.streams .published li.item.schedule .left-wrap {
  background: linear-gradient(90deg, rgba(63, 167, 240, 0.15) 0%, rgba(63, 167, 240, 0.08) 100%); }

.streams .column.timeline li.item.published-external .left-wrap, .streams .column.timeline li.item.published-external.open .left-wrap {
  background: #eee;
  /* Old browsers */ }

.column .new-items {
  height: 20px;
  line-height: 20px;
  background: #eee;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
  color: #666;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0 5px;
  display: none; }

.message-holder {
  display: none; }

.queue-header {
  display: flex;
  justify-content: space-between; }

.queue-header__filter {
  width: auto; }

.streams .filter {
  margin: 0;
  width: auto; }

.streams .filter-check {
  width: 35px;
  margin: 0 5px 0 0; }

.streams .filter-check.light {
  width: 20px;
  margin: 10px 5px 0 10px; }

.streams .check-all.drop.light span {
  min-width: 0; }

.streams .filter-dropdowns {
  width: 430px; }

.streams .timeline .filter-dropdowns {
  width: 433px; }

.streams .filter .toggle {
  height: 20px;
  padding: 0;
  line-height: 20px;
  cursor: pointer;
  float: left;
  color: rgba(20, 27, 36, 0.4);
  display: flex; }

.streams .filter .toggle:hover {
  color: #0a0e12; }

.streams .filter .toggle__collapse {
  display: none; }

.streams .filter .toggle.open .toggle__collapse {
  display: block; }

.streams .filter-options {
  height: 20px;
  margin-right: 20px;
  margin-top: 10px; }

.streams .filter-extended {
  height: 0;
  clear: both;
  position: relative;
  overflow: hidden;
  display: table; }

.streams .filter-extended.open {
  margin: 0;
  padding: 20px;
  overflow: visible !important; }

.streams .filter-extended > * {
  display: none; }

.streams .filter-extended .drop span.title {
  background: none;
  padding-top: 0;
  padding-left: 3px; }
  .streams .filter-extended .drop span.title .text {
    margin-top: -3px; }
  .streams .filter-extended .drop span.title .arrow {
    top: -3px; }

.filter-search {
  right: 15px;
  bottom: 14px;
  border: 1px solid rgba(20, 27, 36, 0.1);
  z-index: 3;
  background: #fff;
  max-width: 467px;
  min-width: 165px;
  width: 460px;
  border-radius: 14px; }

.streams .filter-extended .filter-source,
.streams .filter-extended .filter-status,
.streams .filter-extended .filter-sort {
  margin-top: 7px;
  margin-right: 7px; }
  .streams .filter-extended .filter-source .arrow,
  .streams .filter-extended .filter-status .arrow,
  .streams .filter-extended .filter-sort .arrow {
    top: -3px; }

.streams .filter-extended .set-to {
  margin-top: 7px; }

.streams .filter-extended .filter-source {
  margin-right: 0; }

.filter-source ul {
  max-height: 300px;
  overflow-y: auto; }

.filter-search.hide {
  display: block;
  width: auto;
  min-width: 15px;
  border-left: none;
  padding: 0; }

.filter-search.hide input {
  display: none; }

.filter-search input {
  margin: 0;
  border: none;
  width: 92%;
  height: 18px;
  padding: 5px 15px;
  outline: none;
  background: transparent; }

.static-search {
  border: 1px solid #ccc;
  background: #fff;
  position: relative; }

.publish-button-container {
  margin: 1px 0 0;
  display: flex;
  gap: 10px;
  align-self: center; }

.search-close {
  position: absolute;
  background: url(/static/images/app/remove.png) no-repeat;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-top: 5px;
  right: 45px;
  display: none; }

.search-close:hover {
  opacity: .5; }

.streams .column li.item.even {
  background: #fff; }

.streams .column li.item.odd {
  background: #eee; }

.streams .column li.item-bottom {
  height: 40px;
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #E4E4E4;
  background: -moz-linear-gradient(top, white 0%, #E4E4E4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #E4E4E4));
  background: -webkit-linear-gradient(top, white 0%, #E4E4E4 100%);
  background: -o-linear-gradient(top, white 0%, #E4E4E4 100%);
  background: -ms-linear-gradient(top, white 0%, #E4E4E4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
  background: linear-gradient(top, white 0%, #E4E4E4 100%); }

.item-bottom .icon {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  left: 10px;
  background: url(/static/images/app/sf-icon.png) no-repeat; }

.item-bottom .right {
  height: 18px;
  margin: 11px 10px;
  font-style: italic; }

.item-bottom .right a {
  font-weight: bold; }

.static-search input {
  margin: 0px;
  border: none;
  width: 88%;
  height: 16px;
  padding: 5px;
  outline: none; }

.search-btn {
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 16px;
  background: url(/static/images/app/search.png) center center no-repeat;
  border-left: 1px solid #ccc;
  padding: 5px;
  cursor: pointer; }

/*.streams .bar {
  height: 15px;
  width: 85%;
  margin: 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  }

.streams .column-container .bar {
width: 75%;
}

.streams .bar li {
width: 33%;
height: 100%;
display: inline-block;
zoom: 1;
*display: inline;
overflow: hidden;
background-image: url(/static/images/app/bar-grad.png);
background-repeat: repeat-x;
white-space: normal;
}

.streams .bar.four li {
width: 25%;
}*/
.streams h3 {
  margin: 0 0 17px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.streams .queue h3 {
  max-width: 271px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  padding: 13px 0 0 20px; }
.streams .timeline h3 {
  width: 440px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  padding: 13px 0 0 20px; }

/*.streams .bar-stat {
  margin: 0 0 20px;
  }

.streams .bar-stat span {
display: none;
font-size: 1.2em;
color: #ccc;
}*/
/*.streams .bar-stat span.optimize {
  color: #c9b6e5;
  }

.streams .bar-stat span.scheduled {
color: #85b6cf;
}

.streams .bar-stat span.hold {
color: #dee785;
}*/
/*.streams .bar li.optimize {
  background-color: $optimize-color;
  }

.streams .bar li.scheduled {
background-color: $schedule-color;
}

.streams .bar li.hold {
background-color: $hold-color;
}

.streams .bar li.manual {
background-color:$manual-color;
}

.streams .bar li.other {
background-color: $other-color;
}

.bar li.disabled {
opacity: 0.5;
}

.streams .bar .optimize, .streams .bar .schedule {
}*/
.streams ul.stats {
  margin: 0 0 10px;
  display: flex;
  gap: 10px;
  padding: 0 20px; }

.streams ul.stats li {
  border-radius: 4px;
  margin: 0;
  padding: 8px 10px 1px 10px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 50px;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05); }

.stats__icon {
  position: absolute;
  top: 5px;
  left: 10px; }

.streams ul.stats li.amplified .stats__icon {
  color: #8A7AEA; }

.streams ul.stats li.optimized .stats__icon {
  color: #F5A7F7; }

.streams ul.stats li.scheduled .stats__icon {
  color: #3FA7F0; }

.streams ul.stats li.hold .stats__icon {
  color: #FDBB2F; }

.streams ul.stats li.published-now .stats__icon {
  color: #80DBA8; }

.streams ul.stats li.disabled {
  background: #f3f4f5;
  opacity: 1;
  box-shadow: none; }

.streams ul.stats li h4 {
  font-size: 24px;
  line-height: 35px;
  margin: 5px 0 0;
  padding: 0;
  font-weight: 300; }

.streams ul.stats li h5 {
  font-size: 11px;
  color: rgba(20, 27, 36, 0.8);
  line-height: 16px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.streams ul.stats li:not(.candidates, .other) h5 {
  margin-left: 25px;
  max-width: calc(100% - 25px); }

.ajax-column {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 9;
  margin-left: -12px;
  display: none; }

.streams .list {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 85%;
  margin: 10px 0 0;
  min-height: 290px;
  border-top: 1px solid rgba(20, 27, 36, 0.05);
  border-radius: 0 0 0 4px; }

.streams .list.filter-open {
  min-height: 290px; }

.streams .queue .list.small-stopped-queue-list {
  min-height: 165px; }

.streams .queue .items .item {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  top: 0;
  display: none; }

.stop-updates .streams .queue .items .item, .stop-updates .streams .column.queue .items li.item-bottom {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  border-bottom: 0; }

.stop-updates .streams .queue .items .item:last-child {
  border-bottom: 1px solid #ccc; }

.streams .list .item {
  position: relative; }

.ajax-loading {
  margin: 10px; }

.streams .column ul.list li.item.open {
  /*background: #e0f3fa;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0f3fa));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f3fa',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#e0f3fa 100%);*/ }

/*.streams .column ul.list.items li.item.publish-now {
    background: #e0f3fa;
    background: -moz-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0f3fa));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f3fa',GradientType=0 );
    background: linear-gradient(top, #ffffff 0%,#e0f3fa 100%);
}*/
.streams .column ul.list.items li.item.publish-now.failed-pub .left-wrap, .streams .column ul.list.items li.item.failed-pub .left-wrap {
  background: #ffcccc;
  /* Old browsers */ }

.streams .column-container {
  float: left;
  white-space: nowrap;
  display: none; }

.publish_base_index .fixed-wrap, .publish_listen_facebook_page .fixed-wrap, .publish_listen_google_plus_page .fixed-wrap, .publish_listen_twitter {
  position: relative; }

.streams .column-wrap {
  width: 960px;
  min-width: 960px;
  padding-right: 35px; }

.streams .column-container .column {
  float: left;
  display: block;
  zoom: 1;
  *display: inline;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  white-space: normal;
  height: 100%;
  position: relative;
  top: 0;
  left: 0; }

.streams .column-container .column:last-child {
  /*margin-right: 40px;*/ }

.item {
  height: 150px;
  padding: 10px;
  background: #fff; }

.item .extended {
  margin: 0;
  float: left; }

.queue .item .extended {
  float: none; }

.twitter-retweet-icon {
  background: url("/static/images/app/social-icons-sprite.png?v=12") right -452px no-repeat;
  width: 25px;
  height: 14px;
  margin-top: 7px;
  display: block;
  float: left; }

.item .details {
  left: 10px;
  z-index: 1;
  position: absolute;
  display: none;
  margin: 0 0 20px 90px;
  width: 350px; }

.item .recycle-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(/static/images/app/status-sprite.png) 0 -197px no-repeat;
  margin: 0 10px 0 0; }

.timeline .item.publish-now .score-wrap {
  background-position: right -246px; }

.timeline .item.published-external .score-wrap {
  background-position: right -295px; }

.item .recycle-item, .item .recycle-extend {
  display: inline-block; }

.item .recycle-extend {
  display: none; }

.item .delete-message {
  padding-left: 15px;
  padding-right: 15px; }

.timeline .item a.recycle-timeline-item.invalid-recycle-external {
  display: none; }

.item textarea.maintext {
  width: 375px;
  height: 100px;
  display: none;
  resize: none;
  border: 1px solid #ccc;
  outline: none; }

.item .top-bar {
  margin: 5px 0;
  width: 100%;
  height: 17px;
  display: inline-block; }
  .item .top-bar .shorten-links-container {
    display: none; }

.item .count {
  position: absolute;
  top: 1px;
  right: 1px; }

.item .details ul {
  color: #999;
  font-size: .8em; }

.item .message {
  position: relative;
  z-index: 0;
  width: auto;
  margin: 0 0 -1px 81px; }

.the-stream .item .message {
  margin: 9px 30px 5px 90px; }

.item .message .item-message,
div.item-close-content > div.item-message {
  word-wrap: break-word;
  font-size: 13px;
  line-height: 20px;
  margin-right: 10px; }

.item-close-content {
  margin-top: 9px; }

.publish_listen_twitter .item .message {
  margin: 0 70px 5px 58px; }

.publish_listen_twitter .item .details {
  margin: 0 0 0 80px; }

.publish_listen_twitter .column[data-name="Expired"] .item {
  height: 95px; }

.publish_listen_twitter .column[data-name="Expired"] .list .text {
  bottom: 0px; }

.publish_listen_twitter .list .fb-title, .publish_listen_twitter .list .fb-desc {
  cursor: default; }

.publish_listen_twitter .list .fb-title:hover, .publish_listen_twitter .list .fb-desc:hover {
  background: transparent none; }

.publish_base_index .filter-open .twitter-retweet-icon {
  margin-left: 27px; }

.filter-open .item .message {
  margin: 0 0 -1px 109px; }

.filter-open .item .image-upload {
  width: 331px; }

.timeline .item .image-upload .image-remove {
  display: none !important; }

.filter-open .item textarea.maintext {
  width: 341px; }

.filter-open .item .image-upload2 {
  width: 341px; }

.filter-open .item .facebook-link {
  width: 331px; }

.filter-open .item .fb-wrap {
  width: 315px; }

.filter-open .item .queue-toolbar {
  margin-left: 0;
  width: 337px; }

.filter-open.the-stream .item .message {
  margin: 0 0 5px 109px; }

.filter-open .item .details {
  margin: 0 0 20px 109px; }

.item .checkbox {
  width: 18px;
  padding: 4px 0 0 10px;
  display: none; }

.filter-open .item .checkbox {
  display: block;
  height: 16px; }
  .filter-open .item .checkbox input {
    margin: 0; }

/*.item .score {
  height: 80px;
  width: 3%;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  }*/
.item div.close {
  height: 20px;
  background: #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #ccc;
  cursor: pointer;
  background: #E4E4E4;
  background: -moz-linear-gradient(top, #fff 0%, #E4E4E4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #E4E4E4));
  background: -webkit-linear-gradient(top, #fff 0%, #E4E4E4 100%);
  background: -o-linear-gradient(top, #fff 0%, #E4E4E4 100%);
  background: -ms-linear-gradient(top, #fff 0%, #E4E4E4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
  background: linear-gradient(top, #fff 0%, #E4E4E4 100%); }

.left-wrap {
  height: 100%;
  float: left;
  margin: -10px 20px -10px -10px;
  padding: 10px; }

.item div.close .close-arrow {
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -4px;
  width: 8px;
  height: 7px;
  background: url(/static/images/app/close-arrow.png) no-repeat; }

.item .score-wrap {
  width: 60px;
  height: 20px; }

.timeline .filter-open .item .score-wrap {
  width: 25px !important; }

.item .item-icon {
  display: flex;
  justify-content: center; }
  .queue .item .item-icon {
    padding: 39px 0 0; }
  .timeline .item .item-icon {
    padding: 9px 0 0; }

.item .item-icon__svg {
  display: none; }

.item.optimize .item-icon__svg--optimized {
  color: #F5A7F7;
  display: block; }

.item.schedule .item-icon__svg--scheduled {
  color: #3FA7F0;
  display: block; }

.item.hold .item-icon__svg--hold {
  color: #FDBB2F;
  display: block; }

.item.publish-now .item-icon__svg--publish-now {
  color: #80DBA8;
  display: block; }

.item.publish-now .score-wrap {
  background-position: right -148px; }

.item.failed-pub .score-wrap {
  background-position: right -344px; }

.item.publish-now .publish {
  display: none; }

.item.publish-now.failed-pub .publish {
  display: flex;
  flex-grow: 0; }

.item .score-wrap .the-score {
  font-size: 15px;
  line-height: 26px;
  color: #0a0e12;
  text-align: center;
  padding-right: 0; }

.item .item-stats {
  position: absolute;
  left: 10px;
  top: 52px;
  text-align: center;
  width: 60px;
  font-size: .8em;
  line-height: .8em; }

.item .item-stats > *:not(:first-child) {
  margin: -7px 0 0; }

.item .item-stats .item-clicks strong,
.item .item-stats .item-plusones strong,
.item .item-stats .item-retweets strong,
.item .item-stats .item-likes strong {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(20, 27, 36, 0.8); }

.item .item-stats .std {
  font-size: 15px;
  line-height: 26px;
  color: #0a0e12; }

.item .item-stats .item-shares, .item .item-stats .item-comments {
  display: none; }

/*.open-close {
  text-align: center;
  width: 15px;
  height: 15px;
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
  background: url(/static/images/app/item-arrows.png?v=2) 0 0 no-repeat;
  text-indent: -9999px;
  }*/
/*.open-close.open {
  background-position: 0 bottom;
  }

.open-close.close {
background-position: 0 top;
}*/
.timeline a.btn.delete-message {
  display: inline-block;
  margin: 0 0 0 8px; }

/*.item.message-deleted a.btn.sm.delete-message {
  display: none;
  }*/
.filter-open a.btn.delete-message {
  left: 120px; }

.timeline .item-buttons-right .btn {
  padding: 2px 8px; }

.item-buttons {
  text-align: right;
  width: 388px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: flex;
  gap: 10px;
  justify-content: space-between; }
  .item-buttons a.promoted {
    display: flex;
    float: left;
    margin: 0; }
    .item-buttons a.promoted:hover {
      text-decoration: none; }
      .item-buttons a.promoted:hover i {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='status-transfer-uploading'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 9.5C16 13.0899 13.0899 16 9.5 16C5.91015 16 3 13.0899 3 9.5C3 5.91015 5.91015 3 9.5 3C13.0899 3 16 5.91015 16 9.5ZM17 9.5C17 13.6421 13.6421 17 9.5 17C5.35786 17 2 13.6421 2 9.5C2 5.35786 5.35786 2 9.5 2C13.6421 2 17 5.35786 17 9.5ZM9.00111 7.43437L7.50134 8.93415L6.79424 8.22705L9.50121 5.52007L9.50311 5.52197L9.50317 5.52191L12.2083 8.22705L11.5012 8.93415L10.0011 7.43405V13.7271H9.00111V7.43437Z' fill='%230a0e12'/%3E%3C/svg%3E%0A");
        background-position: 0 0; }
    .item-buttons a.promoted span.btn {
      line-height: 13px;
      padding: 1px 3px;
      margin: -5px 0 0 0; }
    .item-buttons a.promoted i {
      opacity: 1;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='status-transfer-uploading'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 9.5C16 13.0899 13.0899 16 9.5 16C5.91015 16 3 13.0899 3 9.5C3 5.91015 5.91015 3 9.5 3C13.0899 3 16 5.91015 16 9.5ZM17 9.5C17 13.6421 13.6421 17 9.5 17C5.35786 17 2 13.6421 2 9.5C2 5.35786 5.35786 2 9.5 2C13.6421 2 17 5.35786 17 9.5ZM9.00111 7.43437L7.50134 8.93415L6.79424 8.22705L9.50121 5.52007L9.50311 5.52197L9.50317 5.52191L12.2083 8.22705L11.5012 8.93415L10.0011 7.43405V13.7271H9.00111V7.43437Z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E%0A");
      background-position: 0 0;
      margin-top: 0; }
  .item-buttons .item-buttons-right {
    display: flex;
    gap: 10px;
    margin-left: auto; }
    .item-buttons .item-buttons-right a {
      margin: 0 5px 0 0;
      float: right; }

.item-buttons > .pn-button {
  flex-grow: 0; }

.item-buttons .hover-buttons {
  margin-right: auto; }

.filter-open .from-queue .hover-buttons {
  margin-left: 28px; }

.message-deleted .item-buttons a.promoted {
  display: none; }

.item-close-content a.btn.sm.open-close {
  width: 55px;
  padding: 5px;
  text-align: center; }

a.btn.sm.publish, a.btn.sm.view-report {
  /*width: 55px;*/
  padding: 5px;
  text-align: center; }

a.btn.sm.view-report {
  /*width: 65px;*/ }

a.save-changes {
  margin: 0 4px 0 5px; }

.open a.btn.sm.view-report {
  bottom: 30px; }

.extended a.btn.sm.publish {
  position: static;
  width: auto;
  padding: 5px 15px;
  text-align: left; }

.item .item-meta {
  font-size: 11px;
  color: rgba(20, 27, 36, 0.8);
  margin: 2px 0 0;
  cursor: default; }
  .item .item-meta a {
    color: rgba(20, 27, 36, 0.8); }
  .item .item-meta .i-eye-no {
    margin-right: 5px; }

.published {
  position: absolute;
  left: 10px;
  top: 98px;
  z-index: 99; }

.published .item {
  border-bottom: none; }

.published .item:last-child {
  border-bottom: 1px solid #c9b6e5; }

.the-stream .item {
  /*need to make sure it shows up if user clicks quickly*/
  opacity: 1 !important;
  display: block;
  top: auto !important;
  left: auto !important;
  box-sizing: border-box; }

.column-container .item {
  border-bottom: none; }

.the-stream .item:last-child, .column-container .item:last-child {
  border-bottom: 1px solid #ccc; }

.list .username {
  font-weight: bold;
  margin: 0 0 0 10px; }

.list .drop .text {
  margin: 0;
  text-transform: capitalize; }

.list .text {
  margin: 0 0 0 58px; }

/*--publish ends--*/
/*------------------------------------*\
  reports
  \*------------------------------------*/
.report-meta {
  overflow: hidden;
  margin: 20px 0; }

.report-meta li {
  float: left;
  display: block;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #999;
  font-weight: bold; }

.report-meta li.last {
  padding: 0;
  margin: 0;
  border: none; }

p.stat-sub-copy {
  padding: 10px 0 0 0; }

p.stat-view-report {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #999; }

.dates {
  float: right;
  margin: 6px 0 !important; }

.dates li {
  float: left !important;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  line-height: 12px;
  color: rgba(20, 27, 36, 0.4); }

.dates li.selected {
  color: #0a0e12;
  font-weight: 400;
  text-decoration: none; }

.dates li.group {
  border: none; }

.dates li.last {
  padding: 0;
  margin: 0;
  border: none; }

.pointer {
  cursor: pointer; }

.dates li.datepicker {
  width: 19px;
  height: 22px;
  background: url(/static/images/app/datepicker.png?v=1) left top no-repeat;
  margin: -5px 0;
  position: relative;
  color: rgba(20, 27, 36, 0.4); }

.dates li.datepicker.svg {
  background: none;
  width: 20px;
  height: 20px;
  margin: -2px 0 0; }

.dates li.datepicker.selected {
  color: #0a0e12;
  background-position: left bottom; }

.dates li.datepicker .calendar-wrap {
  position: absolute;
  top: 35px;
  right: -14px;
  width: 500px;
  display: none;
  z-index: 1003; }

.calendar-wrap .calendar {
  float: left; }

.report-graph {
  height: 420px;
  width: 770px;
  float: left;
  margin: 25px 0 20px; }

.container-report-graph {
  height: 400px;
  width: 770px;
  margin: 25px 0 20px;
  float: left;
  overflow: hidden;
  position: relative; }
  .container-report-graph .report-graph {
    height: 400px;
    width: 770px;
    float: left;
    margin: 0; }
  .container-report-graph #chart_range {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: #e9f9f6;
    height: 382px; }

.report-graph-control {
  border: none;
  box-shadow: 0 2px 4px rgba(137, 137, 137, 0.2);
  border-radius: 5px;
  background: #FFF;
  float: left;
  padding: 15px 20px 0px 20px;
  margin: 0 0 0 20px;
  width: 192px;
  height: 430px;
  overflow-y: auto; }

.report-graph-control ul li {
  background: transparent;
  margin: 0 0 0 0;
  padding: 5px 0 5px 5px;
  cursor: pointer;
  font-size: 12px; }
  .report-graph-control ul li span {
    font-size: 10px; }

.report-graph-control ul li.cat {
  font-weight: 700;
  margin: 5px 0 0 0; }

.report-graph-control ul li.cat.first {
  margin: 0; }

.report-graph-control ul li.selected {
  color: #795AA6; }

.report-graph-control ul li.hide {
  display: block;
  opacity: .3; }

.report-graph-control ul li.selected.hide {
  display: block;
  opacity: .3; }

.report-graph-control ul li.inactive {
  opacity: .3; }

.key-color {
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 10px 0 0; }
  .key-color.clicks {
    background: #bdbad9; }
  .key-color.comments {
    background: #5c65b1; }
  .key-color.google-plus-comments {
    background: #1E2B9C; }
  .key-color.mentions {
    background: #8dd4c8; }
  .key-color.likes {
    background: #80b2d3; }
  .key-color.google-plus-likes {
    background: #1D7DBD; }
  .key-color.retweets {
    background: #bc7fbd; }
  .key-color.shares {
    background: #fccde5; }
  .key-color.google-plus-shares {
    background: #821CF1; }
  .key-color.follows {
    background: #e0bc68; }
  .key-color.google-plus-follows {
    background: #AC6D28; }
  .key-color.page-likes {
    background: #b8b852; }
  .key-color.subscribes {
    background: #b3de69; }

.report-settings {
  padding: 5px;
  height: 28px;
  margin: 0 0 20px;
  position: relative;
  z-index: 1001;
  background: #ffffff;
  border: none;
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
  border-radius: 4px;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

.report_message_detail .report-settings, .report_message_detail_timeline .report-settings {
  margin-top: -45px;
  background: transparent;
  border: none;
  box-shadow: none; }
.report_message_detail .user-detail td, .report_message_detail_timeline .user-detail td {
  color: #999; }
.report_message_detail .scorecard li, .report_message_detail .scorecard div.card, .report_message_detail_timeline .scorecard li, .report_message_detail_timeline .scorecard div.card {
  position: relative;
  border-radius: 4px;
  height: 80px;
  border: none;
  background: #FFF; }
  .report_message_detail .scorecard li h4, .report_message_detail .scorecard div.card h4, .report_message_detail_timeline .scorecard li h4, .report_message_detail_timeline .scorecard div.card h4 {
    padding: 0 0 5px 0;
    width: 100%; }
  .report_message_detail .scorecard li h2, .report_message_detail .scorecard div.card h2, .report_message_detail_timeline .scorecard li h2, .report_message_detail_timeline .scorecard div.card h2 {
    text-align: center;
    margin-top: 20px; }
  .report_message_detail .scorecard li .stat-view-report, .report_message_detail .scorecard div.card .stat-view-report, .report_message_detail_timeline .scorecard li .stat-view-report, .report_message_detail_timeline .scorecard div.card .stat-view-report {
    display: none; }
  .report_message_detail .scorecard li .tool-tip-icon, .report_message_detail .scorecard div.card .tool-tip-icon, .report_message_detail_timeline .scorecard li .tool-tip-icon, .report_message_detail_timeline .scorecard div.card .tool-tip-icon {
    top: 8px;
    right: 9px;
    position: absolute; }

.main-chart-wrap {
  position: relative;
  float: left; }

.settings {
  position: absolute;
  top: -7px;
  left: 0;
  width: 245px;
  margin: 0 0 20px;
  height: 35px;
  overflow: hidden;
  padding: 0 0 0 5px;
  background: transparent;
  /* Old browsers */ }
  .settings .bar {
    font-size: 13px;
    line-height: 25px;
    padding: 5px;
    height: 25px; }
    .settings .bar p {
      float: left; }
  .settings.open {
    background: url(/static/images/app/chart-options-bg.png) 0 0 no-repeat; }

.settings .toggle {
  background: url(/static/images/app/triangle.png) right 0 no-repeat;
  width: 14px;
  height: 12px;
  float: left;
  margin: 0 0;
  cursor: pointer; }

.settings .content .column {
  float: left;
  width: 108px;
  padding: 5px; }
  .settings .content .column h4 {
    margin: 0; }
  .settings .content .column.chart-type {
    border-right: 1px solid #CCC;
    margin: 0 5px 0 0; }
  .settings .content .column ul li {
    margin: 0 0 0 0; }
    .settings .content .column ul li label {
      vertical-align: top; }
    .settings .content .column ul li input {
      margin-top: 0px; }

.settings .display {
  position: relative; }

.settings .display .icon {
  background: url("/static/images/app/social-icons-sprite.png?v=2") no-repeat scroll 0 -100px transparent;
  cursor: pointer;
  height: 20px;
  width: 20px; }

.settings .display .display-settings {
  background: none repeat scroll 0 0 #999999;
  box-shadow: 1px 1px 5px #999999;
  padding: 5px;
  position: absolute;
  right: -45px;
  top: -70px;
  z-index: 1;
  display: none; }

.settings .display .display-settings li {
  background: url("/static/images/app/checkmark.png") no-repeat scroll right center transparent;
  color: #FFFFFF;
  cursor: pointer;
  height: 19px;
  padding: 5px;
  width: 200px; }

.settings .display .display-settings li.inactive {
  background: none;
  opacity: 0.5; }

.settings-table {
  width: 100%; }

.performance-messages-table thead tr th .report-tool {
  float: right;
  margin: 2px 8px 0 10px; }

.message-paging ul {
  margin: 0 auto;
  text-align: center; }
  .message-paging ul li {
    display: inline;
    padding: 5px; }
    .message-paging ul li.disabled {
      color: #CCC; }
    .message-paging ul li.current {
      text-decoration: underline; }

.my-accounts {
  float: left; }

.my-accounts .account {
  height: 28px;
  display: inline-block;
  margin: -5px 0;
  padding: 5px 0;
  border-right: 1px solid rgba(20, 27, 36, 0.05); }

.my-accounts .icon {
  font-size: 18px;
  width: 20px;
  height: 20px;
  float: left;
  margin: 3px 5px 0 0;
  line-height: 22px !important;
  text-align: center; }
  .my-accounts .icon.i-tw {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.034 3.45l5.405 7.227L3 16.555h1.224l4.762-5.145 3.848 5.145H17L11.29 8.92l5.064-5.47h-1.225l-4.385 4.738L7.2 3.45H3.034zm1.8.902h1.914l8.452 11.3h-1.914l-8.452-11.3z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px; }
    .my-accounts .icon.i-tw::before {
      content: ''; }
  .my-accounts .icon.i-fb {
    color: rgba(20, 27, 36, 0.4); }
  .my-accounts .icon.i-gplus {
    color: rgba(20, 27, 36, 0.4); }
  .my-accounts .icon.i-linkedin {
    color: rgba(20, 27, 36, 0.4); }
  .my-accounts .icon.i-instagram {
    color: rgba(20, 27, 36, 0.4); }
  .my-accounts .icon.sf-icon-instagram {
    color: rgba(20, 27, 36, 0.4); }
  .my-accounts .icon.sf-icon-threads {
    content: url("/static/fonts/singles/sf-icon-threads.svg"); }

.my-accounts .content {
  float: left;
  height: 28px;
  width: 1px; }

.my-accounts .extended .content {
  position: relative; }

.my-accounts .extended .content ul {
  position: absolute;
  top: -5px;
  left: 0;
  background: #eee;
  width: 190px;
  height: 0;
  overflow: auto;
  display: none;
  box-shadow: 1px 1px 5px #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999; }

.my-accounts .extended .content ul li {
  float: none;
  padding: 10px; }

.my-accounts ul {
  overflow: hidden;
  margin: 0 0 0 5px; }

.my-accounts ul li {
  margin: 0 5px 0 0;
  float: left;
  cursor: pointer;
  display: none; }

.my-accounts ul li img {
  display: none; }

.my-accounts ul li span {
  display: none; }

.my-accounts ul li.inactive {
  opacity: 0.5; }

.my-accounts .icon.inactive {
  opacity: 0.5; }

.my-accounts .toggle {
  float: left;
  font-size: 9.5px;
  margin: 6px 15px -5px 0;
  padding: 0 4px 0;
  cursor: pointer;
  line-height: 16px;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  background-color: rgba(10, 14, 18, 0.12); }

.my-accounts .toggle.open {
  text-indent: -9999px;
  background-position: left -38px;
  border-left: none;
  border-right: 1px solid #b2b2b2; }

.report-settings .picker {
  float: left;
  margin: 0 0 -10px;
  height: 33px;
  position: relative; }

.report-settings .picker .icon {
  height: 26px;
  padding: 5px 15px 0 5px;
  cursor: pointer;
  border: 1px solid transparent;
  z-index: 1;
  position: relative;
  color: rgba(20, 27, 36, 0.4); }

.report-settings .picker .icon svg {
  vertical-align: top;
  margin-top: -3px; }

.report-settings .picker .content {
  position: absolute;
  top: 32px;
  right: 0;
  background: #ffffff;
  width: 200px;
  display: none;
  border-radius: 4px;
  box-shadow: 0px 15px 40px rgba(20, 27, 36, 0.1); }

.report-settings .picker li {
  padding: 5px; }

.report-settings .picker li label {
  font-size: 13px; }

.report-settings .picker ul li ul {
  margin: 0 0 0 10px;
  display: none; }

.table-section-wrap {
  position: relative; }
  .table-section-wrap h3 {
    font-size: 1.3em; }

.table-section-wrap .toggle {
  background: url(/static/images/app/social-icons-sprite.png?v=2) 0 -121px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 6px;
  top: 23px;
  cursor: pointer; }
  .table-section-wrap .toggle.report-toggle {
    position: static;
    float: right; }

.table-section-wrap .tool-abs {
  float: none;
  position: absolute;
  top: 25px;
  right: 35px; }

.table-section-wrap .table-settings {
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 1;
  background: #999;
  padding: 5px;
  display: none;
  box-shadow: 1px 1px 5px #999; }

.table-section-wrap .table-settings li {
  cursor: pointer;
  padding: 5px;
  height: 19px;
  width: 200px;
  color: #fff;
  background: url(/static/images/app/checkmark.png) right center no-repeat; }

.table-section-wrap .table-settings li.inactive {
  opacity: 0.5;
  background: none; }

.table-section-wrap .hide {
  display: none; }

/*saved reports page*/
/*
  .add-analytics{margin:15px 0 0 0;}
  .analytic-tabs{}

.analytic-tabs ul{z-index:3; width:100%; float:left; margin:0 0 -1px 0; position:relative;}
.analytic-tabs ul li{

    cursor:pointer;
    float:left;
    padding:10px 20px 10px 20px;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    border-top:1px solid #999;
}

.analytic-tabs ul li.first{ border-left:1px solid #999;}
.analytic-tabs ul li.last{}
.analytic-tabs ul li.selected{border-bottom:1px solid #FFF; background:#FFF;}
.analytic-tabs .analytics-content{ padding:20px; position:relative; z-index:2; min-height:300px; width:728px; background:#FFF; float:left; border:1px solid #999; margin:0 0 20px 0;}
*/
.download-reports-tabs ul {
  margin: 0 0 -1px 0;
  position: relative;
  width: 100%;
  float: left;
  z-index: 3; }
  .download-reports-tabs ul li {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
    /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    /* W3C */
    cursor: pointer;
    float: left;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999; }
    .download-reports-tabs ul li.first {
      border-left: 1px solid #999; }
    .download-reports-tabs ul li.selected {
      border-bottom: 1px solid #FFF;
      background: #FFF; }

.download-reports {
  padding: 20px;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  background: #FFF;
  float: left;
  margin: 0 0 20px 0;
  box-shadow: rgba(137, 137, 137, 0.2) 0px 2px 4px 0px; }
  .download-reports .dr-col-type {
    margin: 0 20px 0 0;
    width: 200px; }
    .download-reports .dr-col-type h4 {
      margin-top: 5px; }
  .download-reports .dr-col {
    margin: 0 20px 0 0;
    width: 241px;
    background: #FFF; }
    .download-reports .dr-col.disabled {
      opacity: .2; }
    .download-reports .dr-col.last {
      margin: 0; }
    .download-reports .dr-col h4 {
      margin-top: 5px; }
    .download-reports .dr-col select {
      width: 240px;
      margin: 0 0 20px 0; }
    .download-reports .dr-col input.date-input {
      border: 1px solid #CCC;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      padding: 4px;
      font-size: 1.1em;
      margin: 0 0 20px 0;
      float: left;
      width: 105px; }
      .download-reports .dr-col input.date-input.first {
        margin: 0 10px 20px 0; }
    .download-reports .dr-col input.text-input {
      border: 1px solid #CCC;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      border-radius: 2px;
      padding: 4px;
      font-size: 1.1em;
      margin: 0 0 20px 0;
      width: 232px; }
    .download-reports .dr-col ul.dr-accounts {
      overflow: auto;
      border: 1px solid #AAA;
      margin: 0 20px 0 0;
      max-height: 193px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      border-radius: 4px; }
      .download-reports .dr-col ul.dr-accounts li {
        overflow: auto;
        padding: 5px; }
        .download-reports .dr-col ul.dr-accounts li.even {
          background: #EEE; }
        .download-reports .dr-col ul.dr-accounts li input {
          display: none; }
        .download-reports .dr-col ul.dr-accounts li.selected .checked {
          background: url("/static/images/app/social-icons-sprite.png?v=1") 0 -140px no-repeat;
          width: 15px;
          height: 15px; }
        .download-reports .dr-col ul.dr-accounts li .account {
          margin-left: 5px; }
  .download-reports .month-picker select {
    width: 105px;
    float: left; }
  .download-reports .month-picker p {
    float: left;
    margin: 0 5px 0 5px; }
  .download-reports .dr-col-cal {
    width: 490px; }
    .download-reports .dr-col-cal a.btn {
      margin: 10px 0 0 0; }
  .download-reports .downloadable-report-submit {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0; }

.arrow-clear {
  display: none; }

/*--reports ends--*/
/*------------------------------------*\
  SETTINGS
  \*------------------------------------*/
.plan-overview, .cost-overview {
  float: left;
  width: 272px;
  margin: 0 0 20px 0;
  padding: 10px; }

.account-overview {
  float: left;
  width: 272px;
  margin: 0 0 20px 0;
  padding: 10px;
  position: relative; }

.account-overview .edit-step-1 {
  position: absolute;
  top: 10px;
  right: 10px; }

.signup-side-bar .account-overview p.header {
  margin: 10px 0 10px 0; }

.additional-info {
  float: left;
  width: 272px;
  padding: 10px; }

.cost-overview table {
  width: 272px; }

.cost-overview table .discount {
  color: #673d7b; }

.cost-overview table .tax td {
  padding: 0 0 10px 0; }

.cost-overview table .total td {
  border-top: 1px solid #999;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0; }

.expiration legend {
  float: left;
  width: 180px; }

.edit-social-icon {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px; }

.not-added-domain, .not-added-facebook-page, .not-added-facebook-account, .not-added {
  background: #fff2d7; }

.table-section-wrap {
  width: 100%;
  float: left; }

.table-section-wrap table {
  width: 100%;
  margin: 20px 0 20px 0; }

.sources .table-section-wrap {
  width: 100%; }

.dashboard-trending .table-section-wrap table {
  width: 100%;
  margin: 0 0 0 0; }

.table-section-wrap table thead tr {
  border-bottom: 3px solid #666;
  color: #666; }

.table-section-wrap ul.table-pages {
  list-style: none;
  position: relative;
  float: left;
  display: block;
  left: 50%;
  margin: 20px 0 0 0; }

.table-section-wrap ul.table-pages li {
  position: relative;
  float: left;
  display: block;
  right: 50%;
  margin: 0 20px 0 0; }

.table-section-wrap table thead th {
  color: #464545;
  cursor: pointer; }

.table-section-wrap table thead th.sorttable_nosort {
  cursor: default; }

.table-section-wrap table tr {
  border-bottom: 1px solid #CCC;
  color: #666; }

.table-section-wrap table tr td {
  padding: 10px 0 10px 0; }

.collapsible-section-wrap {
  width: 100%;
  float: left;
  margin: 0 0 20px 0; }

.collapsible-section-wrap .collapsible-section {
  border-bottom: 1px solid #CCC;
  width: 100%;
  float: left;
  padding: 10px 0 0 0; }

.collapsible-section-wrap .collapsible-section .collapsible-head {
  width: 100%;
  float: left;
  margin: 0 0 10px 0; }

.table-section-wrap .rss {
  max-width: 250px;
  word-wrap: break-word;
  padding-right: 10px; }

.table-section-wrap .rss .cs-short-title {
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.table-section-wrap .rss .button-field {
  min-width: 180px; }

.collapsible-section-wrap .collapsible-section .collapsible-content {
  background: #EEE;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 10px 0 0 0; }

.collapsible-btn-wrap {
  margin: 0 0 10px 150px;
  float: left; }

.collapsible-btn-wrap-inline {
  float: right;
  margin: 0 10px 10px 0; }

.collapsible-head a, .collapsible-head div, .collapsible-head p, .collapsible-head h4 {
  margin: 0; }

.collapsible-form-wrap {
  margin: 0;
  float: right;
  width: 724px; }

.collapsible-form-wrap textarea {
  height: 200px;
  width: 200px; }

.collapsible-form-wrap select {
  /*width:100px;*/ }

.collapsible-content .collapsible-form-wrap label.field-left {
  width: 150px;
  float: left;
  display: block;
  margin: 0; }

.collapsible-head .collapsible-type {
  float: left;
  width: 300px; }

.collapsible-head .collapsible-detail {
  float: left;
  color: #666; }

.collapsible-head .collapsible-toggle {
  float: right; }

.check-section-wrap form {
  margin: 0 0 20px 0;
  float: left; }

.check-section-wrap input[type=checkbox], .check-section-wrap .check-section-row h4.column-head {
  width: 40px; }

.check-section-row {
  width: 100%;
  float: left; }

.check-section-row h4 {
  float: left; }

.settings-form-row {
  float: left;
  width: 100%;
  margin: 0 0 10px 0; }

.settings-form-row label {
  margin: 0 10px 0 0; }

.settings-form-row label.error {
  margin: 0 10px 0 10px; }

.settings-form-row-inline {
  float: left;
  margin: 0 10px 10px 0;
  width: 550px; }

.settings-form-row-inline label.error {
  display: none !important; }

.stash-collapsible-section {
  border-bottom: 1px solid #CCC;
  float: left;
  width: 100%; }

.stash-collapsible-head {
  padding: 10px 0 10px 0;
  float: left;
  width: 100%; }

.stash-collapsible-head h4 {
  float: left;
  font-size: 1.0em;
  color: #666;
  margin: 0; }

.stash-collapsible-head a {
  float: right; }

.stash-collapsible-head p {
  float: left;
  width: 100%; }

.collapsible-section input.limit {
  width: 30px; }

.open-form-wrap label {
  margin: 0 10px 0 0; }

.open-form-wrap h4 {
  float: left;
  width: 150px;
  text-align: left;
  margin: 0 5px 5px 0; }

.open-form-wrap .cs-next {
  margin: 0 0 0 160px; }

.open-form-wrap input[type=radio] {
  margin: 0 5px 0 0; }

.open-form-wrap table tr th {
  padding: 10px 10px 10px 0; }

.open-form-wrap .check-section-row {
  margin: 10px 0 10px 0; }

.add-content-source-btn {
  margin: 20px 0 0 0; }

.open-form-btn-wrap a.grey {
  margin: 0 10px 0 0; }

.cs-step-2 .table-section-wrap tbody tr {
  display: none; }

.cs-step-2 .table-section-wrap tbody tr td {
  padding: 10px; }

.cs-ajax-loader {
  margin: 0 0 0 10px;
  display: none; }

.cs-step-2 .table-section-wrap tbody tr td a.btn {
  width: 70px;
  text-align: center; }

.cs-step-2 .table-section-wrap tbody tr.example {
  display: table-row; }

.cs-step-2 .table-section-wrap tbody tr.preview {
  border-bottom: 3px solid #666; }

.get_preview {
  max-width: 740px;
  padding: 5px;
  background: #FFF;
  border: 1px solid #CCC; }

.edit-title span {
  color: #999;
  border-bottom: 1px dotted #999;
  cursor: pointer; }

/*.account-select-box {
  height: 40px;
  width: 140px;
  overflow-y: scroll;
  background: #fff;
  padding: 5px;
  border: 1px solid #999;
  margin-right: 10px;
  }*/
.drop.light ul.account-select-box {
  width: 150px; }

.account-select-box li, .account-list li {
  clear: both;
  cursor: pointer;
  margin-bottom: 5px;
  overflow: hidden; }

.account-select-box li.selected, .account-list li.selected {
  background: url(/static/images/app/social-icons-sprite.png?v=1) right -140px no-repeat; }

.account-select-box li .icon, .account-list li .icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(/static/images/app/social-icons-sprite.png) no-repeat; }

.account-select-box li.twitter .icon, .account-list li.twitter .icon {
  background-position: 0 -33px; }

.cs-step-2 .drop.light .title {
  width: 100px !important; }

.check-section-row.file .errors, body.signin .errors {
  color: #f00; }

.check-section-row.file ul.errors, body.signin ul.errors {
  margin-bottom: 20px; }

.check-section-row .drop ul {
  max-height: 200px;
  overflow-y: scroll; }

.check-section-row.file ul.errors li {
  margin-left: 20px;
  list-style-type: disc; }

/* dashboard style */
.dash-container {
  position: relative;
  z-index: 0; }

.incomplete-dash {
  display: none; }

.incomplete-dash .att-score {
  padding: 10px; }
  .incomplete-dash .att-score .left-col {
    float: left;
    width: 50%; }
  .incomplete-dash .att-score .right-col {
    float: left;
    width: 50%; }
    .incomplete-dash .att-score .right-col .att-score-box {
      float: left;
      width: 50%;
      background: #e0f3f9; }

.dash-nav li.incomplete-dash {
  display: none; }

.incomplete-dash .btn {
  width: 160px; }

.dash-graph-wrap {
  border-radius: 4px;
  background: #ffffff;
  width: 728px;
  padding: 20px 20px 25px 20px;
  float: left;
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
  margin: 0; }

.report_audience .audience-engagement {
  height: 340px; }
  .report_audience .audience-engagement .time-range {
    margin: -9px 0 0 0; }

.dash-grid-right {
  min-height: 250px;
  width: 354px;
  margin: 0 0 20px 0;
  float: right;
  padding: 10px; }

.dash-grid-left {
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
  border-radius: 4px;
  background: #ffffff;
  min-height: 250px;
  margin: 0 0 20px 0;
  padding: 10px; }

.trending table {
  width: 100%; }

.sources table {
  float: left; }

.sources table td {
  padding: 0 10px 5px 0; }

.pie-graph {
  height: 340px;
  width: 340px;
  float: left;
  margin: -33px 10px -35px 0; }

.dash-queue-info .bar {
  height: 15px;
  width: 100%;
  margin: 0 0 10px; }

.dash-queue-info .bar li {
  width: 33%;
  height: 100%;
  float: left;
  overflow: hidden;
  background-image: url(/static/images/app/bar-grad.png);
  background-repeat: repeat-x; }

.dash-queue-info .bar li.optimize {
  background-color: #be7fba;
  border-radius: 2px 0 0 2px; }

.dash-queue-info .bar li.schedule {
  background-color: #7fb1cf; }

.dash-queue-info .bar li.hold {
  background-color: #e0bb72;
  border-radius: 0 2px 2px 0; }

.dash-nav {
  margin: 0 0 20px;
  text-align: center; }

.dash-nav li {
  float: left;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: left;
  width: 215px;
  padding: 10px;
  margin: 0 20px 0 0;
  box-shadow: 1px 1px 5px #999;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* W3C */ }

.dash-nav li ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: left;
  width: 180px;
  height: 100px;
  padding: 0;
  border: none;
  margin: 0;
  box-shadow: none;
  background: transparent;
  /* Old browsers */
  background: transparent;
  /* FF3.6+ */
  background: transparent;
  /* Chrome,Safari4+ */
  background: transparent;
  /* Chrome10+,Safari5.1+ */
  background: transparent;
  /* Opera11.10+ */
  background: transparent;
  /* IE10+ */ }

.dash-nav li.last {
  margin: 0; }

.dash-nav li:hover, .report-nav li.current {
  border-color: #999; }

.dash-nav li.current {
  background: #e0f3fa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0f3fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f3fa',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* W3C */ }

.dash-nav li h4 {
  font-size: 1.1em;
  margin: 0 0 10px; }

.dash-nav li p {
  margin: 10px 0 0 0; }

.dash-nav li p span {
  font-weight: 700; }

.dash-nav li h2 {
  font-size: 1.0em;
  margin: 0 0 10px;
  font-weight: 400; }

.dash-nav li h2 span {
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 10px; }

.dash-nav li .score {
  font-weight: bold; }

.spark-graph {
  width: 100%;
  min-height: 50px; }

.large-graph {
  width: 100%;
  min-height: 50px;
  float: left; }

.dash-click-graph {
  height: 200px;
  margin: 0 0 20px 0; }

.dash-mention-graph {
  height: 70px; }

.report_audience #day-hour-wrap {
  height: 300px; }

#day-hour-wrap {
  height: 200px;
  margin-bottom: 20px;
  width: 100%;
  background: transparent;
  float: left; }
  #day-hour-wrap .day-hour-graph {
    background: #EEE;
    float: left; }
    #day-hour-wrap .day-hour-graph.day-label {
      background: #FFF;
      margin: 0; }
    #day-hour-wrap .day-hour-graph.day-label .day-hour-graph-temp {
      background: #FFF;
      opacity: 1; }
  #day-hour-wrap .day-hour-graph-filler {
    background: transparent;
    float: left; }
  #day-hour-wrap .day-hour-graph-temp {
    width: 100%;
    background: #7079bc;
    float: left;
    padding: 0;
    opacity: 0; }
    #day-hour-wrap .day-hour-graph-temp .day-hour-core {
      margin: 25% 0 0 25%;
      background: #12bec6; }
  #day-hour-wrap p.heat-day {
    margin: 13px 5px 0 0;
    font-size: 11px;
    color: rgba(20, 27, 36, 0.8);
    font-weight: 400;
    text-align: right;
    font-family: monospace; }
  #day-hour-wrap p.heat-hour {
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: rgba(20, 27, 36, 0.8);
    font-family: monospace; }

.audience {
  height: 200px; }

.audience-neg {
  margin: 0 0 0 0;
  height: 0; }

.dash-graph-bg {
  background: url("/static/images/app/dash-stripe.png") 800px 100px no-repeat;
  margin: 0 0 20px 0; }

.dash-event-graph {
  margin: 0 0 10px 0; }

.dash-mention-graph {
  margin: 0 0 0 0; }

/* audience page */
.time-range {
  text-align: right;
  color: #999;
  margin: 10px 0 0 0; }

.audience-activity, .audience-heatmap, .historical-language, .trending, .audience-language-graph, .top-influencers {
  margin: 0 0 20px 0;
  float: left;
  padding: 10px; }

.dashboard-trending {
  float: right; }

.top-influencers {
  width: 1000px; }

.historical-language {
  width: 1000px; }

.audience-grid-left {
  width: 480px;
  float: left; }

.audience-grid-right {
  width: 480px;
  float: right; }

#audience-language {
  width: 483px;
  height: 330px; }

.olControlMousePosition {
  position: absolute;
  bottom: 0;
  right: 0; }

.olControlAttribution {
  display: none; }

#audience-heatmap {
  height: 330px;
  width: 999px;
  border: 1px solid #999;
  background: #B5D0D0; }

#audience-day-hour-wrap {
  height: 330px;
  width: 100%;
  background: transparent;
  float: left; }

#audience-day-hour-wrap .day-hour-graph {
  background: #EEE;
  float: left; }

#audience-day-hour-wrap .day-hour-graph-filler {
  background: transparent;
  float: left; }

#audience-day-hour-wrap .day-hour-graph-temp {
  width: 100%;
  background: #7079BC;
  float: left;
  padding: 0; }

#audience-day-hour-wrap .day-hour-graph-temp .day-hour-core {
  margin: 25% 0 0 25%;
  background: #12bec6; }

#audience-day-hour-wrap .day-hour-graph.day-label {
  background: #FFF;
  margin: 0; }

#audience-day-hour-wrap .day-hour-graph.day-label .day-hour-graph-temp {
  background: #FFF; }

#audience-day-hour-wrap p.heat-day {
  margin: 13px 5px 0 0;
  font-size: .9em;
  color: #999;
  font-weight: 700;
  text-align: right; }

#audience-day-hour-wrap p.heat-hour {
  margin: 5px 0 0 0;
  text-align: center;
  font-size: .9em;
  font-weight: 700;
  color: #999; }

.audience-grid-right h3, .audience-grid-left h3, .audience-grid h3 {
  margin: 0 0 10px 0; }

.audience-trending-terms {
  height: 108px;
  padding: 10px;
  margin: 0 0 20px 13px; }
  .audience-trending-terms h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold; }
  .audience-trending-terms .trending-terms-container {
    overflow: auto;
    height: 81px; }

.hist-graph {
  width: 100%; }

.hist-graph .hist-graph-metric {
  float: left; }

.hist-graph .color-header {
  width: 50%;
  float: right; }

.hist-graph.sm .color-header {
  width: 70%;
  float: right; }

.hist-graph .color-header ul {
  float: right;
  width: 100%; }

.hist-graph .color-header ul li {
  float: left;
  width: 25%;
  height: 20px;
  text-align: center;
  color: #FFF;
  padding: 7px 0 0 0; }

.hist-graph .color-header ul li.level-4 {
  background: #0d9b7f; }

.hist-graph .color-header ul li.level-3 {
  background: #55b013; }

.hist-graph .color-header ul li.level-2 {
  background: #ff9408; }

.hist-graph .color-header ul li.level-1 {
  background: #f62d2d; }

.hist-graph .main-list ul {
  float: left;
  width: 100%; }

.hist-graph .main-list ul li {
  height: 30px;
  float: left;
  width: 100%;
  background: #EEE;
  margin: 0 0 1px 0;
  padding: 0;
  color: #666;
  position: relative; }

.hist-graph .main-list ul li p {
  font-weight: bold;
  float: left;
  width: 30%;
  margin: 5px 0 0 5px;
  float: left; }
  .hist-graph .main-list ul li p span {
    width: 25px;
    display: block;
    float: left;
    font-weight: normal;
    color: #999; }

.hist-graph.sm .main-list ul li p {
  float: left;
  width: 25%;
  margin: 5px 0 0 5px; }

.hist-graph .main-list ul li .dot-wrapper {
  float: right;
  width: 50%;
  position: relative; }

.hist-graph.sm .main-list ul li .dot-wrapper {
  float: right;
  width: 70%;
  position: relative; }

.hist-graph .main-list ul li div.dot {
  position: absolute;
  top: 5px;
  left: 0;
  background: url("/static/images/app/historical_dots_sprite.png") no-repeat; }

.hist-graph .main-list ul li div.dot.level-1 {
  width: 20px;
  height: 20px;
  background-position: 0px 0px; }

.hist-graph .main-list ul li div.dot.level-2 {
  width: 20px;
  height: 20px;
  background-position: 0px -20px; }

.hist-graph .main-list ul li div.dot.level-3 {
  width: 20px;
  height: 20px;
  background-position: 0px -40px; }

.hist-graph .main-list ul li div.dot.level-4 {
  width: 20px;
  height: 20px;
  background-position: 0px -60px; }

.hist-graph .main-list ul li div.dot.old-sample {
  width: 20px;
  height: 20px;
  background-position: 0px -80px; }

.hist-graph .main-list ul li div.dot.older-sample {
  width: 20px;
  height: 20px;
  background-position: 0px -100px; }

.hist-graph .main-list ul li div.dot-connector {
  position: absolute;
  height: 2px;
  top: 14px;
  left: 0;
  background: #b8b8b8; }

.hist-graph-key {
  float: right;
  width: 290px; }
  .hist-graph-key p {
    float: left;
    margin: 7px 10px 0 0;
    font-size: .8em;
    color: #666; }

.dot-key {
  margin: 3px 5px 0 0;
  float: left;
  background: url("/static/images/app/historical_dots_sprite.png") no-repeat; }

.dot-key {
  width: 20px;
  height: 20px;
  background-position: 0px 0px; }

.dot-key.old-key {
  margin: 3px 0 0 0;
  width: 20px;
  height: 20px;
  background-position: 0px -80px; }

.dot-key.older-key {
  margin: 4px 0 0 0;
  width: 20px;
  height: 20px;
  background-position: 0px -100px; }

#rank-container {
  height: 300px; }

/*message details*/
.flow-container {
  float: left;
  width: 48px;
  height: 48px;
  margin: 0 5px 5px 0; }

.flow-container img {
  width: 48px;
  height: 48px; }

.flow-container.fade {
  opacity: 0.3; }

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

#clicks-heat-grid {
  height: 70px;
  width: 80px;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 10px; }

#interactions-heat-grid {
  height: 70px;
  width: 80px;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 10px; }

#audience-heat-grid {
  height: 70px;
  width: 80px;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 10px; }

#attention-heat-grid {
  height: 70px;
  width: 80px;
  background: transparent;
  position: absolute;
  top: 10px;
  right: 10px; }

.heat-chart-item {
  background: #FFF;
  float: left; }

.heat-chart-item-filler {
  background: transparent;
  float: left; }

.heat-chart-temp {
  width: 100%;
  background: #2399C0; }

.message-activity, .message-heatmap, .message-language, .message-trending, .message-language-graph, .top-influencers {
  margin: 0 0 20px 0;
  float: left;
  padding: 10px; }

.dashboard-trending {
  float: right; }

.top-influencers {
  width: 1000px; }

.historical-language {
  width: 1000px; }

.message-grid {
  padding: 10px;
  float: left;
  margin: 0 0 20px 0; }

.message-grid-left {
  padding: 10px;
  width: 1002px;
  float: left;
  margin: 0 0 20px 0; }

.message-grid-right {
  padding: 10px;
  width: 483px;
  float: right;
  margin: 0 0 20px 0; }

.flow-button {
  float: left;
  width: 40px;
  padding: 0 0 0 10px; }

.flow-button a {
  height: 24px;
  width: 24px;
  background: #CCC;
  display: block; }

.flow-button a.play {
  background: transparent url("/static/images/app/play-button.png") no-repeat; }

.flow-button a.pause {
  background: transparent url("/static/images/app/pause-button.png") no-repeat; }

.flow-slider-wrap {
  float: left;
  width: 900px;
  margin: 6px 0 0 0; }

.flow-control {
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
  position: relative; }

p.flow-timer {
  position: absolute;
  width: 400px; }

.message-grid-right h3, .message-grid-left h3, .message-grid h3 {
  margin: 0 0 10px 0; }

.profile-image {
  float: left;
  width: 80%;
  padding: 10px 0 0 10px; }

.profile-image img {
  float: left;
  margin: 0 10px 0 0; }

.user-detail {
  float: left;
  width: 90%;
  margin: 0 0 0 0; }

.user-detail td {
  padding: 0 10px 0 0; }

.message-nav {
  margin: 0 0 20px;
  text-align: center; }

.message-nav li {
  border: 1px solid #999;
  height: 124px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: left;
  width: 215px;
  padding: 10px;
  margin: 0 20px 0 0;
  box-shadow: 1px 1px 5px #999;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* W3C */ }

.message-nav li ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: left;
  width: 180px;
  height: 124px;
  padding: 0;
  border: none;
  margin: 0;
  box-shadow: none;
  background: transparent;
  /* Old browsers */
  background: transparent;
  /* FF3.6+ */
  background: transparent;
  /* Chrome,Safari4+ */
  background: transparent;
  /* Chrome10+,Safari5.1+ */
  background: transparent;
  /* Opera11.10+ */
  background: transparent;
  /* IE10+ */ }

.message-nav li.last {
  margin: 0; }

.message-nav li.current {
  background: #e0f3fa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0f3fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f3fa',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #e0f3fa 100%);
  /* W3C */ }

.message-nav li h4 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold; }

.message-nav li .score {
  font-size: 28px;
  font-weight: bold; }

.message-nav li p.stat-sub-copy {
  padding: 20px 0 0 0; }

.message-nav li p.stat-view-report {
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #999; }

/* analytics */
.add-analytics {
  margin: 15px 0 0 0; }

.analytic-tabs ul {
  z-index: 3;
  width: 100%;
  float: left;
  margin: 0 0 -1px 0;
  position: relative; }

.analytic-tabs ul li {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* W3C */
  cursor: pointer;
  float: left;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #999; }

.analytic-tabs ul li.first {
  border-left: 1px solid #999; }

.analytic-tabs ul li.selected {
  border-bottom: 1px solid #FFF;
  background: #FFF; }

.analytic-tabs .analytics-content {
  box-shadow: 0 2px 4px rgba(137, 137, 137, 0.2);
  padding: 20px;
  position: relative;
  z-index: 2;
  min-height: 300px;
  width: 728px;
  background: #FFF;
  float: left;
  border: 1px solid #999;
  margin: 0 0 20px 0; }

#visits-graph {
  width: 100%;
  height: 400px;
  float: left; }

#page-graph {
  width: 100%;
  height: 400px; }

#time-graph {
  width: 100%;
  height: 400px; }

#bounce-graph {
  width: 100%;
  height: 400px; }

#new-graph {
  width: 100%;
  height: 400px; }

/* Isotope styles */
#rank-container .follower {
  padding: 1px;
  margin: 5px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: #FFF; }

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }

/* to slow
   .isotope,
   .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
   }
   */
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left;
  margin-right: 10px; }

.ui-timepicker-div dl dt {
  height: 25px; }

.ui-timepicker-div dl dd {
  margin: -25px 0 10px 65px; }

.ui-timepicker-div td {
  font-size: 90%; }

/*--scrollbar starts--*/
body ::-webkit-scrollbar {
  width: 2px;
  height: 2px; }

body ::-webkit-scrollbar-button:start:decrement,
body ::-webkit-scrollbar-button:end:increment {
  height: 0;
  display: block;
  background-color: transparent; }

body ::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 6px; }

body ::-webkit-scrollbar-thumb:vertical,
body ::-webkit-scrollbar-thumb:horizontal {
  height: 50px;
  background-color: rgba(10, 14, 18, 0.2);
  -webkit-border-radius: 2px; }

/*--scrollbar ends--*/
/*------------------------------------*\
  OAUTH
  \*------------------------------------*/
body.oauth {
  background: #F4F4F4; }
  body.oauth .bottom {
    clear: both;
    padding: 15px 0;
    background: #F4F4F4;
    border-top: 1px solid #EBEBEB; }

.oauth-wrap {
  width: 640px;
  margin: 0 auto; }

.oauth-wrap .left ul {
  margin: 0 0 15px;
  padding: 0 0 0 20px; }

.oauth-wrap .left ul li {
  list-style-type: disc; }

.oauth-wrap p {
  margin: 0 0 15px; }
  .oauth-wrap p.std {
    margin-bottom: 10px; }

.oauth-wrap h2 {
  margin: 0 0 20px; }

.oauth-wrap button {
  margin: 0 0 15px; }

.oauth-wrap.main {
  overflow: hidden; }

#authorize, #deny {
  margin: 0 15px 0 0; }

.oauth-wrap .error {
  color: #f00; }

.main .left {
  width: 400px;
  padding: 0 15px 0 0;
  border-right: 1px solid #EBEBEB;
  margin: 20px 15px 20px 0; }

.main .right {
  width: 209px;
  margin: 20px 0; }

.oauth-wrap input {
  display: block;
  padding: 5px;
  margin: 0 0 15px;
  width: 200px;
  border: 1px solid #532F64; }

.oauth-container {
  background: #fff; }

.oauth-sf-logo {
  padding-bottom: 8px; }

@media only screen and (max-width: 768px) {
  body.oauth {
    width: 100%;
    min-width: 100px; }
    body.oauth .top {
      padding-left: 15px; }
    body.oauth .oauth-wrap {
      width: 200%; }
      body.oauth .oauth-wrap .right, body.oauth .oauth-wrap .left {
        width: 50%;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0; }
      body.oauth .oauth-wrap.main {
        background: #fff; }
    body.oauth .bottom {
      padding: 15px 5px; }
      body.oauth .bottom .oauth-wrap {
        width: 100%; } }
/*-- oauth ends --*/
/*------------------------------------*\
  UPGRADE
  \*------------------------------------*/
.upgrade h3 span.tiny {
  font-size: .7em; }

.upgrade h3 span.sm {
  font-size: .9em; }

.upgrade h3 span.br {
  display: block; }

.upgrade div.left, .upgrade div.right {
  width: 500px;
  height: 200px;
  position: relative; }

.upgrade div.left ul {
  padding-left: 20px;
  margin: 20px 0; }

.upgrade div.left li {
  list-style-type: disc; }

.upgrade div.right {
  padding: 0 0 0 20px;
  border-left: 1px solid #b2b2b2; }

.upgrade div.left .btn, .upgrade div.right .btn {
  position: absolute;
  left: 0;
  bottom: 0; }

.upgrade div.left.enterprise {
  height: 135px; }

.upgrade div.right .btn {
  left: 20px; }

.upgrade .upgrade-wrap {
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  margin: 20px 0;
  padding: 40px 0; }

.upgrade h3 {
  margin: 0 0 10px; }

.payment div.right {
  width: 292px;
  padding: 20px 0 0; }

.payment div.left {
  width: 650px; }

.payment div.left h3 {
  font-weight: normal;
  color: #552F68;
  padding: 0 0 10px;
  margin: 20px 0; }

.payment div.right h3 {
  border-bottom: 1px solid #999;
  color: #333;
  font-size: 1.1em;
  padding: 0 0 5px 0;
  margin: 0 0 10px;
  font-family: 'Trebuchet MS', Serif; }

.payment .summary, .payment .plan {
  width: 272px;
  margin: 0 0 20px 0;
  padding: 10px; }

.payment .text-right {
  text-align: right;
  padding: 0 0 0 0; }

.payment .submit-btn p {
  margin: 10px 0; }

.payment .left h3 {
  margin: 20px 0;
  border-bottom: 1px solid #b2b2b2;
  padding: 0 0 10px; }

.sortable.dark.no-stripe tbody tr:nth-child(even) {
  background: transparent none; }

.upgrade-wrap .upgrade-input-wrap {
  width: 100%;
  float: left;
  padding: 5px; }
  .upgrade-wrap .upgrade-input-wrap div.short {
    float: left;
    margin: 0 10px 0 0; }
  .upgrade-wrap .upgrade-input-wrap label {
    width: 200px;
    float: left; }
  .upgrade-wrap .upgrade-input-wrap textarea {
    float: left;
    width: 442px;
    height: 100px; }
  .upgrade-wrap .upgrade-input-wrap input {
    width: 430px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #D1DAE9;
    background: #F4F6FA;
    float: left; }
    .upgrade-wrap .upgrade-input-wrap input#zipcode {
      width: 75px; }

.pop-content .upgrade-wrap .upgrade-input-wrap input {
  width: 250px; }

/*
<div class="upgrade-wrap">
    <div class="upgrade-input-wrap">
        <label class="label" for="credit_card_number">*Credit Card Number: </label>
        <input type="text" name="credit_card_number" id="credit_card_number" value="" title="Credit Card Number" />
    </div>

*/
/*-- upgrade ends --*/
/* graph overlay */
.graph-overlay-bg {
  background: #FFF;
  opacity: .9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }

.graph-overlay {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }
  .graph-overlay .headline {
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #0a0e12; }
  .graph-overlay .copy {
    text-align: center;
    font-size: 13px;
    color: rgba(20, 27, 36, 0.8); }

.upload .file-upload {
  margin: 20px 0; }

.upload .errors {
  color: #f00; }

.upload table.account-list {
  width: 100%; }

.upload table.account-list th, .upload table.account-list td {
  width: 25%; }

.upload table.account-list th {
  color: #fff; }

/* Filter Items */
p.filter-item {
  padding: 3px;
  margin: 20px 0 0 10px;
  background: rgba(10, 14, 18, 0.05);
  color: #0a0e12;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }
  p.filter-item img {
    margin: -3px 0 0 0;
    cursor: pointer; }
  p.filter-item span {
    font-weight: 400;
    font-size: 13px; }

.save-report-container {
  position: relative;
  margin: 20px 0 0 0;
  float: right; }
  .save-report-container a.save-report-btn {
    display: block;
    margin: 0 0 0 0; }
  .save-report-container div.save-report-form {
    z-index: 1002;
    width: 199px;
    height: 116px;
    position: absolute;
    top: 0;
    right: -10px;
    background: url("/static/images/app/save-report-bgnd.png") no-repeat; }
    .save-report-container div.save-report-form p.save-report-title {
      font-size: .8em;
      text-align: right;
      margin: 5px 0 20px 0;
      padding: 0 25px 0 0;
      cursor: pointer; }
    .save-report-container div.save-report-form input#save-report-name {
      margin: 0 0 10px 9px;
      border: 1px solid #CCC;
      padding: 2px;
      width: 166px; }
    .save-report-container div.save-report-form a.save-report-submit {
      margin: 0 0 0 9px; }
    .save-report-container div.save-report-form select {
      height: 25px;
      width: 112px;
      margin: 0 0 0 10px; }

.associated-domains ul li {
  width: 100%;
  border-bottom: 1px solid #CCC;
  padding: 5px;
  float: left; }
  .associated-domains ul li p {
    color: #666; }

.in-trial {
  position: absolute;
  padding: 10px 0 5px 0;
  z-index: 999;
  width: 510px;
  text-align: center;
  top: -8px;
  left: 50%;
  margin-left: -225px;
  color: #333;
  font-size: 1.1em;
  background: white;
  opacity: .7; }
  .in-trial .tiny {
    color: #666; }

.not-supported {
  border-radius: 3px;
  position: absolute;
  padding: 10px 0 5px 0;
  z-index: 999;
  width: 450px;
  text-align: center;
  top: -5px;
  left: 50%;
  margin-left: -225px;
  color: #d32830;
  font-size: 1.1em;
  background: #f7dfe1;
  border: 1px solid #e28b8f; }
  .not-supported .tiny {
    color: #666; }

/* D3 Charts */
.chart {
  padding: 0; }

#clicks-graph .chart rect.current {
  fill: #8a7aea; }

#clicks-graph .chart rect.past {
  fill: #ebe5f1; }

#audience-graph .chart rect.current {
  fill: #7fb2d0; }

#audience-graph .chart rect.past {
  fill: #d9e8f1; }

#audience-graph .chart {
  padding: 0; }

#interactions-graph circle {
  fill: #80dba8;
  opacity: 0.6; }

#event-graph circle {
  fill: #f5a7f7;
  opacity: .7; }

.chart text {
  font-size: 11px;
  font-family: monospace;
  color: rgba(20, 27, 36, 0.8); }

.main .right.compose-btn {
  line-height: 17px;
  width: auto;
  margin: -2px 0 0; }

.main .right.compose-btn:hover {
  color: #FFF; }

body.publish_base_index .main .right.compose-btn, body.publish_listen_twitter .main .right.compose-btn {
  display: none; }

.date-meta {
  font-size: .95em;
  cursor: default;
  width: auto !important; }

/*tool tip question mark styles*/
.tool-tip-icon {
  display: block;
  cursor: pointer;
  float: left;
  margin: -1px 0 0 8px;
  color: rgba(20, 27, 36, 0.4); }
  .tool-tip-icon:hover {
    color: #0a0e12; }

.invalid .tool-tip-icon {
  float: right; }

/*tool tip question mark styles end*/
/*hide no thumbnail option for now -- doesn't work because FB will auto choose one */
.fb-no-tn {
  /*    display: none !important; */ }
  .fb-no-tn input {
    margin: 0; }

/*temporary hide save report button*/
/* admin starts */
/*promo form*/
.field-container {
  margin: 0 0 10px 0; }
  .field-container label {
    float: left;
    width: 150px; }

/*end promo form*/
.admin-column {
  width: 500px; }

.admin-column li {
  margin: 10px 0;
  clear: left; }

#new-client-form div {
  position: relative;
  float: left; }
#new-client-form div label {
  margin-right: 15px; }

.admin-column label {
  width: 145px;
  float: left; }

select#domain-whitelist {
  margin-top: 5px; }

/* admin ends */
.scorecard h4 {
  float: left; }

.on-off-toggle {
  width: 85px; }

/* hide these for now */
.item-shares, .item-comments {
  display: none !important; }

/* dialog box starts */
.ui-dialog .ui-widget-header {
  background: #502D62 url(/static/images/app/top-bg.png) repeat-x; }

.ui-dialog .ui-icon {
  background-image: url(/static/css/smoothness/images/ui-icons_454545_256x240.png); }

.ui-dialog .ui-dialog-titlebar-close {
  border: 1px solid #999;
  background: #DADADA url(/static/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
  padding: 0; }

/* dialog box ends */
/* login frame starts */
body.signin_frame {
  background: transparent none;
  min-width: 0; }

body.signin_frame ul {
  overflow: hidden;
  margin: 20px 5px 15px 15px;
  float: right; }

body.signin_frame li {
  float: left;
  font-size: 14px;
  color: #A296BF;
  margin: 0 10px 0 0; }

body.signin_frame li a {
  color: #E2DEED;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px; }

body.signin_frame li a:hover {
  text-decoration: underline; }

/* login frame ends */
/* opt in and summary starts */
body.setup_opt_in .header .account-settings {
  display: none; }

.setup_summary h3 {
  margin: 0 0 20px; }

.setup_summary h1 {
  margin-bottom: 40px; }

.login-wrap {
  float: left; }

.acct-info li {
  float: left;
  clear: left;
  width: 100%;
  margin: 2px 0; }

.acct-info li span {
  float: left; }

.acct-info li span.acct-label {
  width: 75px; }

.payment-info li {
  margin: 0 0 20px; }

.summary-col .btn {
  margin: 20px 0 0;
  width: 100%; }

.summary-total li {
  clear: left;
  float: left;
  width: 100%;
  margin: 2px 0; }

.summary-total li ul {
  clear: both;
  padding-left: 20px;
  margin: 2px 0; }

.summary-total li ul li {
  list-style-type: disc;
  font-size: .8em; }

.chzn-container-single .chzn-default {
  color: black !important; }

.summary-col h3 {
  border-bottom: 1px solid #999;
  color: #333;
  font-size: 1.1em;
  padding: 0 0 5px;
  margin: 0 0 10px;
  font-family: 'Trebuchet MS', Serif; }

.account-info-col, .payment-info-col {
  width: 272px;
  min-height: 250px; }

.account-info-col {
  border-right: 1px solid #ccc;
  margin-right: 40px;
  padding-right: 20px; }

.summary-col {
  width: 272px;
  padding: 10px; }

/* opt in and summary ends */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

.ellipsis.multiline {
  white-space: normal; }

.clicks-graph {
  height: 200px; }

#click-graph .chart rect.current {
  fill: #7fb2d0; }

#click-graph .chart rect.past {
  fill: #d9e8f1; }

#click-graph .chart {
  padding: 0; }

.linkshortening_link_detail .dates li {
  cursor: pointer; }

/* link shortening ends */
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-current {
  display: none; }

/* notifications starts */
#notif-table {
  width: 100%;
  margin: 10px; }

.notif-date {
  width: 250px;
  padding: 5px; }

.notif-message {
  padding: 5px;
  max-width: 754px;
  word-wrap: break-word; }

.notif-row {
  border-top: 1px solid #000; }

.notifications ul li.notif-all {
  border: none;
  padding: 0;
  margin: 0;
  text-align: right; }
  .notifications ul li.notif-all a {
    padding: 0;
    margin: 0;
    border: none; }

.streams .item-message a {
  color: #325ca4;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
  max-width: 345px;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* notifications ends */
/* bootstrap forms */
.control-group .controls p, .control-group .controls label {
  padding-top: 5px; }

/* end bootstrap forms */
.direction-indicator {
  width: 20px;
  height: 20px; }
  .direction-indicator.u {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 12H6l4-4 4 4h-1z' fill='%238BD389'/%3E%3C/svg%3E") 0 0 no-repeat; }
  .direction-indicator.uu {
    background: url("/static/images/app/publish/arrowuu.gif") no-repeat; }
  .direction-indicator.d {
    background: url("data:image/svg+xml,%3Csvg width='8' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H0l4 4 4-4H7z' fill='%23b74c51'/%3E%3C/svg%3E") 0 0 no-repeat; }
  .direction-indicator.dd {
    background: url("/static/images/app/publish/arrowdd.gif") no-repeat; }

.chzn-container.error {
  border-radius: 5px;
  border: 1px red solid !important; }

#floating_button {
  top: 300px;
  width: 290px;
  height: 45px;
  left: 800px;
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 0.05em;
  display: block;
  z-index: 9999;
  position: fixed; }

span.warning {
  color: red; }

.btn-small.instagram-active-audience {
  display: none; }

/* Imports */
@font-face {
  font-family: "socialflow";
  src: url("../fonts/socialflow.eot");
  src: url("../fonts/socialflow.eot?#iefix") format("embedded-opentype"), url("../fonts/socialflow.woff") format("woff"), url("../fonts/socialflow.ttf") format("truetype"), url("../fonts/socialflow.svg#socialflow") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*="i-"]:not([class*="ui-"]) {
  font-family: 'socialflow';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.i-tracking:before {
  content: "\f024"; }

.i-gplus2:before {
  content: "\e600"; }

.i-tw2:before {
  content: "\e601"; }

.i-search:before {
  content: "\e000"; }

.i-arrow-up2:before {
  content: "\e001"; }

.i-arrow-up1:before {
  content: "\e002"; }

.i-computer:before {
  content: "\e016"; }

.i-gear:before {
  content: "\e015"; }

.i-tw-rt:before {
  content: "\e014"; }

.i-fb:before {
  content: "\e013"; }

.i-cc:before {
  content: "\e009"; }

.i-check:before {
  content: "\e008"; }

.i-users:before {
  content: "\e007"; }

.i-camera:before {
  content: "\e006"; }

.i-arrowleft:before {
  content: "\e026"; }

.i-forte:before {
  content: "\e027"; }

.i-close:before {
  content: "\e028"; }

.i-selected:before {
  content: "\e029"; }

.i-money:before {
  content: "\e020"; }

.i-timer:before {
  content: "\e021"; }

.i-eye-yes:before {
  content: "\e022"; }

.i-refresh:before {
  content: "\e023"; }

.i-calendar:before {
  content: "\e024"; }

.i-arrowright:before {
  content: "\e025"; }

.i-arrow-down2:before {
  content: "\e004"; }

.i-star:before {
  content: "\e01c"; }

.i-expand:before {
  content: "\e00a"; }

.i-fb-like:before {
  content: "\e010"; }

.i-tw:before {
  content: "\e012"; }

.i-tag:before {
  content: "\e005"; }

.i-info:before {
  content: "\e02a"; }

.i-target:before {
  content: "\e01b"; }

.i-eye-no:before {
  content: "\e01f"; }

.i-fb-share:before {
  content: "\e00f"; }

.i-tw-reply:before {
  content: "\e00e"; }

.i-link:before {
  content: "\e011"; }

.i-doc-ppt:before {
  content: "\e00c"; }

.i-pdf:before {
  content: "\e00b"; }

.i-doc-xls:before {
  content: "\e00d"; }

.i-mail:before {
  content: "\e017"; }

.i-gplus:before {
  content: "\e018"; }

.i-linkedin:before {
  content: "\e019"; }

.i-instagram:before {
  content: "\f16d"; }

.i-plusone:before {
  content: "\e01a"; }

.i-minus:before {
  content: "\e01e"; }

.i-plus:before {
  content: "\e01d"; }

.i-arrow-down1:before {
  content: "\e003"; }

.i-linkedin2:before {
  content: "\e602"; }

.i-fb2:before {
  content: "\e603"; }

.i-location:before {
  content: "\e606"; }

.i-uniF000:before {
  content: "\f000"; }

.i-uniF001:before {
  content: "\f001"; }

.i-uniF002:before {
  content: "\f002"; }

.i-uniF003:before {
  content: "\f003"; }

.i-uniF004:before {
  content: "\f004"; }

.i-uniF005:before {
  content: "\f005"; }

.i-uniF006:before {
  content: "\f006"; }

.i-uniF007:before {
  content: "\f007"; }

.i-uniF008:before {
  content: "\f008"; }

.i-uniF009:before {
  content: "\f009"; }

.i-uniF00A:before {
  content: "\f00a"; }

.i-uniF00B:before {
  content: "\f00b"; }

.i-uniF00C:before {
  content: "\f00c"; }

.i-uniF00D:before {
  content: "\f00d"; }

.i-uniF00E:before {
  content: "\f00e"; }

.i-uniF010:before {
  content: "\f010"; }

.i-uniF011:before {
  content: "\f011"; }

.i-uniF012:before {
  content: "\f012"; }

.fa-gear:before {
  content: "\f013"; }

.i-uniF014:before {
  content: "\f014"; }

.i-uniF015:before {
  content: "\f015"; }

.i-uniF016:before {
  content: "\f016"; }

.i-uniF017:before {
  content: "\f017"; }

.i-uniF018:before {
  content: "\f018"; }

.i-uniF019:before {
  content: "\f019"; }

.i-uniF01A:before {
  content: "\f01a"; }

.i-uniF01B:before {
  content: "\f01b"; }

.i-uniF01C:before {
  content: "\f01c"; }

.i-uniF01D:before {
  content: "\f01d"; }

.i-uniF01E:before {
  content: "\f01e"; }

.i-uniF021:before {
  content: "\f021"; }

.i-uniF022:before {
  content: "\f022"; }

.i-uniF023:before {
  content: "\f023"; }

.i-uniF025:before {
  content: "\f025"; }

.i-uniF026:before {
  content: "\f026"; }

.i-uniF027:before {
  content: "\f027"; }

.i-uniF028:before {
  content: "\f028"; }

.i-uniF029:before {
  content: "\f029"; }

.i-uniF02A:before {
  content: "\f02a"; }

.i-uniF02B:before {
  content: "\f02b"; }

.i-uniF02C:before {
  content: "\f02c"; }

.i-uniF02D:before {
  content: "\f02d"; }

.i-uniF02E:before {
  content: "\f02e"; }

.i-uniF02F:before {
  content: "\f02f"; }

.i-uniF030:before {
  content: "\f030"; }

.i-uniF031:before {
  content: "\f031"; }

.i-uniF032:before {
  content: "\f032"; }

.i-uniF033:before {
  content: "\f033"; }

.i-uniF034:before {
  content: "\f034"; }

.i-uniF035:before {
  content: "\f035"; }

.i-uniF036:before {
  content: "\f036"; }

.i-uniF037:before {
  content: "\f037"; }

.i-uniF038:before {
  content: "\f038"; }

.i-uniF039:before {
  content: "\f039"; }

.i-uniF03A:before {
  content: "\f03a"; }

.i-uniF03B:before {
  content: "\f03b"; }

.i-uniF03C:before {
  content: "\f03c"; }

.i-uniF03D:before {
  content: "\f03d"; }

.i-uniF03E:before {
  content: "\f03e"; }

.i-uniF040:before {
  content: "\f040"; }

.i-uniF041:before {
  content: "\f041"; }

.i-uniF042:before {
  content: "\f042"; }

.i-uniF043:before {
  content: "\f043"; }

.i-uniF044:before {
  content: "\f044"; }

.i-uniF045:before {
  content: "\f045"; }

.i-uniF046:before {
  content: "\f046"; }

.i-uniF047:before {
  content: "\f047"; }

.i-uniF048:before {
  content: "\f048"; }

.i-uniF049:before {
  content: "\f049"; }

.i-uniF04A:before {
  content: "\f04a"; }

.i-fa-play:before {
  content: "\f04b"; }

.i-uniF04C:before {
  content: "\f04c"; }

.i-uniF04D:before {
  content: "\f04d"; }

.i-uniF04E:before {
  content: "\f04e"; }

.i-uniF050:before {
  content: "\f050"; }

.i-uniF051:before {
  content: "\f051"; }

.i-uniF052:before {
  content: "\f052"; }

.i-uniF053:before {
  content: "\f053"; }

.i-uniF054:before {
  content: "\f054"; }

.i-fa-plus-circle:before {
  content: "\f055"; }

.i-uniF056:before {
  content: "\f056"; }

.i-uniF057:before {
  content: "\f057"; }

.i-uniF058:before {
  content: "\f058"; }

.i-uniF059:before {
  content: "\f059"; }

.i-uniF05A:before {
  content: "\f05a"; }

.i-uniF05B:before {
  content: "\f05b"; }

.i-uniF05C:before {
  content: "\f05c"; }

.i-uniF05D:before {
  content: "\f05d"; }

.i-fa-ban:before {
  content: "\f05e"; }

.i-uniF060:before {
  content: "\f060"; }

.i-uniF061:before {
  content: "\f061"; }

.i-uniF062:before {
  content: "\f062"; }

.i-uniF063:before {
  content: "\f063"; }

.i-uniF064:before {
  content: "\f064"; }

.i-uniF065:before {
  content: "\f065"; }

.i-uniF066:before {
  content: "\f066"; }

.i-fa-plus:before, .i-uniF067:before {
  content: "\f067"; }

.i-uniF068:before {
  content: "\f068"; }

.i-uniF069:before {
  content: "\f069"; }

.i-uniF06A:before {
  content: "\f06a"; }

.i-uniF06B:before {
  content: "\f06b"; }

.i-uniF06C:before {
  content: "\f06c"; }

.i-uniF06D:before {
  content: "\f06d"; }

.i-uniF06E:before {
  content: "\f06e"; }

.i-uniF070:before {
  content: "\f070"; }

.i-uniF071:before {
  content: "\f071"; }

.i-uniF072:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.i-uniF074:before {
  content: "\f074"; }

.i-uniF075:before {
  content: "\f075"; }

.i-uniF076:before {
  content: "\f076"; }

.i-uniF077:before {
  content: "\f077"; }

.i-uniF078:before {
  content: "\f078"; }

.i-uniF079:before {
  content: "\f079"; }

.i-uniF07A:before {
  content: "\f07a"; }

.i-uniF07B:before {
  content: "\f07b"; }

.i-uniF07C:before {
  content: "\f07c"; }

.i-uniF07D:before {
  content: "\f07d"; }

.i-uniF07E:before {
  content: "\f07e"; }

.i-uniF080:before {
  content: "\f080"; }

.i-uniF081:before {
  content: "\f081"; }

.i-uniF082:before {
  content: "\f082"; }

.i-uniF083:before, .i-instagram-icon:before, .instagram-icon:before {
  content: "\f083"; }

.i-uniF084:before {
  content: "\f084"; }

.i-uniF085:before {
  content: "\f085"; }

.i-uniF086:before {
  content: "\f086"; }

.i-uniF087:before {
  content: "\f087"; }

.i-uniF088:before {
  content: "\f088"; }

.i-uniF089:before {
  content: "\f089"; }

.i-uniF08A:before {
  content: "\f08a"; }

.i-uniF08B:before {
  content: "\f08b"; }

.i-uniF08C:before {
  content: "\f08c"; }

.i-uniF08D:before {
  content: "\f08d"; }

.i-uniF08E:before {
  content: "\f08e"; }

.i-uniF090:before {
  content: "\f090"; }

.i-uniF091:before {
  content: "\f091"; }

.i-uniF092:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.i-uniF094:before {
  content: "\f094"; }

.i-uniF095:before {
  content: "\f095"; }

.i-uniF096:before {
  content: "\f096"; }

.i-uniF097:before {
  content: "\f097"; }

.i-uniF098:before {
  content: "\f098"; }

.i-uniF09B:before {
  content: "\f09b"; }

.i-uniF09C:before {
  content: "\f09c"; }

.i-uniF09D:before {
  content: "\f09d"; }

.i-uniF09E:before {
  content: "\f09e"; }

.i-uniF0A0:before {
  content: "\f0a0"; }

.i-uniF0A1:before {
  content: "\f0a1"; }

.i-uniF0A2:before {
  content: "\f0a2"; }

.i-uniF0A3:before {
  content: "\f0a3"; }

.i-uniF0A4:before {
  content: "\f0a4"; }

.i-uniF0A5:before {
  content: "\f0a5"; }

.i-uniF0A6:before {
  content: "\f0a6"; }

.i-uniF0A7:before {
  content: "\f0a7"; }

.i-uniF0A8:before {
  content: "\f0a8"; }

.i-uniF0A9:before {
  content: "\f0a9"; }

.i-uniF0AA:before {
  content: "\f0aa"; }

.i-uniF0AB:before {
  content: "\f0ab"; }

.i-uniF0AC:before {
  content: "\f0ac"; }

.i-uniF0AD:before {
  content: "\f0ad"; }

.i-uniF0AE:before {
  content: "\f0ae"; }

.i-uniF0B0:before {
  content: "\f0b0"; }

.i-uniF0B1:before {
  content: "\f0b1"; }

.i-uniF0B2:before {
  content: "\f0b2"; }

.i-uniF0C0:before {
  content: "\f0c0"; }

.i-uniF0C1:before {
  content: "\f0c1"; }

.i-uniF0C2:before {
  content: "\f0c2"; }

.i-uniF0C3:before {
  content: "\f0c3"; }

.i-uniF0C4:before {
  content: "\f0c4"; }

.i-uniF0C5:before {
  content: "\f0c5"; }

.i-uniF0C6:before {
  content: "\f0c6"; }

.i-uniF0C7:before {
  content: "\f0c7"; }

.i-uniF0C8:before {
  content: "\f0c8"; }

.i-uniF0C9:before {
  content: "\f0c9"; }

.i-uniF0CA:before {
  content: "\f0ca"; }

.i-uniF0CB:before {
  content: "\f0cb"; }

.i-uniF0CC:before {
  content: "\f0cc"; }

.i-uniF0CD:before {
  content: "\f0cd"; }

.i-uniF0CE:before {
  content: "\f0ce"; }

.i-uniF0D0:before {
  content: "\f0d0"; }

.i-uniF0D1:before {
  content: "\f0d1"; }

.i-uniF0D2:before {
  content: "\f0d2"; }

.i-uniF0D3:before {
  content: "\f0d3"; }

.i-uniF0D4:before {
  content: "\f0d4"; }

.i-uniF0D5:before {
  content: "\f0d5"; }

.i-uniF0D6:before {
  content: "\f0d6"; }

.i-uniF0D7:before {
  content: "\f0d7"; }

.i-uniF0D8:before {
  content: "\f0d8"; }

.i-uniF0D9:before {
  content: "\f0d9"; }

.i-uniF0DA:before {
  content: "\f0da"; }

.i-uniF0DB:before {
  content: "\f0db"; }

.i-uniF0DC:before {
  content: "\f0dc"; }

.i-uniF0DD:before {
  content: "\f0dd"; }

.i-uniF0DE:before {
  content: "\f0de"; }

.i-uniF0E0:before {
  content: "\f0e0"; }

.i-uniF0E2:before {
  content: "\f0e2"; }

.i-uniF0E3:before {
  content: "\f0e3"; }

.i-uniF0E4:before {
  content: "\f0e4"; }

.i-uniF0E5:before {
  content: "\f0e5"; }

.i-uniF0E6:before {
  content: "\f0e6"; }

.i-uniF0E7:before {
  content: "\f0e7"; }

.i-uniF0E8:before {
  content: "\f0e8"; }

.i-uniF0E9:before {
  content: "\f0e9"; }

.i-uniF0EA:before {
  content: "\f0ea"; }

.i-uniF0EB:before {
  content: "\f0eb"; }

.i-uniF0EC:before {
  content: "\f0ec"; }

.i-uniF0ED:before {
  content: "\f0ed"; }

.i-uniF0EE:before {
  content: "\f0ee"; }

.i-uniF0F0:before {
  content: "\f0f0"; }

.i-uniF0F1:before {
  content: "\f0f1"; }

.i-uniF0F2:before {
  content: "\f0f2"; }

.i-uniF0F3:before {
  content: "\f0f3"; }

.i-uniF0F4:before {
  content: "\f0f4"; }

.i-uniF0F5:before {
  content: "\f0f5"; }

.i-uniF0F6:before {
  content: "\f0f6"; }

.i-uniF0F7:before {
  content: "\f0f7"; }

.i-uniF0F8:before {
  content: "\f0f8"; }

.i-uniF0F9:before {
  content: "\f0f9"; }

.i-uniF0FA:before {
  content: "\f0fa"; }

.i-uniF0FB:before {
  content: "\f0fb"; }

.i-uniF0FC:before {
  content: "\f0fc"; }

.i-uniF0FD:before {
  content: "\f0fd"; }

.i-uniF0FE:before {
  content: "\f0fe"; }

.i-uniF100:before {
  content: "\f100"; }

.i-uniF101:before {
  content: "\f101"; }

.i-uniF102:before {
  content: "\f102"; }

.i-uniF103:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.i-uniF106:before {
  content: "\f106"; }

.i-uniF107:before {
  content: "\f107"; }

.i-uniF108:before {
  content: "\f108"; }

.i-uniF109:before {
  content: "\f109"; }

.i-uniF10A:before {
  content: "\f10a"; }

.i-uniF10B:before {
  content: "\f10b"; }

.i-uniF10C:before {
  content: "\f10c"; }

.i-uniF10D:before {
  content: "\f10d"; }

.i-uniF10E:before {
  content: "\f10e"; }

.i-uniF110:before {
  content: "\f110"; }

.i-circle:before {
  content: "\f111"; }

.i-uniF112:before {
  content: "\f112"; }

.i-uniF113:before {
  content: "\f113"; }

.i-uniF114:before {
  content: "\f114"; }

.i-uniF115:before {
  content: "\f115"; }

.i-uniF118:before {
  content: "\f118"; }

.i-uniF119:before {
  content: "\f119"; }

.i-uniF11A:before {
  content: "\f11a"; }

.i-uniF11B:before {
  content: "\f11b"; }

.i-uniF11C:before {
  content: "\f11c"; }

.i-uniF11D:before {
  content: "\f11d"; }

.i-uniF11E:before {
  content: "\f11e"; }

.i-uniF120:before {
  content: "\f120"; }

.i-uniF121:before {
  content: "\f121"; }

.i-uniF122:before {
  content: "\f122"; }

.i-uniF123:before {
  content: "\f123"; }

.i-uniF124:before {
  content: "\f124"; }

.i-uniF125:before {
  content: "\f125"; }

.i-uniF126:before {
  content: "\f126"; }

.i-uniF127:before {
  content: "\f127"; }

.i-uniF128:before {
  content: "\f128"; }

.i-uniF129:before {
  content: "\f129"; }

.i-uniF12A:before {
  content: "\f12a"; }

.i-uniF12B:before {
  content: "\f12b"; }

.i-uniF12C:before {
  content: "\f12c"; }

.i-uniF12D:before {
  content: "\f12d"; }

.i-uniF12E:before {
  content: "\f12e"; }

.i-uniF130:before {
  content: "\f130"; }

.i-uniF131:before {
  content: "\f131"; }

.i-uniF132:before {
  content: "\f132"; }

.i-uniF133:before {
  content: "\f133"; }

.i-uniF134:before {
  content: "\f134"; }

.i-uniF135:before {
  content: "\f135"; }

.i-uniF136:before {
  content: "\f136"; }

.i-uniF137:before {
  content: "\f137"; }

.i-uniF138:before {
  content: "\f138"; }

.i-uniF139:before {
  content: "\f139"; }

.i-uniF13A:before {
  content: "\f13a"; }

.i-uniF13B:before {
  content: "\f13b"; }

.i-uniF13C:before {
  content: "\f13c"; }

.i-uniF13D:before {
  content: "\f13d"; }

.i-uniF13E:before {
  content: "\f13e"; }

.i-uniF140:before {
  content: "\f140"; }

.i-uniF141:before {
  content: "\f141"; }

.i-uniF142:before {
  content: "\f142"; }

.i-uniF143:before {
  content: "\f143"; }

.i-uniF144:before {
  content: "\f144"; }

.i-uniF145:before {
  content: "\f145"; }

.i-uniF146:before {
  content: "\f146"; }

.i-uniF147:before {
  content: "\f147"; }

.i-uniF148:before {
  content: "\f148"; }

.i-uniF149:before {
  content: "\f149"; }

.i-uniF14A:before {
  content: "\f14a"; }

.i-uniF14B:before {
  content: "\f14b"; }

.i-uniF14C:before {
  content: "\f14c"; }

.i-uniF14D:before {
  content: "\f14d"; }

.i-uniF14E:before {
  content: "\f14e"; }

.i-uniF150:before {
  content: "\f150"; }

.i-uniF151:before {
  content: "\f151"; }

.i-uniF15:before {
  content: "\f152"; }

.i-uniF153:before {
  content: "\f153"; }

.i-uniF154:before {
  content: "\f154"; }

.i-uniF155:before {
  content: "\f155"; }

.i-uniF156:before {
  content: "\f156"; }

.i-uniF157:before {
  content: "\f157"; }

.i-uniF158:before {
  content: "\f158"; }

.i-uniF159:before {
  content: "\f159"; }

.i-uniF15A:before {
  content: "\f15a"; }

.i-uniF15B:before {
  content: "\f15b"; }

.i-uniF15C:before {
  content: "\f15c"; }

.i-uniF15D:before {
  content: "\f15d"; }

.i-uniF15E:before {
  content: "\f15e"; }

.i-uniF160:before {
  content: "\f160"; }

.i-uniF161:before {
  content: "\f161"; }

.i-uniF162:before {
  content: "\f162"; }

.i-uniF163:before {
  content: "\f163"; }

.i-uniF164:before {
  content: "\f164"; }

.i-uniF165:before {
  content: "\f165"; }

.i-uniF166:before {
  content: "\f166"; }

.i-uniF167:before {
  content: "\f167"; }

.i-uniF168:before {
  content: "\f168"; }

.i-uniF169:before {
  content: "\f169"; }

.i-uniF16A:before {
  content: "\f16a"; }

.i-uniF16B:before {
  content: "\f16b"; }

.i-uniF16C:before {
  content: "\f16c"; }

.i-uniF16D:before, .i-instagram-icon:before, .instagram-icon:before {
  content: "\f16d"; }

.i-uniF16E:before {
  content: "\f16e"; }

.i-uniF170:before {
  content: "\f170"; }

.i-uniF171:before {
  content: "\f171"; }

.i-uniF172:before {
  content: "\f172"; }

.i-uniF173:before {
  content: "\f173"; }

.i-uniF174:before {
  content: "\f174"; }

.i-uniF175:before {
  content: "\f175"; }

.i-uniF176:before {
  content: "\f176"; }

.i-uniF177:before {
  content: "\f177"; }

.i-uniF178:before {
  content: "\f178"; }

.i-uniF179:before {
  content: "\f179"; }

.i-uniF17A:before {
  content: "\f17a"; }

.i-uniF17B:before {
  content: "\f17b"; }

.i-uniF17C:before {
  content: "\f17c"; }

.i-uniF17D:before {
  content: "\f17d"; }

.i-uniF17E:before {
  content: "\f17e"; }

.i-uniF180:before {
  content: "\f180"; }

.i-uniF181:before {
  content: "\f181"; }

.i-uniF182:before {
  content: "\f182"; }

.i-uniF183:before {
  content: "\f183"; }

.i-uniF184:before {
  content: "\f184"; }

.i-uniF185:before {
  content: "\f185"; }

.i-uniF186:before {
  content: "\f186"; }

.i-uniF187:before {
  content: "\f187"; }

.i-uniF188:before {
  content: "\f188"; }

.i-uniF189:before {
  content: "\f189"; }

.i-uniF18A:before {
  content: "\f18a"; }

.i-uniF18B:before {
  content: "\f18b"; }

.i-uniF18C:before {
  content: "\f18c"; }

.i-uniF18D:before {
  content: "\f18d"; }

.i-uniF18E:before {
  content: "\f18e"; }

.i-uniF190:before {
  content: "\f190"; }

.i-uniF191:before {
  content: "\f191"; }

.i-uniF192:before {
  content: "\f192"; }

.i-uniF193:before {
  content: "\f193"; }

.i-uniF194:before {
  content: "\f194"; }

.i-uniF195:before {
  content: "\f195"; }

.i-uniF196:before {
  content: "\f196"; }

.i-uniF197:before {
  content: "\f197"; }

.i-uniF198:before {
  content: "\f198"; }

.i-uniF199:before {
  content: "\f199"; }

.i-uniF19A:before {
  content: "\f19a"; }

.i-uniF19B:before {
  content: "\f19b"; }

.i-uniF19C:before {
  content: "\f19c"; }

.i-uniF19D:before {
  content: "\f19d"; }

.i-uniF19E:before {
  content: "\f19e"; }

.i-uniF1A0:before {
  content: "\f1a0"; }

.i-uniF1A1:before {
  content: "\f1a1"; }

.i-uniF1A2:before {
  content: "\f1a2"; }

.i-uniF1A3:before {
  content: "\f1a3"; }

.i-uniF1A4:before {
  content: "\f1a4"; }

.i-uniF1A5:before {
  content: "\f1a5"; }

.i-uniF1A6:before {
  content: "\f1a6"; }

.i-uniF1A7:before {
  content: "\f1a7"; }

.i-uniF1A8:before {
  content: "\f1a8"; }

.i-uniF1A9:before {
  content: "\f1a9"; }

.i-uniF1AA:before {
  content: "\f1aa"; }

.i-uniF1AB:before {
  content: "\f1ab"; }

.i-uniF1AC:before {
  content: "\f1ac"; }

.i-uniF1AD:before {
  content: "\f1ad"; }

.i-uniF1AE:before {
  content: "\f1ae"; }

.i-uniF1B0:before {
  content: "\f1b0"; }

.i-uniF1B1:before {
  content: "\f1b1"; }

.i-uniF1B2:before {
  content: "\f1b2"; }

.i-uniF1B3:before {
  content: "\f1b3"; }

.i-uniF1B4:before {
  content: "\f1b4"; }

.i-uniF1B5:before {
  content: "\f1b5"; }

.i-uniF1B6:before {
  content: "\f1b6"; }

.i-uniF1B7:before {
  content: "\f1b7"; }

.i-uniF1B8:before {
  content: "\f1b8"; }

.i-uniF1B9:before {
  content: "\f1b9"; }

.i-uniF1BA:before {
  content: "\f1ba"; }

.i-uniF1BB:before {
  content: "\f1bb"; }

.i-uniF1BC:before {
  content: "\f1bc"; }

.i-uniF1BD:before {
  content: "\f1bd"; }

.i-uniF1BE:before {
  content: "\f1be"; }

.i-uniF1C0:before {
  content: "\f1c0"; }

.i-uniF1C1:before {
  content: "\f1c1"; }

.i-uniF1C2:before {
  content: "\f1c2"; }

.i-uniF1C3:before {
  content: "\f1c3"; }

.i-uniF1C4:before {
  content: "\f1c4"; }

.i-uniF1C5:before {
  content: "\f1c5"; }

.i-uniF1C6:before {
  content: "\f1c6"; }

.i-uniF1C7:before {
  content: "\f1c7"; }

.i-uniF1C8:before {
  content: "\f1c8"; }

.i-uniF1C9:before {
  content: "\f1c9"; }

.i-uniF1CA:before {
  content: "\f1ca"; }

.i-uniF1CB:before {
  content: "\f1cb"; }

.i-uniF1CC:before {
  content: "\f1cc"; }

.i-uniF1CD:before {
  content: "\f1cd"; }

.i-uniF1CE:before {
  content: "\f1ce"; }

.i-uniF1D0:before {
  content: "\f1d0"; }

.i-uniF1D1:before {
  content: "\f1d1"; }

.i-uniF1D2:before {
  content: "\f1d2"; }

.i-uniF1D3:before {
  content: "\f1d3"; }

.i-uniF1D4:before {
  content: "\f1d4"; }

.i-uniF1D5:before {
  content: "\f1d5"; }

.i-uniF1D6:before {
  content: "\f1d6"; }

.i-uniF1D7:before {
  content: "\f1d7"; }

.i-uniF1D8:before {
  content: "\f1d8"; }

.i-uniF1D9:before {
  content: "\f1d9"; }

.i-uniF1DA:before {
  content: "\f1da"; }

.i-uniF1DB:before {
  content: "\f1db"; }

.i-uniF1DC:before {
  content: "\f1dc"; }

.i-uniF1DD:before {
  content: "\f1dd"; }

.i-uniF1DE:before {
  content: "\f1de"; }

.i-uniF1E0:before {
  content: "\f1e0"; }

.i-uniF1E1:before {
  content: "\f1e1"; }

.i-uniF1E2:before {
  content: "\f1e2"; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'socialflow';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.i-tracking, .i-location, .i-eye-yes, .i-timer, .i-money, .i-eye-no, .i-target, .i-tag, .i-camera, .i-users, .i-check, .i-cc, .i-expand, .i-pdf, .i-doc-ppt, .i-doc-xls, .i-tw-reply, .i-fb-share, .i-fb-like, .i-link, .i-tw, .i-fb, .i-tw-rt, .i-gear, .i-computer, .i-mail, .i-gplus, .i-linkedin, .i-instagram {
  font-family: 'socialflow';
  speak: none;
  font-style: normal;
  font-size: 1.3em;
  font-weight: normal;
  font-variant: normal;
  color: #626971;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.inline-icon {
  font-family: 'socialflow';
  speak: none;
  font-style: normal;
  font-size: 1.3em;
  font-weight: normal;
  font-variant: normal;
  color: #626971;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.inline-icon.twitter:before {
  content: "\e012";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.facebook_page:before {
  content: "\e013";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.google_plus_page:before {
  content: "\e018";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.linked_in_page:before {
  content: "\e019";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.instagram:before {
  content: "\f16d";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.direct_message_twitter:before {
  content: "\e012";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon.apple_news_channel:before {
  font-family: 'apple-news' !important;
  content: "\e900";
  color: rgba(20, 27, 36, 0.4); }

.inline-icon .icon-apple-news-icon .path1:before {
  font-family: 'apple-news-icon' !important;
  content: "\e999";
  color: white; }

.inline-icon .icon-apple-news-icon .path2:before {
  font-family: 'apple-news-icon' !important;
  content: "\e901";
  margin-left: -1em;
  color: #bdbdbd; }

.inline-icon .icon-apple-news-icon .path3:before {
  font-family: 'apple-news-icon' !important;
  content: "\e902";
  margin-left: -1em;
  color: #ee3659; }

.inline-icon.sf-icon-instagram {
  color: rgba(20, 27, 36, 0.4); }

.active-account .icon,
.twitter-icon,
.facebook-icon,
.google-plus-icon,
.linked-in-icon,
.instagram-icon,
.account-img .icon {
  font-family: 'socialflow';
  speak: none;
  font-style: normal;
  font-size: 1.3em;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background: transparent; }

.active-account .icon.sf-icon-instagram {
  font-family: 'socialflow_v2';
  speak: none;
  font-style: normal;
  font-size: 1.3em;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background: transparent; }

.icon.twitter:before,
.twitter-icon:before {
  content: "\e012"; }

.icon.facebook:before,
.facebook-icon:before,
.icon.facebook_page:before {
  content: "\e013"; }

.icon.google_plus:before,
.google-plus-icon:before,
.icon.google_plus_page:before {
  content: "\e018"; }

.icon.linked_in:before,
.linked-in-icon:before,
.icon.linked_in_page:before,
.i-linkedin:before {
  content: "\e019"; }

.icon.i-instagram:before {
  content: "\f16d"; }

.account-img .facebook_page {
  color: #3B5998; }
.account-img .twitter {
  color: #4099FF; }
.account-img .google_plus_page {
  color: #d34836; }
.account-img .linked_in_page {
  color: #006699; }
.account-img .pinterest {
  color: #cb2027; }
.account-img .instagram_publishing {
  color: #EB006F; }

.pn-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1;
  background-size: 20px 20px;
  background-repeat: no-repeat; }

.pn-icon--social-threads {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.266 17h9.468A2.266 2.266 0 0017 14.734V5.266A2.266 2.266 0 0014.734 3H5.266A2.266 2.266 0 003 5.266v9.468A2.266 2.266 0 005.266 17zM8.15 8.201s.578.402.752.518l.02-.024c.249-.288.463-.536 1.246-.536.877 0 1.225.704 1.225 1.115-.238-.048-.694-.074-1.072-.074-1.009 0-2.286.489-2.286 1.839 0 .945.898 1.666 1.94 1.666 1.789 0 2.196-1.34 2.348-2.136.04 0 .819.444.819 1.373 0 1.364-1.334 2.296-3.123 2.296-2.175 0-3.628-1.42-3.628-4.095 0-2.983 1.3-4.385 3.597-4.385 1.39 0 2.905.351 3.628 2.556l.877-.228c-.935-3.094-3.421-3.251-4.481-3.251-2.295 0-4.538 1.313-4.538 5.16 0 3.87 2.315 5.17 4.544 5.17 2.596 0 4.03-1.523 4.03-3.276 0-.825-.393-1.545-1.107-2.026a3.378 3.378 0 00-.583-.312c-.05-.733-.267-1.307-.648-1.708-.38-.4-.914-.612-1.542-.612-.888 0-1.53.272-2.018.97zm.81 2.836c0-.353.17-.915 1.485-.915.402 0 .65.03.984.104-.106 1.383-.781 1.565-1.438 1.565-.359 0-1.03-.188-1.03-.754z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E"); }

.pn-icon--social-bluesky {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -3.268 64 68.414"><path fill="rgba(20, 27, 36, 0.4)" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805zm36.254 0C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745z"/></svg>'); }

.pn-icon--social-tiktok {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="rgba(20, 27, 36, 0.4)" d="M41,4H9C6.243,4,4,6.243,4,9v32c0,2.757,2.243,5,5,5h32c2.757,0,5-2.243,5-5V9C46,6.243,43.757,4,41,4z M37.006,22.323 c-0.227,0.021-0.457,0.035-0.69,0.035c-2.623,0-4.928-1.349-6.269-3.388c0,5.349,0,11.435,0,11.537c0,4.709-3.818,8.527-8.527,8.527 s-8.527-3.818-8.527-8.527s3.818-8.527,8.527-8.527c0.178,0,0.352,0.016,0.527,0.027v4.202c-0.175-0.021-0.347-0.053-0.527-0.053 c-2.404,0-4.352,1.948-4.352,4.352s1.948,4.352,4.352,4.352s4.527-1.894,4.527-4.298c0-0.095,0.042-19.594,0.042-19.594h4.016 c0.378,3.591,3.277,6.425,6.901,6.685V22.323z" /></svg>'); }

.pn-icon--social-x {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.034 3.45l5.405 7.227L3 16.555h1.224l4.762-5.145 3.848 5.145H17L11.29 8.92l5.064-5.47h-1.225l-4.385 4.738L7.2 3.45H3.034zm1.8.902h1.914l8.452 11.3h-1.914l-8.452-11.3z' fill='%230A0E12'/%3E%3C/svg%3E"); }

.pn-icon--social-facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 16.229a.77.77 0 01-.771.771h-3.985v-5.017h1.474l.22-1.956h-1.694V8.78c0-.568.136-.95.85-.95H14V6.075A10.507 10.507 0 0012.68 6c-1.308 0-2.201.91-2.201 2.584v1.443H9v1.956h1.479V17H3.77a.77.77 0 01-.77-.771V3.77c0-.422.348-.77.771-.77H16.23a.77.77 0 01.771.771V16.23z' fill='%230A0E12'/%3E%3C/svg%3E"); }

.pn-icon--edit {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.518 3.432a1.474 1.474 0 00-2.085 0l-8.15 8.15-.102.102-.03.14-.983 4.422L3 17l.754-.168 4.423-.982.14-.031.1-.102 8.151-8.15a1.474 1.474 0 000-2.085l-2.05-2.05zm-1.39.695a.491.491 0 01.695 0l2.05 2.05a.491.491 0 010 .695l-.677.677-2.745-2.745.677-.677zm-1.372 1.372l-6.677 6.677-.785 3.53 3.53-.785L14.5 8.244 11.756 5.5z' fill='%23141B24'/%3E%3C/svg%3E"); }

.pn-icon--trash {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.998 10.707l-4.646 4.647-.707-.707L9.29 10 4.645 5.354l.707-.708 4.646 4.647 4.647-4.647.707.708L10.705 10l4.647 4.646-.707.708-4.647-4.647z' fill='%23141B24'/%3E%3C/svg%3E"); }

.pn-icon--attach {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.806 4.988c1.265-1.264 3.301-1.337 4.547-.09 1.246 1.245 1.174 3.281-.09 4.546l-4.09 4.091a1.925 1.925 0 11-2.72-2.726l4.694-4.664.705.71-4.693 4.664a.925.925 0 101.306 1.31l4.09-4.092c.906-.906.915-2.308.09-3.132-.823-.825-2.226-.816-3.131.09l-6.07 6.07c-.906.906-.915 2.308-.09 3.132.823.825 2.226.816 3.131-.09l.708.707c-1.265 1.264-3.301 1.336-4.547.09-1.246-1.246-1.174-3.282.09-4.546l6.07-6.07z' fill='%23141B24'/%3E%3C/svg%3E"); }

.pn-icon--chevron {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10l-4 4v-1.5l2.5-2.5L8 7.5V6l4 4z' fill='%230A0E12'/%3E%3C/svg%3E"); }

@font-face {
  font-family: 'socialflow_feather';
  src: url("../fonts/socialflow_feather.eot?fm8jxz");
  src: url("../fonts/socialflow_feather.eot?fm8jxz#iefix") format("embedded-opentype"), url("../fonts/socialflow_feather.woff?fm8jxz") format("woff"), url("../fonts/socialflow_feather.ttf?fm8jxz") format("truetype"), url("../fonts/socialflow_feather.svg?fm8jxz#socialflow_feather") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*="f-i-"], [class*=" f-i-"] {
  font-family: 'socialflow_feather';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.f-i-barchart2:before {
  content: "\e900"; }

.f-i-chevrondown:before {
  content: "\e901"; }

.f-i-heart:before {
  content: "\e902"; }

.f-i-messagecircle:before {
  content: "\e903"; }

.f-i-repeat:before {
  content: "\e904"; }

.f-i-upload:before {
  content: "\e905"; }

.f-i-link:before {
  content: "\e906"; }

.f-i-activity:before {
  content: "\e907"; }

.f-i-airplay:before {
  content: "\e908"; }

.f-i-alertcircle:before {
  content: "\e909"; }

.f-i-arrowdowncircle:before {
  content: "\e913"; }

.f-i-arrowdownleft:before {
  content: "\e914"; }

.f-i-arrowdownright:before {
  content: "\e915"; }

.f-i-arrowdown:before {
  content: "\e916"; }

.f-i-arrowleftcircle:before {
  content: "\e917"; }

.f-i-arrowleft:before {
  content: "\e918"; }

.f-i-arrowrightcircle:before {
  content: "\e919"; }

.f-i-arrowright:before {
  content: "\e91a"; }

.f-i-arrowupcirlce:before {
  content: "\e91b"; }

.f-i-arrowupleft:before {
  content: "\e91c"; }

.f-i-arrowupright:before {
  content: "\e91d"; }

.f-i-arrowup:before {
  content: "\e91e"; }

.f-i-atsign:before {
  content: "\e91f"; }

.f-i-barchart:before {
  content: "\e921"; }

.f-i-belloff:before {
  content: "\e924"; }

.f-i-bell:before {
  content: "\e925"; }

.f-i-bookmark:before {
  content: "\e929"; }

.f-i-calendar:before {
  content: "\e92c"; }

.f-i-camera:before {
  content: "\e92e"; }

.f-i-cast:before {
  content: "\e92f"; }

.f-i-chevronleft:before {
  content: "\e933"; }

.f-i-chevronright:before {
  content: "\e934"; }

.f-i-chevronup:before {
  content: "\e935"; }

.f-i-delete:before {
  content: "\e958"; }

.f-i-externallink:before {
  content: "\e960"; }

.f-i-facebook:before {
  content: "\e963"; }

.f-i-instagram:before {
  content: "\e97c"; }

.f-i-key:before {
  content: "\e97d"; }

.f-i-morehorizontal:before {
  content: "\e996"; }

.f-i-morevertical:before {
  content: "\e997"; }

.f-i-share2:before {
  content: "\e9a6"; }

.f-i-share:before {
  content: "\e9a7"; }

.f-i-thumbsdown:before {
  content: "\e9ac"; }

.f-i-thumbsup:before {
  content: "\e9ad"; }

.f-i-trash2:before {
  content: "\e9ae"; }

.f-i-trash:before {
  content: "\e9af"; }

.f-i-trendingdown:before {
  content: "\e9b0"; }

.f-i-trendingup:before {
  content: "\e9b1"; }

.f-i-twitter:before {
  content: "\e9b2"; }

/* settings upgrade plans page */
.signup-input-wrap.short label.error, .signup-input-wrap .short label.error {
  padding: 0;
  color: #e82c0c;
  width: 245px;
  margin: 0 0 0 180px;
  background: #FFF;
  border-bottom: none;
  border-left: none;
  border-right: none; }

.signup-input-wrap.short label.error {
  padding: 10px;
  color: #FFF;
  width: 70px;
  margin: 0 0 0 180px;
  background: #e74f35;
  border-bottom: 1px solid #e82c0c;
  border-left: 1px solid #e82c0c;
  border-right: 1px solid #e82c0c;
  border-radius: 0 0 5px 5px; }

.signup-input-wrap .short {
  float: left;
  width: 110px; }

.signup-input-wrap .short label.error {
  margin: 0;
  width: auto;
  padding: 0; }

.signup-input-wrap label.error {
  padding: 10px;
  color: #FFF;
  width: 245px;
  margin: 0 0 0 180px;
  background: #e74f35;
  border-bottom: 1px solid #e82c0c;
  border-left: 1px solid #e82c0c;
  border-right: 1px solid #e82c0c;
  border-radius: 0 0 5px 5px; }

.signup-input-wrap input.error {
  border: 1px solid #FF0000;
  background: #ffe7e7;
  border-radius: 5px 5px 0 0; }

.signup-input-wrap.short input.error {
  border: 1px solid #FF0000;
  background: #ffe7e7;
  border-radius: 5px 5px 0 0; }

.plans-wrap {
  padding: 30px 0 0 125px; }

.plan-col {
  background: transparent;
  float: left; }

.pick-plan-header {
  text-align: center;
  margin: 20px 0 0 0; }

.pick-plan-header.signup {
  text-align: center;
  margin: 20px 0 50px 0; }

.pick-plan-header h2 {
  color: #333;
  margin: 0;
  font-size: 2.8em; }

.pick-plan-header p {
  font-size: 1.3em;
  font-weight: 400;
  color: #666; }

.pick-plan-footer {
  text-align: center;
  margin: 10px 0 10px 0; }

.pick-plan-footer p {
  font-size: 0.9em; }

.plan-wrap {
  width: 250px;
  text-align: center;
  margin: 10px 0 0 0;
  position: relative;
  border: 1px solid #CCC; }

.plan-wrap.selected {
  border: none;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 280px;
  margin: 0;
  -moz-box-shadow: 0px 0px 4px #000;
  -webkit-box-shadow: 0px 0px 4px #000;
  box-shadow: 0px 0px 4px #000;
  z-index: 500; }

.plan-wrap.left .plan-header {
  overflow: hidden;
  border-radius: 10px 0 0 0; }

.plan-wrap.right .plan-header {
  overflow: hidden;
  border-radius: 0 10px 0 0; }

.plan-wrap.left .plan-btn {
  overflow: hidden;
  border-radius: 0 0 0 10px; }

.plan-wrap.right .plan-btn {
  overflow: hidden;
  border-radius: 0 0 10px 0; }

.plan-wrap.right {
  overflow: hidden;
  border-left: none;
  -moz-border-top-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.plan-wrap.left {
  overflow: hidden;
  border-right: none;
  -moz-border-top-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.plan-wrap.selected .plan-header {
  height: 86px;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0; }

.plan-wrap .plan-header {
  height: 86px;
  position: relative;
  background: #363636 url("/static/images/marketing/plan-bg.jpg") top repeat-x;
  padding: 10px;
  text-align: left;
  position: relative; }

.plan-wrap .plan-header img {
  position: absolute;
  top: -5px;
  right: -5px; }

.plan-wrap .plan-header p.type {
  font-size: 1.4em;
  color: #CCC;
  margin: 0;
  padding: 0; }

.plan-wrap .plan-header p.starting-text {
  font-size: .9em;
  color: #FFF;
  margin: 0 0 -10px 0; }

.plan-wrap.selected .plan-header p.type {
  color: #FFF; }

.plan-wrap .plan-header p.price {
  margin: 0;
  font-size: 2.7em;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
  font-weight: 600; }

.plan-wrap .plan-header p.price span.dollar {
  vertical-align: 40%;
  font-size: .6em;
  color: #FFF;
  font-weight: 400; }

.plan-wrap .plan-header p.price span.month {
  font-size: .6em;
  color: #FFF;
  font-weight: 400; }

.plan-wrap.selected .plan-header {
  background: #563167 url("/static/images/marketing/plan-bg-highlighted.jpg") top repeat-x; }

.plan-header p {
  color: #FFF; }

.plan-wrap .plan-list {
  background: #f4f4f4;
  height: 282px; }

.plan-wrap.selected .plan-list {
  background: #fefdff;
  height: 313px; }

.plan-wrap .plan-list ul {
  margin: 0;
  padding: 0; }

.plan-wrap .plan-list ul li {
  padding: 9px;
  color: #666;
  font-size: 1.0em;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #FFF; }

.plan-wrap.selected .plan-list ul li {
  padding: 10px;
  color: #666;
  font-size: 1.1em; }

.plan-wrap.selected .plan-list ul li.highlighted {
  color: #000; }

.plan-list ul li.highlighted {
  color: #000;
  font-weight: bold; }

.plan-wrap .plan-btn {
  background: #f4f4f4;
  border-top: 1px solid #CCC;
  padding: 20px; }

.plan-wrap.selected .plan-btn {
  background: #fefdff;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px; }

.tool-tip {
  color: #FFF;
  padding: 10px 10px 10px 20px;
  width: 173px;
  height: 185px;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background: url("/static/images/marketing/plans-tool-tip.png") no-repeat;
  z-index: 501; }

.confirm-pass {
  display: none; }

.question {
  color: #333; }

.questions .que-col {
  float: left;
  width: 452px;
  margin: 0 20px 0 20px; }

.questions h2 {
  color: #333;
  font-size: 3.5em;
  text-align: center;
  margin: 40px 0 20px 0; }

.questions p.question {
  font-size: 1.2em;
  margin: 0 0 10px 0; }

.questions p.answer {
  margin: 0 0 10px 0;
  font-size: 1em;
  color: #666; }

/* END plans page */
.scorecard {
  margin: 0 0 20px;
  text-align: center;
  float: left;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }
  .scorecard .insight-stats .no-data {
    text-align: center;
    font-size: 15px; }
  .scorecard li, .scorecard div.card {
    display: block;
    zoom: 1;
    float: left;
    text-align: left;
    width: 218px;
    height: 108px;
    padding: 10px;
    margin: 0 24px 0 0;
    box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
    background: #ffffff;
    border: none;
    border-radius: 4px; }
    .scorecard li ul li, .scorecard div.card ul li {
      display: inline-block;
      zoom: 1;
      text-align: left;
      width: 216px;
      height: 108px;
      padding: 0;
      border: none;
      margin: 0;
      box-shadow: none;
      background: transparent; }
    .scorecard li.last, .scorecard div.card.last {
      margin: 0; }
    .scorecard li.current, .scorecard div.card.current {
      background: linear-gradient(top, #ffffff 0%, #e0f3fa 100%); }
    .scorecard li .link-clicks-header, .scorecard div.card .link-clicks-header {
      border-bottom: 1px solid #eee;
      margin-bottom: 10px;
      padding: 4px 0 5px 0;
      float: left;
      width: 100%; }
      .scorecard li .link-clicks-header .link-clicks-title, .scorecard div.card .link-clicks-header .link-clicks-title {
        font-size: 14px;
        float: left;
        padding-bottom: 2px;
        font-weight: bold; }
    .scorecard li h4, .scorecard div.card h4 {
      margin: 0 0 10px;
      font-size: 15px;
      font-weight: 400;
      color: #0a0e12; }
      .scorecard li h4 span, .scorecard div.card h4 span {
        font-weight: 300;
        font-size: 14px; }
    .scorecard li h2, .scorecard div.card h2 {
      line-height: 11px;
      margin: 0 0 10px;
      font-size: 24px;
      font-weight: 300;
      color: rgba(20, 27, 36, 0.8); }
      .scorecard li h2 .stat, .scorecard div.card h2 .stat {
        color: #0a0e12; }
    .scorecard li .score, .scorecard div.card .score {
      font-size: 28px;
      font-weight: bold; }
    .scorecard li.current, .scorecard div.card.current {
      border-color: #999; }
    .scorecard li p.stats, .scorecard div.card p.stats {
      margin: 0 0 10px 0;
      color: rgba(20, 27, 36, 0.8); }
      .scorecard li p.stats .stat, .scorecard div.card p.stats .stat {
        color: #0a0e12; }
    .scorecard li.queue-scorecard .queue-box, .scorecard div.card.queue-scorecard .queue-box {
      border-radius: 4px;
      text-align: left;
      float: left;
      padding: 5px;
      width: 52px;
      font-size: 11px;
      margin: 0 8px 10px 0;
      border: none;
      background: #f3f4f5;
      color: rgba(20, 27, 36, 0.8); }
      .scorecard li.queue-scorecard .queue-box span, .scorecard div.card.queue-scorecard .queue-box span {
        font-size: 13px;
        width: 100%;
        display: block; }

.scorecard li:hover, .report-nav li.current {
  border-color: #999; }

.report_base_index ul.scorecard li, .report_dashboard ul.scorecard li {
  height: auto; }

.stat-view-report a {
  color: #000; }
.stat-view-report a.selected {
  color: #795AA6; }

.incomplete-dash {
  display: none; }

.incomplete-dash .att-score {
  padding: 10px; }
  .incomplete-dash .att-score .left-col {
    float: left;
    width: 50%; }
  .incomplete-dash .att-score .right-col {
    float: left;
    width: 50%; }
    .incomplete-dash .att-score .right-col .att-score-box {
      float: left;
      width: 50%;
      background: #e0f3f9; }

.dash-nav li.incomplete-dash {
  display: none; }

.incomplete-dash .btn {
  width: 160px; }

.draft-board {
  box-shadow: 0px 0px 100px #000;
  border-radius: 0 0 5px 5px;
  z-index: 2001;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #FFF;
  width: 1000px;
  padding: 20px; }
  .draft-board .fb-arrows {
    margin: 5px 0 0 18px; }
  .draft-board .count {
    background: url(/static/images/app/social-icons-sprite.png) no-repeat;
    height: 15px;
    padding: 0 0 0 20px;
    float: right;
    margin: 8px 0 0 0; }
    .draft-board .count.twitter-count {
      background-position: 0 -33px; }
    .draft-board .count.warn {
      color: #5C0002; }
    .draft-board .count.superwarn {
      color: #D40D12; }
    .draft-board .count.facebook-count {
      background-position: 0 0; }
  .draft-board h3 {
    float: left;
    margin: 0 0 10px 0; }
  .draft-board input, .draft-board textarea {
    background: whitesmoke;
    width: 990px;
    margin: 0 0 10px 0;
    padding: 5px;
    border: 1px solid #CCC; }
  .draft-board input#draft_twitter_count, .draft-board input#draft_facebook_count {
    border: none;
    background: #FFF;
    float: right;
    width: 50px;
    margin: 0;
    padding: 0;
    text-alight: right; }
  .draft-board .draft-btn-container {
    margin: 10px 0 0 0; }
  .draft-board textarea#draft_message {
    min-height: 300px; }
  .draft-board .draft-facebook-wrap {
    margin: 15px 0 0 0; }
    .draft-board .draft-facebook-wrap .draft-facebook-image-wrap {
      padding: 5px;
      border: 1px solid #CCC;
      float: left; }
    .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap {
      margin: 0 0 0 122px; }
      .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap p {
        margin-bottom: 10px; }
      .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap textarea, .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap input {
        width: 869px; }
      .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap textarea#draft_facebook_message {
        min-height: 100px; }
      .draft-board .draft-facebook-wrap .draft-facebook-meta-wrap input#draft_facebook_link {
        border: none;
        background: #FFF; }

.generic-modal {
  z-index: 5000;
  font-family: 'PT Sans', sans-serif;
  background: transparent;
  z-index: 5000;
  border: 5px solid rgba(0, 0, 0, 0.3);
  width: 460px; }
  .generic-modal .generic-modal-container {
    background: #eaecee;
    padding: 20px; }
    .generic-modal .generic-modal-container p {
      color: #626b78;
      font-size: 14px; }
    .generic-modal .generic-modal-container .modal-header {
      margin: 0 0 10px 0;
      padding: 0; }
      .generic-modal .generic-modal-container .modal-header h3 {
        font-weight: 600;
        font-size: 20px;
        margin: 0 0 5px;
        line-height: 20px; }
    .generic-modal .generic-modal-container .button-container {
      float: left;
      margin-top: 10px; }

#feed_targeting_modal.page-interest-targeting-modal {
  max-height: 80%;
  background: #eaecee;
  overflow: auto; }

#delete_saved_targeting_spec {
  margin-left: 50px;
  color: #74438d;
  display: none; }

#twitter-media-modal, #slideshowModal, #videoModal, #targeting_modal, #feed_targeting_modal, #twitter_targeting_modal, #sponsorModal, #linkOwnershipModal, #crosspostVideoModal {
  z-index: 5000;
  font-family: 'PT Sans', sans-serif;
  background: transparent;
  z-index: 5000;
  border: 5px solid rgba(0, 0, 0, 0.3);
  width: 470px;
  max-height: 600px;
  overflow-y: auto; }
  #twitter-media-modal .target-board, #slideshowModal .target-board, #videoModal .target-board, #targeting_modal .target-board, #feed_targeting_modal .target-board, #twitter_targeting_modal .target-board, #sponsorModal .target-board, #linkOwnershipModal .target-board, #crosspostVideoModal .target-board {
    background: #eaecee;
    padding: 20px; }
    #twitter-media-modal .target-board #meta_tab, #twitter-media-modal .target-board #monetization_tab, #twitter-media-modal .target-board #targeting_tab, #twitter-media-modal .target-board #news_feed_targeting_tab, #slideshowModal .target-board #meta_tab, #slideshowModal .target-board #monetization_tab, #slideshowModal .target-board #targeting_tab, #slideshowModal .target-board #news_feed_targeting_tab, #videoModal .target-board #meta_tab, #videoModal .target-board #monetization_tab, #videoModal .target-board #targeting_tab, #videoModal .target-board #news_feed_targeting_tab, #targeting_modal .target-board #meta_tab, #targeting_modal .target-board #monetization_tab, #targeting_modal .target-board #targeting_tab, #targeting_modal .target-board #news_feed_targeting_tab, #feed_targeting_modal .target-board #meta_tab, #feed_targeting_modal .target-board #monetization_tab, #feed_targeting_modal .target-board #targeting_tab, #feed_targeting_modal .target-board #news_feed_targeting_tab, #twitter_targeting_modal .target-board #meta_tab, #twitter_targeting_modal .target-board #monetization_tab, #twitter_targeting_modal .target-board #targeting_tab, #twitter_targeting_modal .target-board #news_feed_targeting_tab, #sponsorModal .target-board #meta_tab, #sponsorModal .target-board #monetization_tab, #sponsorModal .target-board #targeting_tab, #sponsorModal .target-board #news_feed_targeting_tab, #linkOwnershipModal .target-board #meta_tab, #linkOwnershipModal .target-board #monetization_tab, #linkOwnershipModal .target-board #targeting_tab, #linkOwnershipModal .target-board #news_feed_targeting_tab, #crosspostVideoModal .target-board #meta_tab, #crosspostVideoModal .target-board #monetization_tab, #crosspostVideoModal .target-board #targeting_tab, #crosspostVideoModal .target-board #news_feed_targeting_tab {
      outline: none;
      background-color: #eaecee; }
    #twitter-media-modal .target-board #myTabs li:not(.active), #slideshowModal .target-board #myTabs li:not(.active), #videoModal .target-board #myTabs li:not(.active), #targeting_modal .target-board #myTabs li:not(.active), #feed_targeting_modal .target-board #myTabs li:not(.active), #twitter_targeting_modal .target-board #myTabs li:not(.active), #sponsorModal .target-board #myTabs li:not(.active), #linkOwnershipModal .target-board #myTabs li:not(.active), #crosspostVideoModal .target-board #myTabs li:not(.active) {
      opacity: 0.5; }
    #twitter-media-modal .target-board .relevant-until-controls, #twitter-media-modal .target-board .fb-interest-controls, #twitter-media-modal .target-board .sponsor-controls, #slideshowModal .target-board .relevant-until-controls, #slideshowModal .target-board .fb-interest-controls, #slideshowModal .target-board .sponsor-controls, #videoModal .target-board .relevant-until-controls, #videoModal .target-board .fb-interest-controls, #videoModal .target-board .sponsor-controls, #targeting_modal .target-board .relevant-until-controls, #targeting_modal .target-board .fb-interest-controls, #targeting_modal .target-board .sponsor-controls, #feed_targeting_modal .target-board .relevant-until-controls, #feed_targeting_modal .target-board .fb-interest-controls, #feed_targeting_modal .target-board .sponsor-controls, #twitter_targeting_modal .target-board .relevant-until-controls, #twitter_targeting_modal .target-board .fb-interest-controls, #twitter_targeting_modal .target-board .sponsor-controls, #sponsorModal .target-board .relevant-until-controls, #sponsorModal .target-board .fb-interest-controls, #sponsorModal .target-board .sponsor-controls, #linkOwnershipModal .target-board .relevant-until-controls, #linkOwnershipModal .target-board .fb-interest-controls, #linkOwnershipModal .target-board .sponsor-controls, #crosspostVideoModal .target-board .relevant-until-controls, #crosspostVideoModal .target-board .fb-interest-controls, #crosspostVideoModal .target-board .sponsor-controls {
      padding-bottom: 0px !important; }
    #twitter-media-modal .target-board .facebook-interests, #twitter-media-modal .target-board .sponsors-list, #slideshowModal .target-board .facebook-interests, #slideshowModal .target-board .sponsors-list, #videoModal .target-board .facebook-interests, #videoModal .target-board .sponsors-list, #targeting_modal .target-board .facebook-interests, #targeting_modal .target-board .sponsors-list, #feed_targeting_modal .target-board .facebook-interests, #feed_targeting_modal .target-board .sponsors-list, #twitter_targeting_modal .target-board .facebook-interests, #twitter_targeting_modal .target-board .sponsors-list, #sponsorModal .target-board .facebook-interests, #sponsorModal .target-board .sponsors-list, #linkOwnershipModal .target-board .facebook-interests, #linkOwnershipModal .target-board .sponsors-list, #crosspostVideoModal .target-board .facebook-interests, #crosspostVideoModal .target-board .sponsors-list {
      max-height: 50px;
      overflow-y: auto; }
    #twitter-media-modal .target-board .facebook-interests-header, #twitter-media-modal .target-board .sponsors-header, #slideshowModal .target-board .facebook-interests-header, #slideshowModal .target-board .sponsors-header, #videoModal .target-board .facebook-interests-header, #videoModal .target-board .sponsors-header, #targeting_modal .target-board .facebook-interests-header, #targeting_modal .target-board .sponsors-header, #feed_targeting_modal .target-board .facebook-interests-header, #feed_targeting_modal .target-board .sponsors-header, #twitter_targeting_modal .target-board .facebook-interests-header, #twitter_targeting_modal .target-board .sponsors-header, #sponsorModal .target-board .facebook-interests-header, #sponsorModal .target-board .sponsors-header, #linkOwnershipModal .target-board .facebook-interests-header, #linkOwnershipModal .target-board .sponsors-header, #crosspostVideoModal .target-board .facebook-interests-header, #crosspostVideoModal .target-board .sponsors-header {
      display: none;
      margin-bottom: 5px; }
    #twitter-media-modal .target-board .relevant-until-input,
    #twitter-media-modal .target-board .fb-interest-input,
    #twitter-media-modal .target-board .fb-page-input, #slideshowModal .target-board .relevant-until-input,
    #slideshowModal .target-board .fb-interest-input,
    #slideshowModal .target-board .fb-page-input, #videoModal .target-board .relevant-until-input,
    #videoModal .target-board .fb-interest-input,
    #videoModal .target-board .fb-page-input, #targeting_modal .target-board .relevant-until-input,
    #targeting_modal .target-board .fb-interest-input,
    #targeting_modal .target-board .fb-page-input, #feed_targeting_modal .target-board .relevant-until-input,
    #feed_targeting_modal .target-board .fb-interest-input,
    #feed_targeting_modal .target-board .fb-page-input, #twitter_targeting_modal .target-board .relevant-until-input,
    #twitter_targeting_modal .target-board .fb-interest-input,
    #twitter_targeting_modal .target-board .fb-page-input, #sponsorModal .target-board .relevant-until-input,
    #sponsorModal .target-board .fb-interest-input,
    #sponsorModal .target-board .fb-page-input, #linkOwnershipModal .target-board .relevant-until-input,
    #linkOwnershipModal .target-board .fb-interest-input,
    #linkOwnershipModal .target-board .fb-page-input, #crosspostVideoModal .target-board .relevant-until-input,
    #crosspostVideoModal .target-board .fb-interest-input,
    #crosspostVideoModal .target-board .fb-page-input {
      padding-bottom: 4px;
      width: 380px;
      font-size: 14px;
      font-weight: normal;
      line-height: 20px; }
    #twitter-media-modal .target-board .fb-interest-box, #twitter-media-modal .target-board .sponsor-box, #slideshowModal .target-board .fb-interest-box, #slideshowModal .target-board .sponsor-box, #videoModal .target-board .fb-interest-box, #videoModal .target-board .sponsor-box, #targeting_modal .target-board .fb-interest-box, #targeting_modal .target-board .sponsor-box, #feed_targeting_modal .target-board .fb-interest-box, #feed_targeting_modal .target-board .sponsor-box, #twitter_targeting_modal .target-board .fb-interest-box, #twitter_targeting_modal .target-board .sponsor-box, #sponsorModal .target-board .fb-interest-box, #sponsorModal .target-board .sponsor-box, #linkOwnershipModal .target-board .fb-interest-box, #linkOwnershipModal .target-board .sponsor-box, #crosspostVideoModal .target-board .fb-interest-box, #crosspostVideoModal .target-board .sponsor-box {
      background: #ececec;
      border: 1px solid #aaaaaa;
      border-radius: 2px;
      color: #3c3c3d;
      cursor: default;
      display: block;
      float: left;
      height: 16px;
      margin: 0 4px 4px 0;
      padding: 2px 3px 0 3px;
      position: relative;
      white-space: nowrap; }
    #twitter-media-modal .target-board .fb-interest-box .remove, #twitter-media-modal .target-board .sponsor-box .remove, #slideshowModal .target-board .fb-interest-box .remove, #slideshowModal .target-board .sponsor-box .remove, #videoModal .target-board .fb-interest-box .remove, #videoModal .target-board .sponsor-box .remove, #targeting_modal .target-board .fb-interest-box .remove, #targeting_modal .target-board .sponsor-box .remove, #feed_targeting_modal .target-board .fb-interest-box .remove, #feed_targeting_modal .target-board .sponsor-box .remove, #twitter_targeting_modal .target-board .fb-interest-box .remove, #twitter_targeting_modal .target-board .sponsor-box .remove, #sponsorModal .target-board .fb-interest-box .remove, #sponsorModal .target-board .sponsor-box .remove, #linkOwnershipModal .target-board .fb-interest-box .remove, #linkOwnershipModal .target-board .sponsor-box .remove, #crosspostVideoModal .target-board .fb-interest-box .remove, #crosspostVideoModal .target-board .sponsor-box .remove {
      left: 1px;
      margin: 0;
      outline: none;
      position: relative;
      font-size: 0.7em; }
    #twitter-media-modal .target-board .fb-interest-box a, #twitter-media-modal .target-board .sponsor-box a, #slideshowModal .target-board .fb-interest-box a, #slideshowModal .target-board .sponsor-box a, #videoModal .target-board .fb-interest-box a, #videoModal .target-board .sponsor-box a, #targeting_modal .target-board .fb-interest-box a, #targeting_modal .target-board .sponsor-box a, #feed_targeting_modal .target-board .fb-interest-box a, #feed_targeting_modal .target-board .sponsor-box a, #twitter_targeting_modal .target-board .fb-interest-box a, #twitter_targeting_modal .target-board .sponsor-box a, #sponsorModal .target-board .fb-interest-box a, #sponsorModal .target-board .sponsor-box a, #linkOwnershipModal .target-board .fb-interest-box a, #linkOwnershipModal .target-board .sponsor-box a, #crosspostVideoModal .target-board .fb-interest-box a, #crosspostVideoModal .target-board .sponsor-box a {
      text-decoration: none;
      outline: 0;
      color: #dcdcdc; }
    #twitter-media-modal .target-board .fb-interest-box a:hover, #twitter-media-modal .target-board .sponsor-box a:hover, #slideshowModal .target-board .fb-interest-box a:hover, #slideshowModal .target-board .sponsor-box a:hover, #videoModal .target-board .fb-interest-box a:hover, #videoModal .target-board .sponsor-box a:hover, #targeting_modal .target-board .fb-interest-box a:hover, #targeting_modal .target-board .sponsor-box a:hover, #feed_targeting_modal .target-board .fb-interest-box a:hover, #feed_targeting_modal .target-board .sponsor-box a:hover, #twitter_targeting_modal .target-board .fb-interest-box a:hover, #twitter_targeting_modal .target-board .sponsor-box a:hover, #sponsorModal .target-board .fb-interest-box a:hover, #sponsorModal .target-board .sponsor-box a:hover, #linkOwnershipModal .target-board .fb-interest-box a:hover, #linkOwnershipModal .target-board .sponsor-box a:hover, #crosspostVideoModal .target-board .fb-interest-box a:hover, #crosspostVideoModal .target-board .sponsor-box a:hover {
      color: #2e2e2e;
      text-decoration: none;
      outline: 0; }
    #twitter-media-modal .target-board p, #slideshowModal .target-board p, #videoModal .target-board p, #targeting_modal .target-board p, #feed_targeting_modal .target-board p, #twitter_targeting_modal .target-board p, #sponsorModal .target-board p, #linkOwnershipModal .target-board p, #crosspostVideoModal .target-board p {
      color: #626b78;
      font-size: 14px; }
      #twitter-media-modal .target-board p.error, #slideshowModal .target-board p.error, #videoModal .target-board p.error, #targeting_modal .target-board p.error, #feed_targeting_modal .target-board p.error, #twitter_targeting_modal .target-board p.error, #sponsorModal .target-board p.error, #linkOwnershipModal .target-board p.error, #crosspostVideoModal .target-board p.error {
        color: #e9322d; }
    #twitter-media-modal .target-board h3, #slideshowModal .target-board h3, #videoModal .target-board h3, #targeting_modal .target-board h3, #feed_targeting_modal .target-board h3, #twitter_targeting_modal .target-board h3, #sponsorModal .target-board h3, #linkOwnershipModal .target-board h3, #crosspostVideoModal .target-board h3 {
      margin: 0 0 5px;
      font-size: 17px;
      line-height: 25px; }
    #twitter-media-modal .target-board .target-header, #slideshowModal .target-board .target-header, #videoModal .target-board .target-header, #targeting_modal .target-board .target-header, #feed_targeting_modal .target-board .target-header, #twitter_targeting_modal .target-board .target-header, #sponsorModal .target-board .target-header, #linkOwnershipModal .target-board .target-header, #crosspostVideoModal .target-board .target-header {
      margin: 0 0 10px 0; }
      #twitter-media-modal .target-board .target-header h3, #slideshowModal .target-board .target-header h3, #videoModal .target-board .target-header h3, #targeting_modal .target-board .target-header h3, #feed_targeting_modal .target-board .target-header h3, #twitter_targeting_modal .target-board .target-header h3, #sponsorModal .target-board .target-header h3, #linkOwnershipModal .target-board .target-header h3, #crosspostVideoModal .target-board .target-header h3 {
        font-weight: 600;
        font-size: 20px;
        line-height: 20px; }
      #twitter-media-modal .target-board .target-header p.linked-in-warning, #slideshowModal .target-board .target-header p.linked-in-warning, #videoModal .target-board .target-header p.linked-in-warning, #targeting_modal .target-board .target-header p.linked-in-warning, #feed_targeting_modal .target-board .target-header p.linked-in-warning, #twitter_targeting_modal .target-board .target-header p.linked-in-warning, #sponsorModal .target-board .target-header p.linked-in-warning, #linkOwnershipModal .target-board .target-header p.linked-in-warning, #crosspostVideoModal .target-board .target-header p.linked-in-warning {
        margin-top: 10px; }
    #twitter-media-modal .target-board .form-container, #slideshowModal .target-board .form-container, #videoModal .target-board .form-container, #targeting_modal .target-board .form-container, #feed_targeting_modal .target-board .form-container, #twitter_targeting_modal .target-board .form-container, #sponsorModal .target-board .form-container, #linkOwnershipModal .target-board .form-container, #crosspostVideoModal .target-board .form-container {
      float: left;
      background: #bfc4ca;
      color: #363636;
      border-radius: 4px;
      font-size: 13px;
      width: 100%; }
    #twitter-media-modal .target-board .target-saved-container, #slideshowModal .target-board .target-saved-container, #videoModal .target-board .target-saved-container, #targeting_modal .target-board .target-saved-container, #feed_targeting_modal .target-board .target-saved-container, #twitter_targeting_modal .target-board .target-saved-container, #sponsorModal .target-board .target-saved-container, #linkOwnershipModal .target-board .target-saved-container, #crosspostVideoModal .target-board .target-saved-container {
      margin-bottom: 10px; }
    #twitter-media-modal .target-board select, #slideshowModal .target-board select, #videoModal .target-board select, #targeting_modal .target-board select, #feed_targeting_modal .target-board select, #twitter_targeting_modal .target-board select, #sponsorModal .target-board select, #linkOwnershipModal .target-board select, #crosspostVideoModal .target-board select {
      width: 400px; }
    #twitter-media-modal .target-board .target-board-or, #slideshowModal .target-board .target-board-or, #videoModal .target-board .target-board-or, #targeting_modal .target-board .target-board-or, #feed_targeting_modal .target-board .target-board-or, #twitter_targeting_modal .target-board .target-board-or, #sponsorModal .target-board .target-board-or, #linkOwnershipModal .target-board .target-board-or, #crosspostVideoModal .target-board .target-board-or {
      width: 40px;
      margin: 0 auto;
      padding: 0 15px 0 0; }
    #twitter-media-modal .target-board .control-group, #slideshowModal .target-board .control-group, #videoModal .target-board .control-group, #targeting_modal .target-board .control-group, #feed_targeting_modal .target-board .control-group, #twitter_targeting_modal .target-board .control-group, #sponsorModal .target-board .control-group, #linkOwnershipModal .target-board .control-group, #crosspostVideoModal .target-board .control-group {
      float: left;
      width: 100%;
      margin: 0;
      border-top: 1px solid #FFF; }
      #twitter-media-modal .target-board .control-group:first-child, #slideshowModal .target-board .control-group:first-child, #videoModal .target-board .control-group:first-child, #targeting_modal .target-board .control-group:first-child, #feed_targeting_modal .target-board .control-group:first-child, #twitter_targeting_modal .target-board .control-group:first-child, #sponsorModal .target-board .control-group:first-child, #linkOwnershipModal .target-board .control-group:first-child, #crosspostVideoModal .target-board .control-group:first-child {
        border-top: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      #twitter-media-modal .target-board .control-group:last-child, #slideshowModal .target-board .control-group:last-child, #videoModal .target-board .control-group:last-child, #targeting_modal .target-board .control-group:last-child, #feed_targeting_modal .target-board .control-group:last-child, #twitter_targeting_modal .target-board .control-group:last-child, #sponsorModal .target-board .control-group:last-child, #linkOwnershipModal .target-board .control-group:last-child, #crosspostVideoModal .target-board .control-group:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        #twitter-media-modal .target-board .control-group:last-child .controls, #slideshowModal .target-board .control-group:last-child .controls, #videoModal .target-board .control-group:last-child .controls, #targeting_modal .target-board .control-group:last-child .controls, #feed_targeting_modal .target-board .control-group:last-child .controls, #twitter_targeting_modal .target-board .control-group:last-child .controls, #sponsorModal .target-board .control-group:last-child .controls, #linkOwnershipModal .target-board .control-group:last-child .controls, #crosspostVideoModal .target-board .control-group:last-child .controls {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
      #twitter-media-modal .target-board .control-group .sec-toggle-btn, #twitter-media-modal .target-board .control-group .video-tags-toggle, #slideshowModal .target-board .control-group .sec-toggle-btn, #slideshowModal .target-board .control-group .video-tags-toggle, #videoModal .target-board .control-group .sec-toggle-btn, #videoModal .target-board .control-group .video-tags-toggle, #targeting_modal .target-board .control-group .sec-toggle-btn, #targeting_modal .target-board .control-group .video-tags-toggle, #feed_targeting_modal .target-board .control-group .sec-toggle-btn, #feed_targeting_modal .target-board .control-group .video-tags-toggle, #twitter_targeting_modal .target-board .control-group .sec-toggle-btn, #twitter_targeting_modal .target-board .control-group .video-tags-toggle, #sponsorModal .target-board .control-group .sec-toggle-btn, #sponsorModal .target-board .control-group .video-tags-toggle, #linkOwnershipModal .target-board .control-group .sec-toggle-btn, #linkOwnershipModal .target-board .control-group .video-tags-toggle, #crosspostVideoModal .target-board .control-group .sec-toggle-btn, #crosspostVideoModal .target-board .control-group .video-tags-toggle {
        border-radius: 4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 10px;
        float: left;
        cursor: pointer; }
        #twitter-media-modal .target-board .control-group .sec-toggle-btn:hover, #twitter-media-modal .target-board .control-group .video-tags-toggle:hover, #slideshowModal .target-board .control-group .sec-toggle-btn:hover, #slideshowModal .target-board .control-group .video-tags-toggle:hover, #videoModal .target-board .control-group .sec-toggle-btn:hover, #videoModal .target-board .control-group .video-tags-toggle:hover, #targeting_modal .target-board .control-group .sec-toggle-btn:hover, #targeting_modal .target-board .control-group .video-tags-toggle:hover, #feed_targeting_modal .target-board .control-group .sec-toggle-btn:hover, #feed_targeting_modal .target-board .control-group .video-tags-toggle:hover, #twitter_targeting_modal .target-board .control-group .sec-toggle-btn:hover, #twitter_targeting_modal .target-board .control-group .video-tags-toggle:hover, #sponsorModal .target-board .control-group .sec-toggle-btn:hover, #sponsorModal .target-board .control-group .video-tags-toggle:hover, #linkOwnershipModal .target-board .control-group .sec-toggle-btn:hover, #linkOwnershipModal .target-board .control-group .video-tags-toggle:hover, #crosspostVideoModal .target-board .control-group .sec-toggle-btn:hover, #crosspostVideoModal .target-board .control-group .video-tags-toggle:hover {
          background: #aeb2b7; }
        #twitter-media-modal .target-board .control-group .sec-toggle-btn label.control-label, #twitter-media-modal .target-board .control-group .video-tags-toggle label.control-label, #slideshowModal .target-board .control-group .sec-toggle-btn label.control-label, #slideshowModal .target-board .control-group .video-tags-toggle label.control-label, #videoModal .target-board .control-group .sec-toggle-btn label.control-label, #videoModal .target-board .control-group .video-tags-toggle label.control-label, #targeting_modal .target-board .control-group .sec-toggle-btn label.control-label, #targeting_modal .target-board .control-group .video-tags-toggle label.control-label, #feed_targeting_modal .target-board .control-group .sec-toggle-btn label.control-label, #feed_targeting_modal .target-board .control-group .video-tags-toggle label.control-label, #twitter_targeting_modal .target-board .control-group .sec-toggle-btn label.control-label, #twitter_targeting_modal .target-board .control-group .video-tags-toggle label.control-label, #sponsorModal .target-board .control-group .sec-toggle-btn label.control-label, #sponsorModal .target-board .control-group .video-tags-toggle label.control-label, #linkOwnershipModal .target-board .control-group .sec-toggle-btn label.control-label, #linkOwnershipModal .target-board .control-group .video-tags-toggle label.control-label, #crosspostVideoModal .target-board .control-group .sec-toggle-btn label.control-label, #crosspostVideoModal .target-board .control-group .video-tags-toggle label.control-label {
          margin: 0; }
        #twitter-media-modal .target-board .control-group .sec-toggle-btn p, #twitter-media-modal .target-board .control-group .video-tags-toggle p, #slideshowModal .target-board .control-group .sec-toggle-btn p, #slideshowModal .target-board .control-group .video-tags-toggle p, #videoModal .target-board .control-group .sec-toggle-btn p, #videoModal .target-board .control-group .video-tags-toggle p, #targeting_modal .target-board .control-group .sec-toggle-btn p, #targeting_modal .target-board .control-group .video-tags-toggle p, #feed_targeting_modal .target-board .control-group .sec-toggle-btn p, #feed_targeting_modal .target-board .control-group .video-tags-toggle p, #twitter_targeting_modal .target-board .control-group .sec-toggle-btn p, #twitter_targeting_modal .target-board .control-group .video-tags-toggle p, #sponsorModal .target-board .control-group .sec-toggle-btn p, #sponsorModal .target-board .control-group .video-tags-toggle p, #linkOwnershipModal .target-board .control-group .sec-toggle-btn p, #linkOwnershipModal .target-board .control-group .video-tags-toggle p, #crosspostVideoModal .target-board .control-group .sec-toggle-btn p, #crosspostVideoModal .target-board .control-group .video-tags-toggle p {
          float: right;
          width: 260px;
          text-align: right; }
      #twitter-media-modal .target-board .control-group .controls, #slideshowModal .target-board .control-group .controls, #videoModal .target-board .control-group .controls, #targeting_modal .target-board .control-group .controls, #feed_targeting_modal .target-board .control-group .controls, #twitter_targeting_modal .target-board .control-group .controls, #sponsorModal .target-board .control-group .controls, #linkOwnershipModal .target-board .control-group .controls, #crosspostVideoModal .target-board .control-group .controls {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 10px;
        float: left;
        width: 100%;
        background: #FFF; }
        #twitter-media-modal .target-board .control-group .controls .chzn-select, #slideshowModal .target-board .control-group .controls .chzn-select, #videoModal .target-board .control-group .controls .chzn-select, #targeting_modal .target-board .control-group .controls .chzn-select, #feed_targeting_modal .target-board .control-group .controls .chzn-select, #twitter_targeting_modal .target-board .control-group .controls .chzn-select, #sponsorModal .target-board .control-group .controls .chzn-select, #linkOwnershipModal .target-board .control-group .controls .chzn-select, #crosspostVideoModal .target-board .control-group .controls .chzn-select {
          margin-bottom: 10px; }
        #twitter-media-modal .target-board .control-group .controls .age-select, #slideshowModal .target-board .control-group .controls .age-select, #videoModal .target-board .control-group .controls .age-select, #targeting_modal .target-board .control-group .controls .age-select, #feed_targeting_modal .target-board .control-group .controls .age-select, #twitter_targeting_modal .target-board .control-group .controls .age-select, #sponsorModal .target-board .control-group .controls .age-select, #linkOwnershipModal .target-board .control-group .controls .age-select, #crosspostVideoModal .target-board .control-group .controls .age-select {
          width: 180px; }
        #twitter-media-modal .target-board .control-group .controls .college-year-select, #slideshowModal .target-board .control-group .controls .college-year-select, #videoModal .target-board .control-group .controls .college-year-select, #targeting_modal .target-board .control-group .controls .college-year-select, #feed_targeting_modal .target-board .control-group .controls .college-year-select, #twitter_targeting_modal .target-board .control-group .controls .college-year-select, #sponsorModal .target-board .control-group .controls .college-year-select, #linkOwnershipModal .target-board .control-group .controls .college-year-select, #crosspostVideoModal .target-board .control-group .controls .college-year-select {
          width: 115px; }
        #twitter-media-modal .target-board .control-group .controls #countries_chzn,
        #twitter-media-modal .target-board .control-group .controls #regions_chzn,
        #twitter-media-modal .target-board .control-group .controls #college_networks_chzn,
        #twitter-media-modal .target-board .control-group .controls #education_statuses_select_chzn,
        #twitter-media-modal .target-board .control-group .controls #college_majors_chzn, #slideshowModal .target-board .control-group .controls #countries_chzn,
        #slideshowModal .target-board .control-group .controls #regions_chzn,
        #slideshowModal .target-board .control-group .controls #college_networks_chzn,
        #slideshowModal .target-board .control-group .controls #education_statuses_select_chzn,
        #slideshowModal .target-board .control-group .controls #college_majors_chzn, #videoModal .target-board .control-group .controls #countries_chzn,
        #videoModal .target-board .control-group .controls #regions_chzn,
        #videoModal .target-board .control-group .controls #college_networks_chzn,
        #videoModal .target-board .control-group .controls #education_statuses_select_chzn,
        #videoModal .target-board .control-group .controls #college_majors_chzn, #targeting_modal .target-board .control-group .controls #countries_chzn,
        #targeting_modal .target-board .control-group .controls #regions_chzn,
        #targeting_modal .target-board .control-group .controls #college_networks_chzn,
        #targeting_modal .target-board .control-group .controls #education_statuses_select_chzn,
        #targeting_modal .target-board .control-group .controls #college_majors_chzn, #feed_targeting_modal .target-board .control-group .controls #countries_chzn,
        #feed_targeting_modal .target-board .control-group .controls #regions_chzn,
        #feed_targeting_modal .target-board .control-group .controls #college_networks_chzn,
        #feed_targeting_modal .target-board .control-group .controls #education_statuses_select_chzn,
        #feed_targeting_modal .target-board .control-group .controls #college_majors_chzn, #twitter_targeting_modal .target-board .control-group .controls #countries_chzn,
        #twitter_targeting_modal .target-board .control-group .controls #regions_chzn,
        #twitter_targeting_modal .target-board .control-group .controls #college_networks_chzn,
        #twitter_targeting_modal .target-board .control-group .controls #education_statuses_select_chzn,
        #twitter_targeting_modal .target-board .control-group .controls #college_majors_chzn, #sponsorModal .target-board .control-group .controls #countries_chzn,
        #sponsorModal .target-board .control-group .controls #regions_chzn,
        #sponsorModal .target-board .control-group .controls #college_networks_chzn,
        #sponsorModal .target-board .control-group .controls #education_statuses_select_chzn,
        #sponsorModal .target-board .control-group .controls #college_majors_chzn, #linkOwnershipModal .target-board .control-group .controls #countries_chzn,
        #linkOwnershipModal .target-board .control-group .controls #regions_chzn,
        #linkOwnershipModal .target-board .control-group .controls #college_networks_chzn,
        #linkOwnershipModal .target-board .control-group .controls #education_statuses_select_chzn,
        #linkOwnershipModal .target-board .control-group .controls #college_majors_chzn, #crosspostVideoModal .target-board .control-group .controls #countries_chzn,
        #crosspostVideoModal .target-board .control-group .controls #regions_chzn,
        #crosspostVideoModal .target-board .control-group .controls #college_networks_chzn,
        #crosspostVideoModal .target-board .control-group .controls #education_statuses_select_chzn,
        #crosspostVideoModal .target-board .control-group .controls #college_majors_chzn {
          margin-bottom: 10px; }
        #twitter-media-modal .target-board .control-group .controls #all_grad_years, #slideshowModal .target-board .control-group .controls #all_grad_years, #videoModal .target-board .control-group .controls #all_grad_years, #targeting_modal .target-board .control-group .controls #all_grad_years, #feed_targeting_modal .target-board .control-group .controls #all_grad_years, #twitter_targeting_modal .target-board .control-group .controls #all_grad_years, #sponsorModal .target-board .control-group .controls #all_grad_years, #linkOwnershipModal .target-board .control-group .controls #all_grad_years, #crosspostVideoModal .target-board .control-group .controls #all_grad_years {
          margin: -2px 2px 0 10px; }
    #twitter-media-modal .target-board .target-button-container, #slideshowModal .target-board .target-button-container, #videoModal .target-board .target-button-container, #targeting_modal .target-board .target-button-container, #feed_targeting_modal .target-board .target-button-container, #twitter_targeting_modal .target-board .target-button-container, #sponsorModal .target-board .target-button-container, #linkOwnershipModal .target-board .target-button-container, #crosspostVideoModal .target-board .target-button-container {
      float: left;
      margin-top: 10px;
      margin-bottom: 10px; }
    #twitter-media-modal .target-board .hidden-group, #slideshowModal .target-board .hidden-group, #videoModal .target-board .hidden-group, #targeting_modal .target-board .hidden-group, #feed_targeting_modal .target-board .hidden-group, #twitter_targeting_modal .target-board .hidden-group, #sponsorModal .target-board .hidden-group, #linkOwnershipModal .target-board .hidden-group, #crosspostVideoModal .target-board .hidden-group {
      border-top: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      width: 100%;
      float: left;
      margin: 0 0 10px 0;
      padding: 20px 0 0 0;
      background: #EEE; }
      #twitter-media-modal .target-board .hidden-group .hidden-group, #slideshowModal .target-board .hidden-group .hidden-group, #videoModal .target-board .hidden-group .hidden-group, #targeting_modal .target-board .hidden-group .hidden-group, #feed_targeting_modal .target-board .hidden-group .hidden-group, #twitter_targeting_modal .target-board .hidden-group .hidden-group, #sponsorModal .target-board .hidden-group .hidden-group, #linkOwnershipModal .target-board .hidden-group .hidden-group, #crosspostVideoModal .target-board .hidden-group .hidden-group {
        border-top: none;
        border-bottom: none;
        margin: 0;
        padding: 0; }
    #twitter-media-modal .target-board .target-save-row, #slideshowModal .target-board .target-save-row, #videoModal .target-board .target-save-row, #targeting_modal .target-board .target-save-row, #feed_targeting_modal .target-board .target-save-row, #twitter_targeting_modal .target-board .target-save-row, #sponsorModal .target-board .target-save-row, #linkOwnershipModal .target-board .target-save-row, #crosspostVideoModal .target-board .target-save-row {
      margin-top: 10px; }
    #twitter-media-modal .target-board .target-save-container:hover, #slideshowModal .target-board .target-save-container:hover, #videoModal .target-board .target-save-container:hover, #targeting_modal .target-board .target-save-container:hover, #feed_targeting_modal .target-board .target-save-container:hover, #twitter_targeting_modal .target-board .target-save-container:hover, #sponsorModal .target-board .target-save-container:hover, #linkOwnershipModal .target-board .target-save-container:hover, #crosspostVideoModal .target-board .target-save-container:hover {
      cursor: pointer;
      background: #ccced0; }
    #twitter-media-modal .target-board .target-btn-container, #slideshowModal .target-board .target-btn-container, #videoModal .target-board .target-btn-container, #targeting_modal .target-board .target-btn-container, #feed_targeting_modal .target-board .target-btn-container, #twitter_targeting_modal .target-board .target-btn-container, #sponsorModal .target-board .target-btn-container, #linkOwnershipModal .target-board .target-btn-container, #crosspostVideoModal .target-board .target-btn-container {
      margin: 10px 0 0 0;
      float: right; }
    #twitter-media-modal .target-board #add_video_tags #collapseVideoTags, #slideshowModal .target-board #add_video_tags #collapseVideoTags, #videoModal .target-board #add_video_tags #collapseVideoTags, #targeting_modal .target-board #add_video_tags #collapseVideoTags, #feed_targeting_modal .target-board #add_video_tags #collapseVideoTags, #twitter_targeting_modal .target-board #add_video_tags #collapseVideoTags, #sponsorModal .target-board #add_video_tags #collapseVideoTags, #linkOwnershipModal .target-board #add_video_tags #collapseVideoTags, #crosspostVideoModal .target-board #add_video_tags #collapseVideoTags {
      padding: 10px !important; }
      #twitter-media-modal .target-board #add_video_tags #collapseVideoTags input, #slideshowModal .target-board #add_video_tags #collapseVideoTags input, #videoModal .target-board #add_video_tags #collapseVideoTags input, #targeting_modal .target-board #add_video_tags #collapseVideoTags input, #feed_targeting_modal .target-board #add_video_tags #collapseVideoTags input, #twitter_targeting_modal .target-board #add_video_tags #collapseVideoTags input, #sponsorModal .target-board #add_video_tags #collapseVideoTags input, #linkOwnershipModal .target-board #add_video_tags #collapseVideoTags input, #crosspostVideoModal .target-board #add_video_tags #collapseVideoTags input {
        padding: 4px 6px; }

#videoModal .target-board div.form-container {
  width: auto !important; }

@media screen and (max-height: 600px) {
  #feed_targeting_modal {
    bottom: 0;
    overflow: auto; } }
#facebook_promote_modal .promote-modal-description {
  margin: 0 0 15px 0; }

.pn-button {
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  position: relative;
  font-family: Graphik, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji";
  font-weight: 400;
  appearance: none;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none; }

.pn-button--large {
  border-radius: 4px;
  height: 40px;
  font-size: 13px;
  line-height: 20px; }

.pn-button--large .pn-button__content {
  margin-left: 15px;
  margin-right: 15px; }

.pn-button--small {
  border-radius: 4px;
  height: 30px;
  font-size: 13px;
  line-height: 20px; }

.pn-button--small .pn-button__content {
  margin-left: 15px;
  margin-right: 15px;
  white-space: nowrap; }

.pn-button--small .pn-button__numeric-badge {
  margin-left: -3px;
  margin-right: 15px; }

.pn-button--small .pn-button__numeric-badge--after-icon {
  margin-left: 15px; }

.pn-button--secondary {
  color: #0a0e12;
  background: linear-gradient(180deg, #e1e4e6 0%, #d8dbe1 100%); }
  .pn-button--secondary:hover:not(:disabled), .pn-button--secondary:active:not(:disabled), .pn-button--secondary.active {
    background: linear-gradient(180deg, #dbe0e3 0%, #d2d5dd 100%);
    text-decoration: none; }
  .pn-button--secondary:active:not(:disabled), .pn-button--secondary.active {
    box-shadow: 0px 2px 4px rgba(28, 37, 68, 0.15) inset; }
  .pn-button--secondary:disabled {
    background: linear-gradient(180deg, #f1f2f3 0%, #edeff1 100%);
    color: rgba(20, 27, 36, 0.4); }

.pn-button--primary {
  background: linear-gradient(180deg, #5778b2 0%, #4e70ad 100%);
  color: #ffffff; }
  .pn-button--primary:hover:not(:disabled), .pn-button--primary:active:not(:disabled), .pn-button--primary.active {
    background: linear-gradient(180deg, #5271a8 0%, #4a6aa3 100%);
    text-decoration: none;
    color: #ffffff; }
  .pn-button--primary:active:not(:disabled), .pn-button--primary.active {
    box-shadow: 0px 2px 4px rgba(28, 37, 68, 0.15) inset; }
  .pn-button--primary:disabled {
    background: linear-gradient(180deg, #c3cee0 0%, #bac6db 100%); }

.pn-button--outlined {
  border-width: 1px;
  border-style: solid;
  background: transparent;
  border-color: rgba(20, 27, 36, 0.1);
  color: #0a0e12; }
  .pn-button--outlined:hover:not(:disabled), .pn-button--outlined:active:not(:disabled), .pn-button--outlined.active {
    text-decoration: none;
    border-color: rgba(20, 27, 36, 0.2); }

.pn-button--yellow-outlined {
  border-width: 1px;
  border-style: solid;
  background: transparent;
  border-color: rgba(245, 190, 108, 0.5);
  color: #0a0e12; }
  .pn-button--yellow-outlined:hover:not(:disabled), .pn-button--yellow-outlined:active:not(:disabled), .pn-button--yellow-outlined.active {
    text-decoration: none;
    border-color: rgba(245, 190, 108, 0.7); }

.pn-button__icon--before {
  margin-left: 7px;
  margin-right: -5px; }

.pn-button__icon--after {
  margin-left: -8px;
  margin-right: 5px; }

.pn-button__icon--icon-only {
  margin-left: 4px;
  margin-right: 4px; }

.pn-button--outlined .pn-button__icon {
  color: rgba(20, 27, 36, 0.4); }

.pn-button--outlined:hover .pn-button__icon {
  color: #0a0e12; }

.pn-button--primary .pn-button__icon {
  color: rgba(255, 255, 255, 0.6); }

.pn-button--primary:hover .pn-button__icon {
  color: #ffffff; }

.pn-button--yellow-outlined .pn-button__icon {
  color: #f5be6c; }

.pn-button-row {
  display: flex;
  gap: 10px; }
  .pn-button-row .pn-button {
    flex-grow: 0; }

.pn-button-row--end {
  justify-content: flex-end; }

.linkshortening_manage_links {
  background: #fbfcfc; }

.link_shortener_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

.shorten-general {
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

#link-content {
  border-top: 1px solid rgba(20, 27, 36, 0.05); }

.shorten-general h2 {
  color: #0a0e12;
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 2px; }

.shorten-general #subheader {
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: rgba(20, 27, 36, 0.8) !important; }

#shorten-created {
  width: 15%;
  padding-left: 20px;
  padding-right: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75); }

#shorten-created div,
#shorten-clicks div {
  display: inline-block;
  position: relative;
  bottom: 1px;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M10.5 13.5L8 11l.7-.7 1.3 1.3V6h1v5.6l1.3-1.3.7.7-2.5 2.5z' fill='%23141B24' fill-opacity='.4'/%3E%3C/svg%3E"); }

.shorten-date {
  padding-left: 20px !important;
  vertical-align: middle;
  color: #0a0e12;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 13px;
  border-right: 1px solid rgba(20, 27, 36, 0.05); }

.shorten-date2 {
  color: rgba(20, 27, 36, 0.8);
  font-size: 11px;
  position: relative;
  top: 6px;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }

#shorten-domain {
  width: 22%; }

.shorten-domain-text {
  font-size: 1.05em;
  vertical-align: middle;
  color: #464646;
  position: relative;
  left: 15px; }

#shorten-first {
  width: 45%; }

.shorten-clicks {
  font-size: 1.05em;
  color: #464646;
  vertical-align: middle;
  position: relative;
  bottom: 3px;
  border-left: 1px solid rgba(20, 27, 36, 0.05); }

.shorten-link-column {
  vertical-align: middle;
  width: 414px;
  max-width: 414px;
  word-wrap: break-word;
  border-left: 1px solid rgba(20, 27, 36, 0.05); }

.shorten-link {
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  width: 165px;
  color: #0a0e12;
  font-weight: 400;
  font-size: 13px;
  margin-top: 20px;
  padding: 3px;
  float: left; }

.regular-link {
  position: relative;
  line-height: 40px;
  bottom: 10px;
  height: auto;
  padding: 3px;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #325ca4; }

.regular-link:hover {
  color: #325ca4; }

.shorten-clicks a {
  background-color: #e1e1e1;
  margin-left: 60px; }

#shorten-rows {
  height: 75px; }

tr.bottom-border {
  background: #ffffff !important; }

.bottom-border {
  border-bottom: solid 1px !important;
  border-bottom-color: rgba(20, 27, 36, 0.05) !important; }

.shortened {
  background: #FFFFFF; }

.fixed-wrap__shadow {
  box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05);
  background: #ffffff; }

#shorten-main {
  -webkit-transition: height 1s;
  background: #ffffff;
  padding: 20px; }
  #shorten-main .custom-hash-toggle {
    color: #325ca4;
    position: relative;
    top: 6px; }
  #shorten-main .custom-hash-container {
    position: relative;
    top: 11px; }
    #shorten-main .custom-hash-container .tribal-shortener {
      font-size: 1.2em; }
  #shorten-main .shorten-copy {
    color: rgba(20, 27, 36, 0.8);
    margin-top: 6px; }

#shorten-field {
  width: 650px;
  color: #0a0e12;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 13px;
  background: #ffffff;
  line-height: 1.3em;
  -webkit-transition: none;
  position: relative;
  top: 5px;
  padding: 10px;
  border: 1px solid rgba(20, 27, 36, 0.1);
  box-shadow: none; }

#custom-hash-field {
  width: 425px;
  color: #000000;
  font-family: "PT Sans", sans-serif;
  font-size: 1.2em;
  background: #fff;
  line-height: 1.3em;
  -webkit-transition: none;
  position: relative;
  top: 3px;
  border: 0;
  -webkit-box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.32); }

#edit-custom-hash-field {
  width: 335px;
  color: #0a0e12;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 11px;
  background: #fff;
  -webkit-transition: none;
  margin-top: 10px;
  height: auto;
  -webkit-box-shadow: none;
  border: 1px solid rgba(20, 27, 36, 0.1); }

#shorten-field:focus {
  border: 1px solid rgba(10, 14, 18, 0.2); }

.shorten-radio label {
  margin: 0 10px 0 0; }

.shorten-select {
  margin-left: 10px;
  margin-right: 20px;
  width: auto;
  height: 40px;
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #0a0e12;
  background: transparent;
  -webkit-box-shadow: none;
  border: none; }

#shorten-sort-id {
  height: 30px;
  margin: 0 0;
  color: rgba(20, 27, 36, 0.8);
  letter-spacing: 0.713px;
  background: #ffffff;
  font-weight: 400;
  font-size: 9.5px;
  text-transform: uppercase; }

#link-content.sortable.dark tr th {
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: default;
  color: rgba(20, 27, 36, 0.8);
  letter-spacing: 0.713px;
  background: #ffffff;
  font-weight: 400;
  font-size: 9.5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(20, 27, 36, 0.05); }
  #link-content.sortable.dark tr th td, #link-content.sortable.dark tr th th {
    max-width: 50%; }

.shorten-vr {
  top: 5px;
  vertical-align: middle;
  position: relative; }

.shorten-vr .buttonText {
  position: relative;
  top: 2px;
  left: 8px; }

.shorten-compose {
  visibility: hidden; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

.linkshortening_link_detail {
  background: #fbfcfc;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }
  .linkshortening_link_detail .fixed-container .fixed-wrap > h2 {
    font-size: 18px;
    color: #0a0e12; }
  .linkshortening_link_detail .message-details-wrap {
    float: left;
    width: 1023px;
    margin: 0 0 20px 0;
    padding: 10px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 5px 15px rgba(20, 27, 36, 0.05); }
    .linkshortening_link_detail .message-details-wrap .left-container {
      float: left; }
      .linkshortening_link_detail .message-details-wrap .left-container .link_shortener_ellipsis {
        width: 500px; }
      .linkshortening_link_detail .message-details-wrap .left-container h3 {
        line-height: 25px;
        margin-top: 0;
        font-size: 15px;
        color: #0a0e12; }
      .linkshortening_link_detail .message-details-wrap .left-container h4 {
        margin: 0;
        color: rgba(20, 27, 36, 0.8);
        font-size: 13px;
        font-weight: 400; }
    .linkshortening_link_detail .message-details-wrap .right-container {
      float: right; }
    .linkshortening_link_detail .message-details-wrap .clicks-graph-header h3 {
      font-size: 15px;
      color: #0a0e12; }
    .linkshortening_link_detail .message-details-wrap .clicks-graph-header #total-clicks {
      font-size: 24px;
      font-weight: 400;
      color: #0a0e12; }

.edit-long-link-icon {
  cursor: pointer;
  margin-top: -2px; }

#shorten-save {
  top: 1px; }

.item-resend-status {
  margin: 20px 0 0 0; }
  .item-resend-status .progress-bar {
    border-radius: 8px;
    padding: 5px;
    float: left;
    width: 296px;
    margin: 0 10px 0 0;
    box-shadow: inset 0px 0px 5px #999;
    background: #FFF; }
    .item-resend-status .progress-bar .progress {
      height: 9px;
      margin: 0; }
      .item-resend-status .progress-bar .progress .bar {
        background-color: #764296; }
  .item-resend-status .progress-stat {
    background: #FFF;
    border-radius: 5px;
    padding: 3px 5px;
    box-shadow: inset 0px 0px 5px #999;
    float: left; }
    .item-resend-status .progress-stat p {
      font-size: 10px; }
      .item-resend-status .progress-stat p span {
        font-weight: 700; }
  .item-resend-status .resend-reason {
    margin: 5px 0 0 5px;
    float: left; }
    .item-resend-status .resend-reason p {
      font-size: 12px;
      color: #888;
      font-style: italic; }

.retrying .left-wrap .checkbox {
  display: none !important; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
.timeline.column .message .image-upload2 {
  width: 350px;
  background: transparent;
  border: none; }
  .timeline.column .message .image-upload2 .image-remove {
    display: none; }

.item-buttons a.btn.btn-warning {
  background: #ff8b00; }
.item-buttons a.btn-primary {
  background: #74438d; }
.item-buttons a.btn-danger {
  background: #da4f49; }
  .item-buttons a.btn-danger.promoted {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.item-buttons .high-btn-count.item-buttons-right a.drop {
  overflow: initial; }

.item-buttons .item-buttons-right a {
  margin: 0;
  float: none; }
.item-buttons .item-buttons-right a.drop {
  overflow: initial; }

.promoted.pn-button .pn-button__icon {
  display: none; }

.promoted.pn-button.circle-arrow-up-icon .pn-button__icon.circle-arrow-up-icon,
.promoted.pn-button.pause-icon .pn-button__icon.pause-icon,
.promoted.pn-button.play-icon .pn-button__icon.play-icon,
.promoted.pn-button.exclamation-sign-icon .pn-button__icon.exclamation-sign-icon,
.promoted.pn-button.scheduled .dot-marker,
.promoted.pn-button.promote-pause .dot-marker,
.promoted.pn-button.promote-unpause .dot-marker,
.promoted.pn-button.complete .dot-marker,
.promoted.pn-button.completed .dot-marker,
.promoted.pn-button.pn-button--yellow-outlined.promote-sugestion .dot-marker {
  display: block; }

.promoted.pn-button.scheduled .pn-button__icon {
  color: #f5be6c; }

.promoted.pn-button.promote-pause .dot-marker,
.promoted.pn-button.promote-unpause .dot-marker,
.promoted.pn-button.complete .dot-marker,
.promoted.pn-button.completed .dot-marker {
  color: #325ca4; }

.queue .item-buttons a:last-child {
  margin-right: 0 !important; }

#queue_filter_save_row .filter-saved-container .btn, #timeline_filter_save_row .filter-saved-container .btn {
  line-height: 25px; }
#queue_filter_save_row .filter-save-input, #timeline_filter_save_row .filter-save-input {
  clear: both; }
  #queue_filter_save_row .filter-save-input input, #timeline_filter_save_row .filter-save-input input {
    height: 21px;
    margin-right: 10px;
    font-family: "Graphik", Helvetica, Arial, sans-serif; }
#queue_filter_save_row .btn, #timeline_filter_save_row .btn {
  line-height: 26px;
  font-size: 11px;
  border: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9); }
  #queue_filter_save_row .btn.btn-primary, #timeline_filter_save_row .btn.btn-primary {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.3); }
#queue_filter_save_row .filter-save-input.in, #timeline_filter_save_row .filter-save-input.in {
  overflow: visible; }
#queue_filter_save_row .filter-save-container-container, #timeline_filter_save_row .filter-save-container-container {
  display: flex; }

.facebook-link .compose-meta-alert p {
  cursor: default; }
.facebook-link .compose-meta-alert span.more-details {
  cursor: pointer;
  text-decoration: underline; }
.facebook-link .fb-img.selected.no-img.link-ownership-no-img {
  opacity: 1; }

#linkOwnershipModal ul.invalid-owned-link-accounts {
  background: #fff;
  border: solid;
  border-width: 1px 1px 2px;
  border-color: #ccc; }
  #linkOwnershipModal ul.invalid-owned-link-accounts li {
    min-height: 32px;
    padding: 4px 10px; }
  #linkOwnershipModal ul.invalid-owned-link-accounts .facebook-page-img {
    display: inline-block;
    height: 32px;
    width: 32px; }
  #linkOwnershipModal ul.invalid-owned-link-accounts .facebook-page-text {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold; }
#linkOwnershipModal p.no-access-message {
  padding: 2px 10px; }
#linkOwnershipModal p.all-accounts-valid {
  padding: 10px;
  text-align: center;
  background: white; }

#stop_confirm_modal {
  margin-top: 100px; }

.stop_wrap {
  width: 100%;
  height: 447px;
  position: absolute; }

#publish_gear {
  display: inline-block;
  position: relative;
  float: left;
  left: 5px;
  top: 15px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.677 7.052c.203.496-.177 1.01-.622 1.308A1.984 1.984 0 0016.16 10c0 .665.348 1.273.895 1.64.445.298.825.812.622 1.308-1.433-.263-2.517-1.483-2.517-2.948 0-1.465 1.084-2.685 2.517-2.948zM11.18 2.081c-.096.29-.148.598-.148.919 0 1.657 1.386 3 3.096 3 .92 0 1.745-.389 2.313-1.005-.35-.421-.99-.356-1.496-.152-.25.1-.525.157-.817.157-1.188 0-2.096-.925-2.096-2 0-.392-.194-.81-.58-.877-.09-.015-.181-.03-.272-.042zM3.56 4.994A3.132 3.132 0 005.871 6c1.71 0 3.096-1.343 3.096-3 0-.32-.052-.63-.148-.919a8.476 8.476 0 00-.272.042c-.386.067-.58.485-.58.877 0 1.075-.909 2-2.096 2-.293 0-.568-.056-.817-.157-.507-.204-1.147-.27-1.496.151zM2.322 7.052C3.756 7.315 4.84 8.535 4.84 10c0 1.465-1.084 2.685-2.518 2.948-.203-.496.178-1.01.623-1.308.547-.367.895-.975.895-1.64 0-.665-.348-1.273-.895-1.64-.445-.298-.826-.812-.623-1.308zM8.82 17.919c.096-.29.148-.599.148-.919 0-1.657-1.386-3-3.096-3-.92 0-1.746.389-2.313 1.005.349.421.989.356 1.496.152.249-.101.524-.157.817-.157 1.187 0 2.096.925 2.096 2 0 .392.194.81.58.877.09.015.18.03.272.042zM16.44 15.005A3.132 3.132 0 0014.129 14c-1.71 0-3.096 1.343-3.096 3 0 .32.052.63.148.919.091-.013.182-.027.272-.042.386-.067.58-.485.58-.877 0-1.075.908-2 2.096-2 .292 0 .568.056.817.157.507.204 1.147.27 1.496-.152z' fill='rgba(20, 27, 36, 0.4)'/%3E%3Cpath d='M8.967 3.07a7.605 7.605 0 012.066 0L11.032 3c0-.32.052-.63.148-.919a8.588 8.588 0 00-2.36 0 2.913 2.913 0 01.147.99zM16.44 4.995a3.095 3.095 0 01-.788.617 6.965 6.965 0 011.08 1.776c.29-.159.608-.274.945-.336a7.938 7.938 0 00-1.236-2.057zM17.677 12.948a3.136 3.136 0 01-.944-.336 6.963 6.963 0 01-1.08 1.776c.296.163.562.372.788.617a7.94 7.94 0 001.236-2.057zM11.18 17.919a2.912 2.912 0 01-.147-.99 7.604 7.604 0 01-2.066 0 2.966 2.966 0 01-.147.99 8.593 8.593 0 002.36 0zM3.56 15.005c.224-.245.49-.454.787-.617a6.963 6.963 0 01-1.08-1.776c-.29.159-.607.274-.945.336a7.94 7.94 0 001.237 2.057zM2.322 7.052c.338.062.656.177.945.336a6.962 6.962 0 011.08-1.776 3.093 3.093 0 01-.788-.618 7.938 7.938 0 00-1.237 2.058z' fill='rgba(20, 27, 36, 0.4)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 13c1.662 0 3.064-1.314 3.064-3S11.662 7 10 7c-1.662 0-3.064 1.314-3.064 3S8.338 13 10 13zm0-1c1.14 0 2.064-.895 2.064-2S11.14 8 10 8c-1.14 0-2.064.895-2.064 2S8.86 12 10 12z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E") 0 0 no-repeat; }
  #publish_gear:hover {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.677 7.052c.203.496-.177 1.01-.622 1.308A1.984 1.984 0 0016.16 10c0 .665.348 1.273.895 1.64.445.298.825.812.622 1.308-1.433-.263-2.517-1.483-2.517-2.948 0-1.465 1.084-2.685 2.517-2.948zM11.18 2.081c-.096.29-.148.598-.148.919 0 1.657 1.386 3 3.096 3 .92 0 1.745-.389 2.313-1.005-.35-.421-.99-.356-1.496-.152-.25.1-.525.157-.817.157-1.188 0-2.096-.925-2.096-2 0-.392-.194-.81-.58-.877-.09-.015-.181-.03-.272-.042zM3.56 4.994A3.132 3.132 0 005.871 6c1.71 0 3.096-1.343 3.096-3 0-.32-.052-.63-.148-.919a8.476 8.476 0 00-.272.042c-.386.067-.58.485-.58.877 0 1.075-.909 2-2.096 2-.293 0-.568-.056-.817-.157-.507-.204-1.147-.27-1.496.151zM2.322 7.052C3.756 7.315 4.84 8.535 4.84 10c0 1.465-1.084 2.685-2.518 2.948-.203-.496.178-1.01.623-1.308.547-.367.895-.975.895-1.64 0-.665-.348-1.273-.895-1.64-.445-.298-.826-.812-.623-1.308zM8.82 17.919c.096-.29.148-.599.148-.919 0-1.657-1.386-3-3.096-3-.92 0-1.746.389-2.313 1.005.349.421.989.356 1.496.152.249-.101.524-.157.817-.157 1.187 0 2.096.925 2.096 2 0 .392.194.81.58.877.09.015.18.03.272.042zM16.44 15.005A3.132 3.132 0 0014.129 14c-1.71 0-3.096 1.343-3.096 3 0 .32.052.63.148.919.091-.013.182-.027.272-.042.386-.067.58-.485.58-.877 0-1.075.908-2 2.096-2 .292 0 .568.056.817.157.507.204 1.147.27 1.496-.152z' fill='%230a0e12'/%3E%3Cpath d='M8.967 3.07a7.605 7.605 0 012.066 0L11.032 3c0-.32.052-.63.148-.919a8.588 8.588 0 00-2.36 0 2.913 2.913 0 01.147.99zM16.44 4.995a3.095 3.095 0 01-.788.617 6.965 6.965 0 011.08 1.776c.29-.159.608-.274.945-.336a7.938 7.938 0 00-1.236-2.057zM17.677 12.948a3.136 3.136 0 01-.944-.336 6.963 6.963 0 01-1.08 1.776c.296.163.562.372.788.617a7.94 7.94 0 001.236-2.057zM11.18 17.919a2.912 2.912 0 01-.147-.99 7.604 7.604 0 01-2.066 0 2.966 2.966 0 01-.147.99 8.593 8.593 0 002.36 0zM3.56 15.005c.224-.245.49-.454.787-.617a6.963 6.963 0 01-1.08-1.776c-.29.159-.607.274-.945.336a7.94 7.94 0 001.237 2.057zM2.322 7.052c.338.062.656.177.945.336a6.962 6.962 0 011.08-1.776 3.093 3.093 0 01-.788-.618 7.938 7.938 0 00-1.237 2.058z' fill='%230a0e12'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 13c1.662 0 3.064-1.314 3.064-3S11.662 7 10 7c-1.662 0-3.064 1.314-3.064 3S8.338 13 10 13zm0-1c1.14 0 2.064-.895 2.064-2S11.14 8 10 8c-1.14 0-2.064.895-2.064 2S8.86 12 10 12z' fill='%230a0e12'/%3E%3C/svg%3E") 0 0 no-repeat; }

.stop_wrap .large_stopped_queue {
  opacity: .8;
  background-color: #000;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%; }

.stop_wrap .small_stopped_queue {
  opacity: .8;
  background-color: #000;
  position: relative;
  top: 0%;
  z-index: 1000;
  width: 100%;
  height: 125px;
  overflow: hidden; }

.stop_wrap .restart_queue {
  background-color: white;
  width: 80%;
  height: 45%;
  left: 10%;
  top: 25%;
  font-family: 'PT Sans', sans-serif;
  position: absolute;
  z-index: 1000; }

.restart_queue h2 {
  color: #2399C0;
  font-size: 2.6em;
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -148px; }

.restart_queue .restart_sub {
  font-size: 1.1em;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 42%; }

.restart_queue .messages {
  font-size: 2em;
  line-height: 1.3; }

.restart_queue .restart_scheduled {
  color: #239CC0;
  display: inline-block; }

.restart_queue .ex_out {
  width: 15px;
  height: 15px;
  background: url(/static/images/app/png.png) no-repeat;
  background-position: 0 -775px;
  position: absolute;
  right: 0;
  margin-top: 15px;
  margin-right: 15px; }

.large_stopped_queue .ex_out {
  width: 15px;
  height: 15px;
  background: url(/static/images/app/png.png) no-repeat;
  background-position: 0 -775px;
  position: absolute;
  right: 0;
  margin-top: 15px;
  margin-right: 20px; }

.pause_wrap {
  top: 12%;
  height: 110px;
  width: 110px;
  position: absolute;
  left: 50%;
  margin-left: -55px; }

.pause_wrap img {
  max-width: 100%;
  margin: auto; }

.large_stopped_queue {
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  color: #fff; }
  .large_stopped_queue #no_admin {
    text-align: center;
    position: absolute;
    top: 65%;
    margin-left: 60px;
    right: 10%;
    width: 80%;
    font-size: 1.2em;
    line-height: 1.2; }
  .large_stopped_queue .pause_bottom {
    text-align: left;
    margin-left: 18%;
    position: relative;
    top: 78%;
    width: 70%;
    font-size: 1.1em;
    line-height: 1.2; }

.large_stopped_queue h2 {
  position: absolute;
  color: #FFF;
  width: 99%;
  text-align: center;
  font-size: 2.5em;
  font-weight: bold;
  top: 37%; }

.large_stopped_queue .pause_sub {
  position: absolute;
  line-height: 1.2;
  width: 100%;
  text-align: center;
  top: 50%;
  font-size: 1.2em; }

.pause_sub_small {
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  margin-left: 2%;
  color: #FFF;
  position: absolute;
  top: 35%; }
  .pause_sub_small a {
    display: inline;
    color: #959595; }

.pause_optimized {
  color: #F7C7FE;
  display: inline; }

.pause_scheduled {
  color: #BBEAFB;
  display: inline; }

.pause_publish_now {
  color: #E0FBE5;
  display: inline; }

.resume_wrap {
  position: absolute;
  left: 50%;
  margin-left: -116px;
  top: 65%; }

.learn_more {
  position: relative;
  bottom: 10%;
  font-weight: bold;
  font-size: 17px;
  color: #959595; }

.learn_more:hover {
  color: #959595; }

.pause_more {
  position: absolute;
  bottom: 10%;
  left: 2%;
  color: #959595;
  font-weight: bold;
  font-size: 1.2em; }

.pause_more:hover {
  color: #959595; }

.small_resume {
  position: absolute;
  right: 2%;
  bottom: 5%; }

.resume_pink {
  border: 1px;
  background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%); }

.resume_pink:hover {
  background-position: center;
  background: linear-gradient(180deg, #5271a8 0%, #4a6aa3 100%); }

.resume_pink:active {
  background-position: center;
  background: linear-gradient(180deg, #5271a8 0%, #4a6aa3 100%); }

.review_pink {
  position: absolute;
  border: 1px;
  left: 50%;
  margin-left: -122px;
  bottom: 6%;
  background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%); }

.review_pink:hover {
  background: linear-gradient(180deg, #5271a8 0%, #4a6aa3 100%);
  background-position: center; }

.review_pink:active {
  background-position: center;
  background: linear-gradient(180deg, #5271a8 0%, #4a6aa3 100%); }

.small_stopped_queue {
  font-family: 'PT Sans', sans-serif; }
  .small_stopped_queue h2 {
    font-size: 2.1em;
    font-weight: bold;
    margin-left: 2%;
    color: #FFF; }

.publish_listen_facebook_page .fb_comment .tooltip {
  left: 250px !important; }
  .publish_listen_facebook_page .fb_comment .tooltip .tooltip-arrow {
    left: 85%; }
  .publish_listen_facebook_page .fb_comment .tooltip p {
    line-height: 1;
    font-size: 1.3em;
    width: 110px;
    padding-top: 8px; }
.publish_listen_facebook_page .fb-reply:not(:last-child) {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cbcbcb; }
.publish_listen_facebook_page .list {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 3px;
  min-height: 557px;
  height: auto; }
.publish_listen_facebook_page .column {
  min-width: 387px !important;
  width: 412px !important;
  height: 640px;
  border: 0px;
  background-color: #F2F2F2;
  padding: 0 2px 0 0;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); }
.publish_listen_facebook_page .stream_wrap ::-webkit-scrollbar:vertical {
  display: none; }
.publish_listen_facebook_page .column-container {
  width: 1024px; }
.publish_listen_facebook_page .column-wrap {
  padding: 0;
  width: 1295px;
  overflow: hidden; }
.publish_listen_facebook_page .shadow-top {
  min-width: 387px;
  height: 2px;
  position: relative;
  z-index: 4;
  width: 387px;
  margin-bottom: 10px;
  -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1); }
.publish_listen_facebook_page .shadow-bottom {
  min-width: 387px;
  margin-left: 13px;
  height: 1px;
  position: relative;
  bottom: 1px;
  z-index: 1000000000;
  width: 387px;
  -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.2); }
.publish_listen_facebook_page #compose {
  /*
  top: 50px;
  left: 0px;
  */ }

.fb_respond {
  margin-left: 10px;
  margin-right: 10px;
  min-height: 110px;
  height: auto;
  width: 96%;
  color: #898989;
  background-color: #FBFBFB !important;
  list-style: none;
  font-family: 'PT Sans', sans-serif;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
  .fb_respond hr {
    position: relative;
    border-top-width: 0;
    background-color: #CBCBCB;
    margin: 5px 10px 5px 10px; }
  .fb_respond .respond_expand {
    margin: 0 10px 12px 0;
    float: right;
    z-index: 100;
    position: relative;
    bottom: 1px; }
  .fb_respond .respond_recycle, .fb_respond .recycle-item {
    float: left;
    background: url(/static/images/app/status-sprite.png) 0 -197px no-repeat;
    height: 20px;
    width: 20px;
    margin: 6px 0 0 10px;
    position: relative;
    bottom: 5px; }
  .fb_respond .respond_recycle:hover, .fb_respond .recycle-item:hover {
    cursor: pointer; }
  .fb_respond .failed_bottom {
    height: 25px;
    padding-bottom: 10px; }
    .fb_respond .failed_bottom .drop {
      float: left;
      height: 12px;
      margin: 0 0 0 10px;
      position: relative;
      bottom: 1px; }
      .fb_respond .failed_bottom .drop .title {
        max-height: 14px; }
    .fb_respond .failed_bottom .send_to_queue {
      float: left;
      height: 20px;
      margin: 0 0 9px 10px;
      position: relative;
      bottom: 1px; }
  .fb_respond .respond_recycle_container {
    padding: 0 10px 10px 10px; }
    .fb_respond .respond_recycle_container hr {
      margin: 0 0 10px 0; }
    .fb_respond .respond_recycle_container .recycle_detail_row {
      height: 25px; }
      .fb_respond .respond_recycle_container .recycle_detail_row .recycle_time {
        width: 130px;
        margin-bottom: 5px;
        float: left;
        font-size: 1.1em; }
      .fb_respond .respond_recycle_container .recycle_detail_row .recycle_detail {
        float: left; }

.published_by {
  display: inline-block;
  color: #764294;
  font-weight: bold;
  font-size: 1.2em; }

.item_top {
  padding: 10px;
  height: auto;
  min-height: 65px; }
  .item_top .published_by {
    margin-left: 15px;
    width: 75%;
    height: 20px; }
  .item_top .message {
    overflow: hidden;
    height: 114px;
    border-width: 1px;
    border-style: solid;
    border-color: #E2E2E2;
    background-color: #F7F7F7;
    margin-top: 10px; }
    .item_top .message .fb_picture {
      display: block;
      position: relative;
      width: 155px;
      height: 100%;
      float: left;
      line-height: 114px;
      background-color: #f6f7f9;
      border: 0;
      border-right-width: 1px;
      border-color: #E2E2E2;
      border-style: solid;
      overflow: hidden; }
      .item_top .message .fb_picture img {
        width: 100%; }
    .item_top .message .description_wrap {
      padding-top: 5px;
      overflow: hidden;
      float: left;
      max-height: 114px;
      height: 114px;
      width: 180px;
      margin-left: 10px;
      position: relative; }
      .item_top .message .description_wrap .description {
        font-size: 1em;
        max-height: 60px;
        margin-bottom: 0;
        padding-left: 0;
        display: inline-block;
        line-height: 15px;
        max-width: 200px; }
  .item_top .item_top_top {
    height: 40px;
    position: relative; }
    .item_top .item_top_top .avatar {
      width: 32px;
      height: 32px; }
      .item_top .item_top_top .avatar img {
        height: 100%;
        width: 100%;
        padding-bottom: 15px;
        margin-right: 15px; }
    .item_top .item_top_top .fb_respond_msg_type {
      border-color: #FFF;
      width: 20px;
      height: 20px;
      display: inline-block;
      position: relative;
      float: right;
      background: url("/static/images/app/status-sprite.png") right 0 no-repeat; }
    .item_top .item_top_top div.description {
      display: block;
      position: relative;
      margin-left: 15px; }
      .item_top .item_top_top div.description a {
        color: #898989; }
      .item_top .item_top_top div.description p {
        display: inline;
        margin-left: 15px; }
  .item_top .text {
    margin-left: 0 !important;
    display: block;
    position: relative; }
  .item_top .fb_picture_link {
    vertical-align: top;
    float: left;
    min-height: 35px;
    min-width: 100px;
    max-height: 85px;
    max-width: 100px;
    display: table-cell; }
    .item_top .fb_picture_link img {
      min-height: 15px; }
  .item_top .fb_body_title_link {
    line-height: 14px;
    font-weight: bold;
    padding-left: 0;
    margin-bottom: 0; }
    .item_top .fb_body_title_link a {
      color: #764294; }
  .item_top .caption {
    font-size: .95em;
    line-height: 15px;
    margin-bottom: 8px; }
  .item_top .fb_body {
    color: #000;
    margin-top: 10px;
    position: relative !important;
    display: block;
    font-size: 1.05em;
    overflow-x: hidden; }
    .item_top .fb_body a {
      color: #764294; }
  .item_top .fb_body_link {
    color: #000;
    margin-top: 10px;
    position: relative !important;
    display: block;
    height: auto;
    font-size: 1.05em; }
    .item_top .fb_body_link a {
      color: #764294; }
  .item_top .fb_body_photo {
    color: #000;
    margin-top: 10px;
    position: relative !important;
    top: 15px;
    display: block;
    font-size: 1.05em; }
    .item_top .fb_body_photo a {
      color: #764294; }
  .item_top .fb_body_title {
    color: #764294;
    font-weight: bold;
    display: block;
    margin-left: 10px;
    margin-right: 300px;
    width: 400px;
    position: relative; }
  .item_top .fb_body_title_photo {
    color: #764294;
    font-weight: bold;
    display: block;
    margin-left: 10px;
    margin-right: 300px;
    width: 400px;
    position: relative;
    top: 30px; }

.respond {
  padding: 3px 0 3px 10px;
  height: 44px; }
  .respond .avatar {
    width: 32px;
    height: 32px; }
  .respond img {
    padding: 5px 0 3px 0; }
  .respond .resp_col {
    float: left;
    width: 90%; }
  .respond textarea.comment {
    width: 298px;
    height: 17px;
    resize: none;
    position: relative;
    border: none;
    font-family: PT Sans, sans-serif;
    margin-left: 10px;
    line-height: 14px;
    box-sizing: initial;
    padding: 10px 10px 5px 10px;
    top: 4px;
    -webkit-box-shadow: inset 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 5px 1px rgba(0, 0, 0, 0.2); }
  .respond textarea.comment:focus {
    border-color: #CCC; }
  .respond .cancel_post {
    position: relative;
    margin: 14px 0 10px 8px; }
  .respond .post {
    margin: 14px 6px 10px 10px; }
  .respond .insert_comments {
    width: 100%; }

.comments_scroller {
  border-width: 1px;
  border-color: #999999;
  border-style: solid;
  padding: 0 10px 0 10px;
  -webkit-box-shadow: 1px 1px 5px #999999;
  overflow-y: hidden;
  overflow-x: auto !important; }

.comments_header {
  display: inline-block;
  font-size: 1.5em;
  color: #555;
  font-family: 'PT Sans', sans-serif;
  position: relative;
  top: 10px; }

.comments_headers {
  width: 1250px;
  height: 36px; }
  .comments_headers .comments_header_container {
    width: 432px;
    float: left;
    margin-bottom: 20px; }
  .comments_headers .comments_header_container:last-child {
    width: 250px; }

.failed_column, .unpublished_column {
  margin-left: 20px !important;
  float: left !important; }
  .failed_column hr, .unpublished_column hr {
    margin: 10px 10px; }

.grayed_out, .grayed_out:hover, .grayed_out:active {
  background-color: #E4E4E4 !important;
  border-width: 0px;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .7;
  background-image: none; }

.item .fb-wrap {
  padding: 0 20px 0 0;
  width: 341px; }

.item .facebook-link {
  height: 50px;
  /*margin: 0 0 20px;*/
  margin: 0;
  width: 365px; }

.item .fb-remove {
  top: 0; }

.fb_comment {
  border-bottom-width: 1px;
  border-color: #999;
  background-color: #FBFBFB;
  min-height: 85px;
  height: auto;
  width: 94%;
  padding: 5px 10px 5px 10px !important;
  position: relative; }
  .fb_comment hr {
    width: 100%;
    margin: 0; }
  .fb_comment .hr-top {
    border: 1px 0 0 0;
    margin: 0 0 0 20px;
    width: 94%; }
  .fb_comment .fb-reply:last-child {
    border: 0; }
  .fb_comment .fb-reply {
    margin: 10px 0 0 20px; }
    .fb_comment .fb-reply .text {
      min-height: 0; }
  .fb_comment .comment_likes p {
    float: left; }
  .fb_comment .comment_likes .comments_thumbs_up {
    float: left;
    height: 12px;
    width: 13px;
    position: relative;
    background: url("/static/images/app/png.png") 0 -924px no-repeat;
    margin-right: 5px; }
  .fb_comment .comment_delete {
    background: url("/static/images/app/png.png") 9px -795px no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    left: 2px;
    bottom: 2px; }
  .fb_comment .comment_delete:hover {
    cursor: pointer; }
  .fb_comment .gray_x {
    background: url("/static/images/app/png.png") 9px -768px no-repeat;
    margin-bottom: 5px;
    position: relative;
    left: 2px;
    bottom: 3px; }
  .fb_comment .text {
    color: #636363;
    padding-top: 5px;
    min-height: 30px;
    position: relative;
    margin-left: 0 !important;
    font-size: 1.05em; }
    .fb_comment .text a {
      max-width: 330px;
      word-wrap: break-word; }
  .fb_comment .published_time {
    display: inline-block;
    position: relative; }
  .fb_comment .comment_bottom {
    border: 0;
    height: 30px;
    position: relative;
    bottom: 10%;
    width: 100%;
    display: block;
    padding-top: 10px;
    border-bottom-style: solid;
    border-bottom-color: #CBCBCB; }

.insert_comments .fb_comment:last-child .comment_bottom {
  border: 0; }

.fb_respond .ajax-load-wrap {
  background-color: rgba(137, 137, 137, 0.2);
  width: 380px !important; }
  .fb_respond .ajax-load-wrap img {
    position: absolute;
    left: 45%; }

.list .ajax-load-wrap img {
  position: relative;
  left: 45%; }

div.std.description {
  margin-left: 0; }
  div.std.description a {
    color: #898989; }

div.std.description_photo {
  display: block;
  margin-left: 10px;
  position: relative;
  top: 25px; }
  div.std.description_photo a {
    color: #898989; }

.view_previous {
  height: 30px;
  background-color: #F2F2F2;
  margin-bottom: 10px;
  width: 100%;
  font-family: 'PT Sans', sans-serif;
  cursor: pointer; }
  .view_previous .view_previous_txt {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-top: 8px; }

.delete {
  padding-right: 15px;
  position: relative;
  bottom: 3px; }

.delete:hover {
  cursor: pointer; }

.refresh {
  z-index: 1000;
  position: relative;
  top: 10px;
  margin-left: 278px;
  width: 66px;
  height: 22px;
  color: #898989;
  font-size: 1.05em;
  line-height: 18px;
  background-color: #F6F6F6 !important;
  background-image: none;
  border-width: 0px;
  text-shadow: none;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  position: relative;
  bottom: 10px; }
  .refresh .refresh_img {
    width: 16px;
    height: 17px;
    position: relative;
    top: 5px;
    right: 4px;
    background: url("/static/images/app/png.png") 0 -944px no-repeat;
    float: left; }
  .refresh p {
    position: relative;
    top: 4px;
    float: left;
    margin-left: 5px; }

.refresh:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  color: #898989; }

.refresh:active {
  -webkit-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #898989; }

.comment-reply {
  margin-right: 5px; }
  .comment-reply span {
    margin-top: 5px;
    font-size: 1em; }

.comment-expand {
  width: 357px; }
  .comment-expand .respond {
    padding-left: 0;
    min-width: 357px;
    margin-left: 20px; }
    .comment-expand .respond .post {
      margin-right: 16px; }
  .comment-expand textarea {
    min-width: 275px;
    width: 275px !important; }
  .comment-expand hr {
    clear: both;
    margin: 0 0 5px 0; }
  .comment-expand .btn-primary {
    margin-right: 0; }

.like, .comment-reply {
  width: 55px;
  height: 22px;
  color: #898989;
  font-size: 1.05em;
  line-height: 18px;
  background-color: #F6F6F6 !important;
  border-width: 0px;
  text-shadow: none;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  position: relative;
  bottom: 10px;
  background-image: none; }
  .like .thumb, .comment-reply .thumb {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    background: url("/static/images/app/png.png") 0 -862px no-repeat;
    float: left; }
  .like p, .comment-reply p {
    position: relative;
    top: 4px;
    float: left;
    margin-left: 5px; }

.like:hover, .comment-reply:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
  color: #898989; }

.like:active, .comment-reply:active {
  -webkit-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #898989; }

.like_grayed {
  -webkit-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #898989 !important; }

.liked {
  margin-bottom: 10px;
  width: 55px;
  height: 22px;
  color: #2399c0;
  font-size: 1.05em;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.05);
  border-width: 0px;
  text-shadow: none;
  position: relative;
  bottom: 10px;
  background-image: none;
  -webkit-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25); }
  .liked .thumb {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 1px;
    background: url("/static/images/app/png.png") 0 -835px no-repeat;
    float: left; }
  .liked p {
    position: relative;
    top: 3px;
    float: left;
    margin-left: 5px; }

.liked:hover {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #2399c0; }

.liked:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), inset 0 2px 0 0 #fff;
  color: #2399C0; }

.liked_grayed {
  -webkit-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 2px 2px 0 #fff, inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #2399C0; }

.fb_photo {
  padding-top: 10px;
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 250px; }

.icon-move {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: 0 -968px;
  width: 26px;
  height: 27px; }

.icon-move:hover {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: -30px -968px;
  cursor: move;
  width: 26px;
  height: 27px; }

.icon-move:active {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: -60px -968px;
  width: 26px;
  height: 27px; }

.icon-close {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: 0 -1000px;
  width: 20px;
  height: 20px; }

.icon-close:hover {
  opacity: 1;
  background: url("/static/images/app/png.png") no-repeat;
  background-position: -30px -1000px;
  width: 20px;
  height: 20px; }

.icon-close:active {
  opacity: 1;
  background: url("/static/images/app/png.png") no-repeat;
  background-position: -60px -1000px;
  width: 20px;
  height: 20px; }

.close {
  opacity: 1; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  z-index: 1010; }

.icon-tag {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: 0 -816px;
  width: 16px;
  height: 17px; }

.icon-tag-selected {
  background: url("/static/images/app/png.png") no-repeat;
  background-position: -32px -816px;
  width: 16px;
  height: 17px; }

#label-board {
  top: 25%;
  margin: -125px 0 0 -200px;
  opacity: 1;
  display: block;
  z-index: 1040;
  border-radius: 7px 7px 0 0;
  width: 415px;
  padding: 0; }

#label-header {
  border-radius: 5px 5px 0 0;
  padding: 0;
  height: 40px;
  background: url("/static/images/app/modal-header.png") repeat-x; }

#label-header-label {
  font-size: 1.22em;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  letter-spacing: 2px;
  color: #ffffff;
  padding-left: 175px;
  margin: 0;
  horizontal-align: center; }

.typeahead {
  z-index: 1045; }

.chzn-container-active .chzn-choices {
  border-radius: 5px 5px 5px 5px; }

.chzn-container-multi .chzn-choices {
  border-radius: 5px 5px 5px 5px; }

#label-body {
  overflow-y: auto;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.1em;
  max-height: 400px;
  line-height: 14px;
  font-family: 'PT Sans', sans-serif; }
  #label-body p {
    margin-bottom: 10px; }
  #label-body a {
    text-decoration: none;
    outline: 0; }

#manageLabelPost {
  overflow: visible; }

#label-input {
  font-size: 0.9em;
  border-radius: 5px 5px 5px 5px;
  width: 375px; }

.content-item-label {
  border-color: #dcddde;
  word-space: 1px;
  font-size: 12px;
  padding-right: 3px;
  padding-left: 3px;
  border-radius: 0 0 0 0; }

.label-button-row {
  height: 26px;
  width: 100%;
  margin-top: 10px; }

#label_add {
  border-color: #aaaaaa;
  border-radius: 4px;
  font-size: 13px;
  font-family: sans-serif;
  height: 19px;
  width: 87%;
  margin-top: 10px; }

#label_add_btn {
  font-size: 25px;
  font-weight: bold;
  height: 21px;
  line-height: 23px;
  color: #666;
  padding: 3px 7px; }

.label-text {
  line-height: 14px; }

.bootbox.modal {
  z-index: 2010 !important; }

.label-management {
  margin-bottom: 20px;
  padding: 0;
  height: 100%; }
  .label-management .sf-icon-x {
    font-size: 0.7em;
    color: #dcdcdc; }
  .label-management section {
    position: relative;
    border: 1px #cccccc;
    padding-top: 1px;
    background: #cccccc;
    width: 376px; }
    .label-management section section.positioned {
      position: absolute;
      top: 100px;
      left: 100px;
      width: 800px;
      box-shadow: 0 0 15px #333; }
    .label-management section .container {
      overflow-y: auto;
      max-height: 125px;
      width: 373px;
      margin-bottom: 10px;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc; }
    .label-management section .label-close {
      display: block;
      position: absolute;
      right: 3px;
      top: 4px;
      width: 12px;
      height: 12px;
      font-size: 1px; }
    .label-management section .label-choice {
      float: left;
      line-height: 13px;
      padding: 3px 7px 3px 5px;
      margin: 2px 0 2px 3px;
      position: relative;
      cursor: default; }
      .label-management section .label-choice a {
        text-decoration: none;
        outline: 0; }
      .label-management section .label-choice .sf-icon-x:hover {
        color: #464646; }
    .label-management section table {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border-spacing: 0;
      width: 100%; }
    .label-management section td + td {
      vertical-align: middle;
      padding: 5px;
      text-align: end; }
    .label-management section td, .label-management section th {
      border-bottom: 1px solid #eee;
      background: #ffffff;
      color: #000;
      font-size: 0.9em; }
    .label-management section th {
      height: 0;
      line-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      border: none;
      font-family: 'PT Sans', sans-serif;
      white-space: nowrap; }
    .label-management section th div {
      position: absolute;
      background: transparent;
      color: #000;
      padding: 10px 5px;
      top: 0;
      line-height: normal;
      border-left: 1px solid #800; }

.admin-support-table {
  table-layout: fixed;
  width: 100%; }
  .admin-support-table .line-break {
    word-wrap: break-word; }

.pink-button {
  border: 1px;
  color: #F1F1F1;
  background-image: -webkit-linear-gradient(top, #ed008a, #c50274);
  background-image: -moz-linear-gradient(top, #ed008a, #c50274);
  border-radius: 5px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  letter-spacing: .1em;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }
  .pink-button span.pink-button-text {
    color: #F1F1F1;
    float: right;
    line-height: 25px;
    height: 25px;
    margin: 0 5px 0 5px; }

.pink-button:hover {
  text-decoration: none;
  color: #F1F1F1;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.pink-button:active {
  background-image: -webkit-linear-gradient(top, #c50274, #ed008a);
  background-image: -moz-linear-gradient(top, #c50274, #ed008a);
  -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  -moz-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.btn-blue {
  border: none;
  background-image: none;
  background-color: #2399c0;
  color: #f4f4f4;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9); }
  .btn-blue.btn.btn-warning {
    background: #ff8b00; }
  .btn-blue.btn-primary {
    background: #74438d; }

.btn-blue:hover {
  background-color: #198fb6;
  color: #f4f4f4; }

.white-button {
  border: none;
  border-radius: 3px;
  background: #f6f6f6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9);
  line-height: 25px; }
  .white-button.btn.btn-warning {
    background: #ff8b00; }
  .white-button.btn-primary {
    background: #74438d; }
  .white-button span {
    display: inline-block;
    margin-right: 5px; }

.white-button:hover {
  background-color: #e6e6e6;
  color: #333333; }

.white-button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.shorten-compose.pink-button {
  line-height: 0px; }

.sf-modal {
  position: fixed;
  font-family: 'PT Sans', sans-serif;
  top: 100px;
  left: 50%;
  margin-left: -200px;
  background: none !important;
  background-color: #f4f4f4 !important;
  z-index: 20001;
  min-width: 0 !important;
  width: 400px;
  min-height: 100px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

#modal_overlay {
  position: fixed;
  display: none;
  background-color: rgba(255, 255, 255, 0.55);
  filter: alpha(opacity=60);
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 20000; }

.sf-modal-top {
  border-radius: 5px 5px 0 0;
  height: 20px;
  background: linear-gradient(180deg, #F9FAFA 0%, #F3F4F5 100%);
  padding: 10px;
  font-size: 1.2em;
  text-align: center;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1300; }
  .sf-modal-top .sf-modal-drag {
    cursor: pointer;
    float: left;
    width: 26px;
    height: 20px;
    background: url("/static/images/app/png.png");
    background-position: 0px -968px; }
  .sf-modal-top .sf-modal-drag:hover {
    background-position: -30px -968px;
    cursor: move; }
  .sf-modal-top .sf-modal-drag:active {
    background-position: -60px -968px; }
  .sf-modal-top .sf-modal-title {
    float: left;
    color: #0A0E12;
    margin-top: 3px;
    width: 334px;
    text-shadow: none; }
  .sf-modal-top .sf-modal-x {
    cursor: pointer;
    color: #F1F1F1;
    width: 20px;
    height: 20px;
    float: right;
    background: url("/static/images/app/png.png") no-repeat;
    background-position: 0 -1000px; }
  .sf-modal-top .sf-modal-x:hover {
    background-position: -30px -1000px; }
  .sf-modal-top .sf-modal-x:active {
    background-position: -60px -1000px; }

.sf-modal-inside-container {
  padding: 20px; }
  .sf-modal-inside-container .purple-text {
    color: #0A0E12;
    font-size: 1.05em;
    font-weight: bold; }
  .sf-modal-inside-container .light-grey-text {
    color: #959595; }
  .sf-modal-inside-container input {
    height: 30px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    -moz-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff; }
  .sf-modal-inside-container input:hover {
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    -moz-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff; }
  .sf-modal-inside-container input:focus {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .sf-modal-inside-container .pink-button {
    background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%);
    color: #FFFFFF; }
  .sf-modal-inside-container .pink-button:hover {
    box-shadow: none; }

@font-face {
  font-family: 'socialflow_v2';
  src: url("../fonts/socialflow_v2.eot?fm8jxz");
  src: url("../fonts/socialflow_v2.eot?fm8jxz#iefix") format("embedded-opentype"), url("../fonts/socialflow_v2.woff?fm8jxz") format("woff"), url("../fonts/socialflow_v2.ttf?fm8jxz") format("truetype"), url("../fonts/socialflow_v2.svg?fm8jxz#socialflow_v2") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-icon-"], [class*=" sf-icon-"] {
  font-family: 'socialflow_v2';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sf-icon-play:before {
  content: "\e635"; }

.sf-icon-lightbulb:before {
  content: "\e636"; }

.sf-icon-pause:before {
  content: "\e637"; }

.sf-icon-trophy:before {
  content: "\e624"; }

.sf-icon-trophycircle:before {
  content: "\e625"; }

.sf-icon-fb3:before {
  content: "\e626"; }

.sf-icon-optimize:before {
  content: "\e627"; }

.sf-icon-twcard:before {
  content: "\e628"; }

.sf-icon-question:before {
  content: "\e629"; }

.sf-icon-pencil:before {
  content: "\e62a"; }

.sf-icon-excelmulti:before {
  content: "\e62b"; }

.sf-icon-photo:before {
  content: "\e62c"; }

.sf-icon-add:before {
  content: "\e62d"; }

.sf-icon-upload:before {
  content: "\e62e"; }

.sf-icon-download:before {
  content: "\e62f"; }

.sf-icon-exclamationcircle:before {
  content: "\e630"; }

.sf-icon-pinterest:before {
  content: "\e631"; }

.sf-icon-mobilephone:before {
  content: "\e632"; }

.sf-icon-video:before {
  content: "\e633"; }

.sf-icon-socialflow:before {
  content: "\e600"; }

.sf-icon-cursor:before {
  content: "\e601"; }

.sf-icon-speech:before {
  content: "\e603"; }

.sf-icon-funnel:before {
  content: "\e604"; }

.sf-icon-status-play:before {
  content: "\e605"; }

.sf-icon-status-pause:before {
  content: "\e606"; }

.sf-icon-status-check:before {
  content: "\e607"; }

.sf-icon-status-clock:before {
  content: "\e608"; }

.sf-icon-trash:before {
  content: "\e609"; }

.sf-icon-recycle:before {
  content: "\e60a"; }

.sf-icon-x:before {
  content: "\e60b"; }

.sf-icon-dollar:before {
  content: "\e60c"; }

.sf-icon-linkedin2:before {
  content: "\e60d"; }

.sf-icon-tw2:before {
  content: "\e60e"; }

.sf-icon-gplus2:before {
  content: "\e60f"; }

.sf-icon-fb2:before {
  content: "\e610"; }

.sf-icon-info:before {
  content: "\e611"; }

.sf-icon-selected:before {
  content: "\e612"; }

.sf-icon-close:before {
  content: "\e613"; }

.sf-icon-bullhorn:before {
  content: "\e614"; }

.sf-icon-arrowleft:before {
  content: "\e615"; }

.sf-icon-arrowright:before {
  content: "\e616"; }

.sf-icon-calendar:before {
  content: "\e617"; }

.sf-icon-arrow-down2:before {
  content: "\e618"; }

.sf-icon-arrow-down1:before {
  content: "\e619"; }

.sf-icon-arrow-up1:before {
  content: "\e61a"; }

.sf-icon-arrow-up2:before {
  content: "\e61b"; }

.sf-icon-search:before {
  content: "\e61c"; }

.sf-icon-minus:before {
  content: "\e61d"; }

.sf-icon-plus:before {
  content: "\e61e"; }

.sf-icon-star:before {
  content: "\e61f"; }

.sf-icon-refresh:before {
  content: "\e620"; }

.sf-icon-plusone:before {
  content: "\e621"; }

.sf-icon-gplus:before {
  content: "\e622"; }

.sf-icon-linkedin:before {
  content: "\e623"; }

.sf-icon-eye-yes:before {
  content: "\e000"; }

.sf-icon-timer:before {
  content: "\e001"; }

.sf-icon-money:before {
  content: "\e002"; }

.sf-icon-eye-no:before {
  content: "\e003"; }

.sf-icon-target:before {
  content: "\e004"; }

.sf-icon-tag:before {
  content: "\e005"; }

.sf-icon-camera:before {
  content: "\e006"; }

.sf-icon-users:before {
  content: "\e007"; }

.sf-icon-check:before {
  content: "\e008"; }

.sf-icon-cc:before {
  content: "\e009"; }

.sf-icon-expand:before {
  content: "\e00a"; }

.sf-icon-pdf:before {
  content: "\e00b"; }

.sf-icon-doc-ppt:before {
  content: "\e00c"; }

.sf-icon-doc-xls:before {
  content: "\e00d"; }

.sf-icon-tw-reply:before {
  content: "\e00e"; }

.sf-icon-fb-share:before {
  content: "\e00f"; }

.sf-icon-fb-like:before {
  content: "\e010"; }

.sf-icon-link:before {
  content: "\e011"; }

.sf-icon-tw:before {
  content: "\e012"; }

.sf-icon-fb:before {
  content: "\e013"; }

.sf-icon-tw-rt:before {
  content: "\e014"; }

.sf-icon-gear:before {
  content: "\e015"; }

.sf-icon-computer:before {
  content: "\e016"; }

.sf-icon-mail:before {
  content: "\e017"; }

.sf-icon-slideshow:before {
  content: "\e903"; }

.sf-icon-instagram:before {
  content: "\e901"; }

.sf-icon-breaking-news:before {
  content: "\e900"; }

.sf-icon-instagram {
  color: #EB006F; }

@font-face {
  font-family: 'socialflow_feather';
  src: url("../fonts/socialflow_feather.eot?fm8jxz");
  src: url("../fonts/socialflow_feather.eot?fm8jxz#iefix") format("embedded-opentype"), url("../fonts/socialflow_feather.woff?fm8jxz") format("woff"), url("../fonts/socialflow_feather.ttf?fm8jxz") format("truetype"), url("../fonts/socialflow_feather.svg?fm8jxz#socialflow_feather") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*="f-i-"], [class*=" f-i-"] {
  font-family: 'socialflow_feather';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.f-i-barchart2:before {
  content: "\e900"; }

.f-i-chevrondown:before {
  content: "\e901"; }

.f-i-heart:before {
  content: "\e902"; }

.f-i-messagecircle:before {
  content: "\e903"; }

.f-i-repeat:before {
  content: "\e904"; }

.f-i-upload:before {
  content: "\e905"; }

.f-i-link:before {
  content: "\e906"; }

.f-i-activity:before {
  content: "\e907"; }

.f-i-airplay:before {
  content: "\e908"; }

.f-i-alertcircle:before {
  content: "\e909"; }

.f-i-arrowdowncircle:before {
  content: "\e913"; }

.f-i-arrowdownleft:before {
  content: "\e914"; }

.f-i-arrowdownright:before {
  content: "\e915"; }

.f-i-arrowdown:before {
  content: "\e916"; }

.f-i-arrowleftcircle:before {
  content: "\e917"; }

.f-i-arrowleft:before {
  content: "\e918"; }

.f-i-arrowrightcircle:before {
  content: "\e919"; }

.f-i-arrowright:before {
  content: "\e91a"; }

.f-i-arrowupcirlce:before {
  content: "\e91b"; }

.f-i-arrowupleft:before {
  content: "\e91c"; }

.f-i-arrowupright:before {
  content: "\e91d"; }

.f-i-arrowup:before {
  content: "\e91e"; }

.f-i-atsign:before {
  content: "\e91f"; }

.f-i-barchart:before {
  content: "\e921"; }

.f-i-belloff:before {
  content: "\e924"; }

.f-i-bell:before {
  content: "\e925"; }

.f-i-bookmark:before {
  content: "\e929"; }

.f-i-calendar:before {
  content: "\e92c"; }

.f-i-camera:before {
  content: "\e92e"; }

.f-i-cast:before {
  content: "\e92f"; }

.f-i-chevronleft:before {
  content: "\e933"; }

.f-i-chevronright:before {
  content: "\e934"; }

.f-i-chevronup:before {
  content: "\e935"; }

.f-i-delete:before {
  content: "\e958"; }

.f-i-externallink:before {
  content: "\e960"; }

.f-i-facebook:before {
  content: "\e963"; }

.f-i-instagram:before {
  content: "\e97c"; }

.f-i-key:before {
  content: "\e97d"; }

.f-i-morehorizontal:before {
  content: "\e996"; }

.f-i-morevertical:before {
  content: "\e997"; }

.f-i-share2:before {
  content: "\e9a6"; }

.f-i-share:before {
  content: "\e9a7"; }

.f-i-thumbsdown:before {
  content: "\e9ac"; }

.f-i-thumbsup:before {
  content: "\e9ad"; }

.f-i-trash2:before {
  content: "\e9ae"; }

.f-i-trash:before {
  content: "\e9af"; }

.f-i-trendingdown:before {
  content: "\e9b0"; }

.f-i-trendingup:before {
  content: "\e9b1"; }

.f-i-twitter:before {
  content: "\e9b2"; }

body {
  min-width: 1070px; }

.header-wrapper {
  position: relative;
  min-width: 1070px;
  clear: both;
  font-family: "Graphik", Helvetica, Arial, sans-serif; }
  .header-wrapper .nav-major {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 2000;
    border-bottom: 1px solid rgba(20, 27, 36, 0.05);
    background: #FBFCFC; }
    .header-wrapper .nav-major .title {
      margin: 0 10px;
      padding-top: 3px;
      width: 174px;
      min-width: 174px;
      float: left;
      box-sizing: border-box;
      height: 50px; }
      .header-wrapper .nav-major .title .sf-logo {
        display: block;
        width: 100%;
        background-size: 189px 28px;
        margin-left: 12px; }
  .header-wrapper .nav-minor {
    position: relative;
    z-index: 1999; }

@media (max-width: 1600px) {
  .nav-major .account-settings .drop span {
    max-width: 500px; } }
@media (max-width: 1300px) {
  .nav-major .account-settings .drop span {
    max-width: 200px; } }
@media (max-width: 1200px) {
  .header-wrapper .nav-major .title {
    width: 34px; } }
.smooth-transition, .account-settings, .account-settings:active, .account-settings-active, .account-settings .drop:hover ul, .account-settings .drop.open ul, .account-settings .drop:hover ul li, .account-settings .drop.open ul li, .account-settings .drop:hover .nav-drop-row:hover .nav-drop-text,
.account-settings .drop:hover .nav-drop-reg:hover, .account-settings .drop.open .nav-drop-row:hover .nav-drop-text,
.account-settings .drop.open .nav-drop-reg:hover, .account-settings .drop:hover .nav-drop-row:hover, .account-settings .drop.open .nav-drop-row:hover, .account-settings .drop:hover ul li.nav-drop-row a:active, .account-settings .drop:hover ul li.nav-drop-reg:active, .account-settings .drop.open ul li.nav-drop-row a:active, .account-settings .drop.open ul li.nav-drop-reg:active, .ads-btn:active {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.pressed, .ads-btn:active {
  -webkit-box-shadow: 0 0 2px rgba(210, 103, 223, 0.1), inset 0 3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(210, 103, 223, 0.1), inset 0 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(210, 103, 223, 0.1), inset 0 3px 10px rgba(0, 0, 0, 0.5); }

.glow, .ads-btn:hover {
  background-image: url("/static/images/app/h-hover.png"); }

.indented-border {
  display: inline-block;
  width: 1px;
  height: 20px;
  margin: 15px 1px 15px 1px;
  background: rgba(20, 27, 36, 0.1); }

.nav-major .menu {
  font-size: 0;
  margin-left: 0; }
  .nav-major .menu .menu-item {
    display: inline-block;
    min-width: 50px;
    height: 100%;
    text-align: center;
    font-size: 13px;
    margin-left: 20px; }
    .nav-major .menu .menu-item .menu-text {
      display: block;
      opacity: .9;
      padding: 17px 0px 11px 0px;
      height: 22px;
      color: rgba(20, 27, 36, 0.8);
      font-weight: 400; }
      .nav-major .menu .menu-item .menu-text.active {
        color: #141B24; }
        .nav-major .menu .menu-item .menu-text.active span {
          padding-bottom: 17.5px;
          border-bottom: 1px solid #0A0E12; }
      .nav-major .menu .menu-item .menu-text.skinny {
        padding-top: 10px; }
      .nav-major .menu .menu-item .menu-text:hover {
        text-decoration: none;
        color: #0A0E12;
        cursor: pointer; }

.nav-minor .nav-main,
.nav-minor .nav-sub {
  height: 49px; }
  .nav-minor .nav-main .menu-item,
  .nav-minor .nav-sub .menu-item {
    display: inline-block;
    font-size: 13px;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 1; }
.nav-minor .nav-main {
  z-index: 9;
  background: #FBFCFC;
  border-bottom: 1px solid rgba(20, 27, 36, 0.05);
  padding-left: 10px;
  font-size: 0; }
  .nav-minor .nav-main .menu-item.active {
    color: #141B24; }
    .nav-minor .nav-main .menu-item.active span {
      padding-bottom: 17px;
      border-bottom: 1px solid #0A0E12;
      color: #0A0E12; }
  .nav-minor .nav-main .menu-item:hover {
    text-decoration: none;
    cursor: pointer;
    color: #0A0E12; }
  .nav-minor .nav-main .menu-item .menu-text {
    color: rgba(20, 27, 36, 0.8);
    padding: 18px 13px;
    display: inline-block; }
    .nav-minor .nav-main .menu-item .menu-text:hover {
      text-decoration: none;
      color: #0A0E12;
      cursor: pointer; }
    .nav-minor .nav-main .menu-item .menu-text.active {
      color: #141B24; }
      .nav-minor .nav-main .menu-item .menu-text.active a {
        color: #141B24; }
.nav-minor .nav-sub {
  background-color: #fbfcfc !important;
  padding-left: 10px; }
  .nav-minor .nav-sub .menu-item.active .menu-text {
    color: #0a0e12; }
    .nav-minor .nav-sub .menu-item.active .menu-text span {
      padding-bottom: 17px;
      border-bottom: 1px solid #0a0e12; }
  .nav-minor .nav-sub .menu-item .menu-text {
    color: rgba(20, 27, 36, 0.8);
    padding: 18px 13px;
    display: inline-block; }
    .nav-minor .nav-sub .menu-item .menu-text:hover {
      color: #0a0e12;
      text-decoration: none;
      cursor: pointer; }

.dot-badge {
  background: #325CA4;
  cursor: default;
  border-radius: 50%;
  height: 8px;
  border: 1px solid #ffffff;
  position: absolute;
  width: 8px;
  top: 0px;
  right: 0px;
  -webkit-animation: pulse 1.5s 3;
  -moz-animation: pulse 1.5s 3;
  -o-animation: pulse 1.5s 3;
  animation: pulse 1.5s 3;
  /*    &::after {
          content: '';
          position: absolute;
          border:1px solid rgba(0,155,243,.5);
          opacity:0;
          border-radius: 50%;
          width:100%;
          height:100%;
          -webkit-animation: wave 1.5s 3;
          -moz-animation:    wave 1.5s 3;
          -o-animation:      wave 1.5s 3;
          animation:         wave 1.5s 3;
      }*/ }

.dynamic-ad {
  float: right;
  line-height: 50px;
  height: 50px;
  min-width: 30px;
  margin: 0 9px 0 18px;
  padding: 15px 0 4px 0;
  color: #666;
  position: relative; }

.dynamic-ad-icon {
  display: block;
  font-family: 'socialflow_feather' !important;
  font-size: 20px !important;
  transition: color 500ms ease;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url("/static/images/app/piano_reskin_v2/dynamic-ad.svg") no-repeat; }

.notifications-icon-hover {
  font-family: 'socialflow_feather' !important;
  font-size: 20px !important;
  transition: color 500ms ease;
  cursor: pointer;
  background: url("/static/images/app/piano_reskin_v2/bell.svg") no-repeat;
  height: 20px;
  width: 20px; }
  .notifications-icon-hover:hover {
    color: fade(white, 70%);
    background: url("/static/images/app/piano_reskin_v2/bell-hover.svg") no-repeat;
    cursor: pointer; }

.tooltip-text {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 100;
  left: -100px;
  line-height: 1; }

.notifications {
  float: right;
  line-height: 50px;
  height: 30px;
  min-width: 30px;
  margin: 0 15px 0 10px;
  padding: 10px 0 10px 0;
  color: #666;
  position: relative; }

.number-wrap {
  width: 30px;
  height: 30px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%; }
  .number-wrap:hover .tooltip-text {
    visibility: visible; }

@keyframes wave {
  0% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.4); }
  50% {
    transform: scale(0.9); }
  80% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.notifications ul {
  z-index: 1;
  width: 350px;
  min-height: 50px;
  max-height: 664px;
  position: absolute;
  top: 50px;
  right: -1px;
  display: none;
  background: #FFFFFF;
  box-shadow: -20px -20px 200px rgba(10, 14, 18, 0.07), 20px 20px 40px rgba(10, 14, 18, 0.1);
  border-radius: 4px; }
  .notifications ul .notif-title {
    font-weight: bold; }

.notifications ul li {
  border-bottom: 1px solid rgba(20, 27, 36, 0.05);
  padding: 10px 20px 16px;
  cursor: pointer;
  word-wrap: break-word; }
  .notifications ul li p:first-child {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #0A0E12;
    padding-top: 8px;
    padding-bottom: 8px; }
  .notifications ul li p:nth-child(2n) {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: rgba(20, 27, 36, 0.7); }

.number {
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  position: relative;
  overflow: hidden;
  font-family: PT Sans, sans-serif;
  border-radius: 3px;
  line-height: 13px; }

.account-settings {
  float: right;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  position: relative; }

.account-settings .account-select {
  height: 13px;
  margin-left: 10px;
  line-height: 13px;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 10px 15px; }
  .account-settings .account-select span {
    padding: 0 !important; }

.account-settings .account-select ul {
  overflow: auto;
  max-height: 200px;
  min-width: 150px; }

.account-settings .drop span {
  padding: 16px 5px 10px 10px;
  color: rgba(20, 27, 36, 0.8);
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
  height: auto;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 13px; }
  .account-settings .drop span:hover {
    text-decoration: none;
    color: #0A0E12; }

.account-settings .drop:hover, .account-settings .drop.open {
  cursor: pointer;
  display: inline-block; }
  .account-settings .drop:hover .black-arrow, .account-settings .drop.open .black-arrow {
    padding: 0;
    width: 12px;
    height: 6px;
    background-image: url("/static/images/app/black-arrow.png");
    position: relative;
    z-index: 12;
    top: 14px;
    margin-left: auto;
    left: -32px; }
  .account-settings .drop:hover ul, .account-settings .drop.open ul {
    font-family: "Graphik", Helvetica, Arial, sans-serif;
    width: 200px;
    min-height: 160px;
    max-height: 190px;
    background-color: #ffffff;
    padding: 0;
    position: absolute;
    right: 6px;
    top: 42px;
    color: #0A0E12;
    box-sizing: border-box;
    box-shadow: 0 15px 40px rgba(20, 27, 36, 0.1);
    border-radius: 4px; }
    .account-settings .drop:hover ul.scrollbar-padding, .account-settings .drop.open ul.scrollbar-padding {
      padding-right: 1px; }
    .account-settings .drop:hover ul .nav-drop-overflow, .account-settings .drop.open ul .nav-drop-overflow {
      padding-top: 5px;
      padding-bottom: 5px;
      overflow-x: hidden;
      overflow-y: hidden;
      min-height: 150px;
      width: 100%; }
    .account-settings .drop:hover ul .nav-drop-hr, .account-settings .drop.open ul .nav-drop-hr {
      margin: 0 0 0 0;
      border-top: 1px solid rgba(20, 27, 36, 0.05); }
    .account-settings .drop:hover ul .nav-drop-hr-smaller, .account-settings .drop.open ul .nav-drop-hr-smaller {
      border-bottom-width: 0;
      border-color: #333132;
      box-sizing: content-box;
      margin: 0 0 0 10px;
      width: 210px; }
    .account-settings .drop:hover ul li.nav-email:hover, .account-settings .drop:hover ul li.nav-email a:hover, .account-settings .drop.open ul li.nav-email:hover, .account-settings .drop.open ul li.nav-email a:hover {
      cursor: default; }
    .account-settings .drop:hover ul li.selected, .account-settings .drop.open ul li.selected {
      background-color: #ffffff;
      color: #0A0E12;
      cursor: default; }
      .account-settings .drop:hover ul li.selected .checked, .account-settings .drop.open ul li.selected .checked {
        width: 16px;
        height: 16px;
        float: right;
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.249 14.932l8.999-9-.707-.706-8.292 8.292-3.085-3.086-.707.708 3.792 3.792z' fill='%230A0E12'/%3E%3C/svg%3E") 0 0 no-repeat; }
    .account-settings .drop:hover ul li > .text, .account-settings .drop.open ul li > .text {
      width: 90%; }
    .account-settings .drop:hover ul ::-webkit-scrollbar-track, .account-settings .drop.open ul ::-webkit-scrollbar-track {
      background: rgba(10, 14, 18, 0.2); }
  .account-settings .drop:hover ul li.nav-drop-row .nav-drop-text, .account-settings .drop.open ul li.nav-drop-row .nav-drop-text {
    display: block; }
  .account-settings .drop:hover ul li, .account-settings .drop.open ul li {
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
    background-image: none;
    position: relative;
    color: #0A0E12;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .account-settings .drop:hover ul li a, .account-settings .drop.open ul li a {
    color: #0A0E12; }
  .account-settings .drop:hover .nav-drop-row:hover .nav-drop-text,
  .account-settings .drop:hover .nav-drop-reg:hover, .account-settings .drop.open .nav-drop-row:hover .nav-drop-text,
  .account-settings .drop.open .nav-drop-reg:hover {
    text-decoration: none; }
  .account-settings .drop:hover .nav-drop-row:hover, .account-settings .drop.open .nav-drop-row:hover {
    background: rgba(50, 92, 164, 0.06);
    text-decoration: none;
    min-width: 200px; }
  .account-settings .drop:hover ul li.nav-drop-row a:active, .account-settings .drop:hover ul li.nav-drop-reg:active, .account-settings .drop.open ul li.nav-drop-row a:active, .account-settings .drop.open ul li.nav-drop-reg:active {
    color: #017ea8; }

.nav-email {
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  background-image: none;
  padding: 5px 10px !important;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 9.5px;
  line-height: 12px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #0A0E12;
  text-transform: uppercase; }

.ads-btn,
.compose-btn {
  font-family: "Graphik", Helvetica, Arial, sans-serif;
  background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%);
  border-radius: 15px;
  position: relative;
  color: #ffffff;
  margin-top: 10px;
  cursor: pointer;
  width: 105px;
  height: 30px; }
  .ads-btn .sf-icon-bullhorn,
  .ads-btn .sf-icon-compose,
  .compose-btn .sf-icon-bullhorn,
  .compose-btn .sf-icon-compose {
    background: url("/static/images/app/piano_reskin_v2/compose-edit.svg") no-repeat;
    color: #f3f4f5;
    margin-right: 10px;
    font-size: 18px !important;
    line-height: 28px;
    padding-left: 17px;
    vertical-align: sub;
    margin-left: 8px; }
  .ads-btn .compose-text-item,
  .compose-btn .compose-text-item {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    padding-top: 5px; }
  .ads-btn:hover,
  .compose-btn:hover {
    text-decoration: none;
    color: #FFFFFF;
    background: linear-gradient(180deg, #5271A8 0%, #4A6AA3 100%);
    cursor: pointer; }
  .ads-btn:hover .sf-icon-compose,
  .compose-btn:hover .sf-icon-compose {
    background: url("/static/images/app/piano_reskin_v2/compose-edit-hover.svg") no-repeat; }

.compose-btn .new-compose-button-arrow {
  position: absolute;
  background: #ed008a;
  left: -121px;
  top: 13px;
  border-radius: 0;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
  padding: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  height: 24px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px; }
  .compose-btn .new-compose-button-arrow div {
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 13px solid #ed008a;
    position: absolute;
    right: -12px;
    top: 1px; }

.ads-btn {
  display: inline-block; }
  .ads-btn:hover {
    cursor: pointer;
    text-decoration: none;
    background-position: center; }

.account-select span {
  padding: 10px;
  height: 20px;
  background-image: none; }

#square_old {
  width: 10px;
  height: 10px;
  border-color: #2399c0;
  background: #2399c0; }

#square_new {
  width: 10px;
  height: 10px;
  border-color: #d9d9d9;
  background: #d9d9d9; }

.metric-click {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -310px;
  width: 13px;
  height: 10px; }

.metric-fb-comment {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -370px;
  width: 13px;
  height: 10px; }

.metric-fb-like {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -430px;
  width: 13px;
  height: 10px; }

.metric-fb-share {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -490px;
  width: 13px;
  height: 10px; }

.metric-tw-fav {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -550px;
  width: 13px;
  height: 10px; }

.metric-tw-reply {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -610px;
  width: 13px;
  height: 10px; }

.metric-tw-rt {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -670px;
  width: 13px;
  height: 10px; }

#sf-logo {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -850px;
  width: 200px;
  height: 32px; }

.account-twitter {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -790px;
  margin-left: 5px;
  margin-top: 10px;
  width: 12px;
  height: 10px; }

.account-facebook {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -730px;
  margin-left: 5px;
  margin-top: 10px;
  width: 6px;
  height: 10px; }

#white-board {
  width: 600px;
  height: 810px;
  background-color: #ffffff;
  -moz-box-shadow: -5px -5px #e6e8ea;
  -webkit-box-shadow: -5px -5px #e6e8ea;
  box-shadow: 1px 1px 1px 1px #e6e8ea;
  border-radius: 5px; }

#report-title {
  z-index: 4000000;
  float: left;
  text-rendering: geometricPrecision;
  font-size: 1.1em;
  color: #242424;
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 25px;
  letter-spacing: 1px;
  height: 20px;
  vertical-align: top; }

.no-change {
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: #959595; }

#week-days {
  float: left;
  text-rendering: geometricPrecision;
  font-size: 0.9em;
  color: #9d9d9d;
  font-family: 'PT Sans', sans-serif;
  padding-left: 48px;
  padding-top: 13px;
  height: 20px;
  word-spacing: 53px;
  vertical-align: top; }

#totals-no {
  float: left;
  text-rendering: geometricPrecision;
  font-size: 1.2em;
  color: #542f67;
  text-align: right;
  padding-top: 25px;
  font-family: 'PT Sans',sans-serif;
  font-weight: bold;
  height: 20px; }

#diff-no {
  float: right;
  text-rendering: geometricPrecision;
  font-size: 1em;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 25px;
  font-family: 'PT Sans',sans-serif;
  height: 20px; }

.excel_report_btn {
  display: block;
  width: 600px;
  height: 30px;
  padding-top: 17px;
  text-rendering: geometricPrecision;
  font-size: 1.1em;
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  background: #86c2d7;
  border-style: solid;
  border-width: 1px;
  border-color: #2399c0;
  border-radius: 5px;
  color: #ffffff; }

.excel_report_btn:hover {
  display: block;
  width: 600px;
  height: 30px;
  padding-top: 17px;
  text-rendering: geometricPrecision;
  font-size: 1.1em;
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  background: #86c2d7;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: #2399c0;
  border-radius: 5px;
  color: #ffffff; }

.doc-excel {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -179px;
  margin-right: 9px;
  padding: 9px; }

.full_report_btn {
  display: block;
  width: 75px;
  height: 22.5px;
  text-rendering: geometricPrecision;
  font-size: 1em;
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  background: #ffffff;
  padding-top: 7.5px;
  border-style: solid;
  border-width: 1px;
  border-color: #ebebeb;
  border-radius: 5px;
  color: #959595; }

.full_report_btn:hover {
  display: block;
  width: 75px;
  height: 22.5px;
  text-rendering: geometricPrecision;
  font-size: 1em;
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  text-decoration: none;
  background: #ffffff;
  padding-top: 7.5px;
  border-style: solid;
  border-width: 1px;
  border-color: #ebebeb;
  border-radius: 5px;
  color: #2399c0; }

.social-link {
  font-size: 1em;
  font-family: 'PT Sans', sans-serif;
  color: #959595; }

.social-link:hover {
  font-size: 1em;
  font-family: 'PT Sans', sans-serif;
  color: #2399c0;
  text-decoration: none; }

.increase {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px -58px;
  width: 10px;
  height: 8px; }

.increase-percent {
  color: #23c0a8; }

.decrease {
  background: url("/static/images/app/sprite.png") no-repeat;
  background-position: 0px 0px;
  width: 10px;
  height: 8px; }

.decrease-percent {
  color: #ed008a; }

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges; }

.x.axis path {
  display: none; }

#weekly_report {
  width: 600px;
  position: absolute;
  left: 50%;
  margin-left: -400px; }

#twofa_pw {
  width: 520px; }
  #twofa_pw .purple-text {
    display: inline-block;
    margin-bottom: 10px; }
  #twofa_pw input {
    width: 300px;
    margin: 0; }
  #twofa_pw .purple-text {
    margin-bottom: 10px; }
  #twofa_pw .pink-button {
    height: 40px;
    margin-left: 10px;
    width: 150px;
    line-height: 40px; }
  #twofa_pw .sf-modal-pw {
    color: #FA0515;
    font-weight: bold; }
  #twofa_pw .sf-modal-title {
    width: 450px; }
  #twofa_pw .twofa-required {
    margin-bottom: 5px;
    font-weight: bold; }

#twofa_main {
  width: 600px; }
  #twofa_main .sf-modal-title {
    width: 530px; }
  #twofa_main .twofa-sms-sent {
    display: none;
    text-align: center; }
  #twofa_main .twofa-sms-error {
    display: none;
    text-align: center;
    color: #FA0515; }
  #twofa_main .sf-modal-row-top {
    height: 110px;
    display: inline-block; }
    #twofa_main .sf-modal-row-top .sf-modal-row-img {
      left: 15px; }
  #twofa_main .sf-modal-row-text {
    display: inline-block;
    font-size: 1.15em;
    width: 400px; }
    #twofa_main .sf-modal-row-text p {
      margin-bottom: 5px; }
    #twofa_main .sf-modal-row-text .sf-modal-text-row {
      display: inline-block; }
    #twofa_main .sf-modal-row-text .sf-modal-num {
      width: 35px; }
    #twofa_main .sf-modal-row-text span {
      float: left; }
    #twofa_main .sf-modal-row-text span.left {
      width: 330px; }
  #twofa_main hr {
    margin: 5px 0 10px 0; }
  #twofa_main .sf-modal-row-img {
    display: inline-block; }
  #twofa_main #qr {
    width: 135px;
    height: 135px;
    float: left; }
  #twofa_main .sf-modal-row-middle {
    overflow: hidden; }
  #twofa_main .sf-modal-row-bottom {
    font-size: 1.15em;
    line-height: 19px; }
  #twofa_main input {
    margin: 0 0 0 30px;
    height: 30px;
    width: 100px; }
  #twofa_main .pink-button {
    height: 40px;
    line-height: 40px;
    min-width: 155px;
    padding: 0 10px;
    margin-bottom: 15px; }
  #twofa_main .twofa-verify-row {
    display: flex;
    justify-content: space-between;
    height: 40px;
    margin-bottom: 10px; }
    #twofa_main .twofa-verify-row .purple-text {
      line-height: 40px; }
    #twofa_main .twofa-verify-row span, #twofa_main .twofa-verify-row input {
      margin-top: 15px; }
    #twofa_main .twofa-verify-row .twofa-entry {
      display: flex;
      flex-wrap: wrap;
      margin-right: 10px; }
      #twofa_main .twofa-verify-row .twofa-entry .twofa-input-container {
        display: flex; }
        #twofa_main .twofa-verify-row .twofa-entry .twofa-input-container span {
          white-space: nowrap; }
      #twofa_main .twofa-verify-row .twofa-entry .twofa-pin-error {
        color: #FA0515;
        font-size: .95em;
        font-weight: bold;
        width: 100%;
        margin-top: 0px; }
  #twofa_main .twofa-qr-seed {
    font-size: 1.5em;
    margin: 15px 0 10px 130px;
    letter-spacing: .2em; }
  #twofa_main .twofa-wider {
    width: 435px !important; }
  #twofa_main .twofa-narrow {
    width: 230px !important; }
  #twofa_main .twofa-row-wider {
    width: 470px !important; }
  #twofa_main .qr-seed-black {
    color: #000;
    width: 100px !important;
    letter-spacing: .2em; }
  #twofa_main #twofa_expand {
    overflow: hidden; }
    #twofa_main #twofa_expand .qr-extra-row {
      margin-left: 35px;
      width: 100px !important; }
    #twofa_main #twofa_expand .sf-modal-row-text {
      width: 450px; }
      #twofa_main #twofa_expand .sf-modal-row-text span.left {
        width: 410px; }
    #twofa_main #twofa_expand .purple-text {
      font-size: 1.2em; }

#twofa_phone {
  width: 440px; }
  #twofa_phone .light-grey-text {
    margin-bottom: 10px; }
  #twofa_phone #twofa_phone_error {
    height: 0px;
    transition: height .2s;
    clear: both; }
    #twofa_phone #twofa_phone_error #twofa_phone_invalid {
      color: #FA0515;
      font-weight: bold;
      opacity: 0; }
    #twofa_phone #twofa_phone_error .twofa-phone-error-visible {
      opacity: 1 !important;
      transition: all .8s; }
  #twofa_phone .twofa-phone-error-expand {
    height: 10px !important; }
  #twofa_phone #twofa_input_phone {
    width: 140px;
    height: 40px;
    line-height: 40px;
    float: right; }
  #twofa_phone .twofa-phone-row {
    height: 40px; }
  #twofa_phone input {
    width: 220px; }
  #twofa_phone .sf-modal-text-row {
    margin-bottom: 10px; }

.sf-modal .twofa-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: unset !important;
  height: auto;
  min-height: 40px; }

#twofa_codes {
  width: 450px; }
  #twofa_codes .sf-modal-title {
    width: 392px; }
  #twofa_codes .twofa_codes_button_row {
    height: 40px; }
    #twofa_codes .twofa_codes_button_row .pink-button {
      height: 40px;
      line-height: 40px;
      width: 155px;
      margin-right: 10px; }
  #twofa_codes #twofa_codes_div {
    height: 0px;
    margin-top: 5px;
    transition: all 1s;
    -webkit-transition: all 1s;
    overflow: hidden;
    font-size: 15px; }
    #twofa_codes #twofa_codes_div .twofa-code {
      font-weight: bold;
      width: 57px;
      margin: 0 auto; }
  #twofa_codes .black-text {
    margin: 5px 0 10px 0; }
  #twofa_codes .twofa-codes-expanded {
    transition: all 1s;
    -webkit-transition: all 1s;
    height: 200px !important; }
  #twofa_codes .purple-text {
    margin-bottom: 5px; }
  #twofa_codes .white-button {
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: black; }
  #twofa_codes .white-button:hover {
    cursor: pointer; }
  #twofa_codes #codes_ajax_loader {
    padding: 10px;
    margin-right: 40px; }

.account-row-icon.sf-icon-instagram {
  color: #EB006F;
  font-size: 16px; }

#password-modal, #refresh-login-modal {
  width: 520px; }
  #password-modal .purple-text, #refresh-login-modal .purple-text {
    display: inline-block;
    margin-bottom: 10px; }
  #password-modal input, #refresh-login-modal input {
    width: 300px;
    margin: 0; }
  #password-modal .purple-text, #refresh-login-modal .purple-text {
    margin-bottom: 10px; }
  #password-modal .pink-button, #refresh-login-modal .pink-button {
    height: 40px;
    margin-left: 10px;
    width: 150px;
    line-height: 40px; }
  #password-modal .sf-modal-pw, #refresh-login-modal .sf-modal-pw {
    color: #FA0515;
    margin-left: 20px;
    font-weight: bold; }
  #password-modal .sf-modal-title, #refresh-login-modal .sf-modal-title {
    width: 450px; }
  #password-modal .sf-modal-instructions, #refresh-login-modal .sf-modal-instructions {
    margin-bottom: 5px;
    font-weight: bold; }

#refresh-login-modal {
  width: auto; }
  #refresh-login-modal .center {
    text-align: center; }

.pink-button {
  border: 1px;
  color: #F1F1F1;
  background-image: -webkit-linear-gradient(top, #ed008a, #c50274);
  background-image: -moz-linear-gradient(top, #ed008a, #c50274);
  border-radius: 5px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  letter-spacing: .1em;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1px 0 #ff5dbb;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }
  .pink-button span.pink-button-text {
    color: #F1F1F1;
    float: right;
    line-height: 25px;
    height: 25px;
    margin: 0 5px 0 5px; }

.pink-button:hover {
  text-decoration: none;
  color: #F1F1F1;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 0 25px 2px #ff5dbb;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.pink-button:active {
  background-image: -webkit-linear-gradient(top, #c50274, #ed008a);
  background-image: -moz-linear-gradient(top, #c50274, #ed008a);
  -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  -moz-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 5px 15px 0px rgba(132, 0, 77, 0.75);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }

.btn-blue {
  border: none;
  background-image: none;
  background-color: #2399c0;
  color: #f4f4f4;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9); }
  .btn-blue.btn.btn-warning {
    background: #ff8b00; }
  .btn-blue.btn-primary {
    background: #74438d; }

.btn-blue:hover {
  background-color: #198fb6;
  color: #f4f4f4; }

.white-button {
  border: none;
  border-radius: 3px;
  background: #f6f6f6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.9);
  line-height: 25px; }
  .white-button.btn.btn-warning {
    background: #ff8b00; }
  .white-button.btn-primary {
    background: #74438d; }
  .white-button span {
    display: inline-block;
    margin-right: 5px; }

.white-button:hover {
  background-color: #e6e6e6;
  color: #333333; }

.white-button:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.shorten-compose.pink-button {
  line-height: 0px; }

.sf-modal {
  position: fixed;
  font-family: 'PT Sans', sans-serif;
  top: 100px;
  left: 50%;
  margin-left: -200px;
  background: none !important;
  background-color: #f4f4f4 !important;
  z-index: 20001;
  min-width: 0 !important;
  width: 400px;
  min-height: 100px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

#modal_overlay {
  position: fixed;
  display: none;
  background-color: rgba(255, 255, 255, 0.55);
  filter: alpha(opacity=60);
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 20000; }

.sf-modal-top {
  border-radius: 5px 5px 0 0;
  height: 20px;
  background: linear-gradient(180deg, #F9FAFA 0%, #F3F4F5 100%);
  padding: 10px;
  font-size: 1.2em;
  text-align: center;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1300; }
  .sf-modal-top .sf-modal-drag {
    cursor: pointer;
    float: left;
    width: 26px;
    height: 20px;
    background: url("/static/images/app/png.png");
    background-position: 0px -968px; }
  .sf-modal-top .sf-modal-drag:hover {
    background-position: -30px -968px;
    cursor: move; }
  .sf-modal-top .sf-modal-drag:active {
    background-position: -60px -968px; }
  .sf-modal-top .sf-modal-title {
    float: left;
    color: #0A0E12;
    margin-top: 3px;
    width: 334px;
    text-shadow: none; }
  .sf-modal-top .sf-modal-x {
    cursor: pointer;
    color: #F1F1F1;
    width: 20px;
    height: 20px;
    float: right;
    background: url("/static/images/app/png.png") no-repeat;
    background-position: 0 -1000px; }
  .sf-modal-top .sf-modal-x:hover {
    background-position: -30px -1000px; }
  .sf-modal-top .sf-modal-x:active {
    background-position: -60px -1000px; }

.sf-modal-inside-container {
  padding: 20px; }
  .sf-modal-inside-container .purple-text {
    color: #0A0E12;
    font-size: 1.05em;
    font-weight: bold; }
  .sf-modal-inside-container .light-grey-text {
    color: #959595; }
  .sf-modal-inside-container input {
    height: 30px;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    -moz-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff; }
  .sf-modal-inside-container input:hover {
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    -moz-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 #fff; }
  .sf-modal-inside-container input:focus {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .sf-modal-inside-container .pink-button {
    background: linear-gradient(180deg, #5778B2 0%, #4E70AD 100%);
    color: #FFFFFF; }
  .sf-modal-inside-container .pink-button:hover {
    box-shadow: none; }

#nag_phone {
  width: 450px; }
  #nag_phone .sf-modal-title {
    width: 384px; }
  #nag_phone .light-grey-text {
    font-size: 1.1em; }
  #nag_phone .sf-modal-title-row {
    margin-bottom: 5px; }
  #nag_phone .nag-phone-row {
    height: 40px;
    margin-top: 10px; }
  #nag_phone #nag_phone_submit {
    width: 140px;
    height: 40px;
    line-height: 40px;
    float: right; }
  #nag_phone #nag_phone_error {
    height: 0px;
    transition: all .2s;
    clear: both;
    margin-top: 5px; }
    #nag_phone #nag_phone_error .nag-error {
      transition: all .2s;
      color: #FA0515;
      font-weight: bold;
      opacity: 0; }
    #nag_phone #nag_phone_error .nag-error-visible {
      transition: all .8s;
      opacity: 1; }
  #nag_phone .sf-modal-phone-ex {
    margin-top: 5px; }
  #nag_phone .nag-phone-error-expand {
    height: 5px !important; }

.twitter-auto-img-preview,
.pinterest-preview-img,
.preview-img {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='image'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V5C18 4.44772 17.5523 4 17 4H3ZM17 5H3V15H17V5ZM9 7L11.1176 10.1765L12 9L15 13H13H9H5L9 7Z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E%0A") 0 0 no-repeat !important;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  box-shadow: none !important; }
  .twitter-auto-img-preview:hover,
  .pinterest-preview-img:hover,
  .preview-img:hover {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='image'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V5C18 4.44772 17.5523 4 17 4H3ZM17 5H3V15H17V5ZM9 7L11.1176 10.1765L12 9L15 13H13H9H5L9 7Z' fill='%230a0e12'/%3E%3C/svg%3E%0A") 0 0 no-repeat !important; }

.fb-meta-popover-wrapper-queue div.facebook-link {
  max-width: 305px;
  border: none;
  width: 285px !important; }
.fb-meta-popover-wrapper-queue div.popover {
  width: 325px; }
  .fb-meta-popover-wrapper-queue div.popover .fb-title {
    background: none;
    width: 193px;
    cursor: default; }

.twitter-queue-popover-wrapper a {
  border: none;
  background: none;
  box-shadow: none; }
.twitter-queue-popover-wrapper p {
  font-size: .8em;
  vertical-align: bottom; }
.twitter-queue-popover-wrapper .twitter-auto-img-preview-queue {
  float: left;
  cursor: pointer;
  position: relative;
  left: 0;
  bottom: -5px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 13H12v-1h2.5a2.5 2.5 0 000-5H12V6h2.5a3.5 3.5 0 110 7zM7 9h6v1H7V9zm-4 .5A2.5 2.5 0 005.5 12H8v1H5.5a3.5 3.5 0 110-7H8v1H5.5A2.5 2.5 0 003 9.5z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E"); }
  .twitter-queue-popover-wrapper .twitter-auto-img-preview-queue:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 13H12v-1h2.5a2.5 2.5 0 000-5H12V6h2.5a3.5 3.5 0 110 7zM7 9h6v1H7V9zm-4 .5A2.5 2.5 0 005.5 12H8v1H5.5a3.5 3.5 0 110-7H8v1H5.5A2.5 2.5 0 003 9.5z' fill='%230a0e12'/%3E%3C/svg%3E"); }
.twitter-queue-popover-wrapper .popover {
  left: 10px !important; }

.popover {
  padding: 0;
  background: #ffffff;
  border: none;
  border-radius: 4px;
  box-shadow: 0px 15px 40px rgba(20, 27, 36, 0.1); }

.preview-video {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='image'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V5C18 4.44772 17.5523 4 17 4H3ZM17 5H3V15H17V5ZM9 7L11.1176 10.1765L12 9L15 13H13H9H5L9 7Z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E%0A") 0 0 no-repeat !important;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  box-shadow: none !important; }

.preview-video:hover {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' id='image'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 4C2.44772 4 2 4.44772 2 5V15C2 15.5523 2.44772 16 3 16H17C17.5523 16 18 15.5523 18 15V5C18 4.44772 17.5523 4 17 4H3ZM17 5H3V15H17V5ZM9 7L11.1176 10.1765L12 9L15 13H13H9H5L9 7Z' fill='%230a0e12'/%3E%3C/svg%3E%0A") 0 0 no-repeat !important; }

.view-error {
  cursor: pointer;
  float: left;
  color: #666666;
  font-size: 14.5px;
  margin-top: 8px;
  margin-right: 5px; }

.red-notif {
  -moz-border-radius: 50px/50px;
  -webkit-border-radius: 50px 50px;
  border-radius: 50px/50px;
  border: solid 1px #f00;
  background-color: #f00;
  text-align: center;
  font-weight: bold;
  color: white;
  width: 12px;
  height: 12px;
  line-height: 14px;
  display: inline-block;
  position: static; }

.video-container {
  width: 120px;
  position: relative; }

.video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s; }

.video-container:hover .video-controls {
  opacity: .9; }

.video-container .video-controls input {
  background: rgba(0, 0, 0, 0.5);
  font-family: "socialflow";
  border: 0;
  color: #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.video-container .video-controllers input:hover {
  cursor: pointer; }

.compose .image-thumb {
  display: inline-block;
  position: relative; }

.item .image-thumb {
  display: inline-block;
  position: relative; }

.cancel-image {
  position: absolute;
  right: -4px;
  z-index: 2;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #666;
  margin-left: 5px;
  text-align: center;
  line-height: 0.9;
  width: 11px;
  height: 11px;
  color: white;
  cursor: pointer;
  padding: 2px;
  font-size: 11px;
  box-shadow: 0px 0px 1px black;
  top: -4px; }

.compose .image-wrap {
  padding: 0;
  width: auto;
  position: relative;
  float: left;
  margin-right: 10px; }

.timeline .item .image-upload2 .cancel-image {
  display: none !important; }

#pinterest_img_replace, #file_uploader {
  position: relative;
  overflow: hidden;
  direction: ltr;
  display: inline;
  text-decoration: none; }
  #pinterest_img_replace input, #file_uploader input {
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: Arial;
    font-size: 118px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0; }

a#pinterest_img_replace:hover {
  background-color: #f0f1f3;
  color: #626971; }

.compose-image-button input {
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: Arial;
  font-size: 118px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  opacity: 0; }

.filter-save-row, .target-save-row {
  width: 100%; }
  .filter-save-row .spec-error-container, .target-save-row .spec-error-container {
    color: red; }
  .filter-save-row .filter-save-container, .filter-save-row .target-save-container, .target-save-row .filter-save-container, .target-save-row .target-save-container {
    align-items: center;
    display: flex; }
    .filter-save-row .filter-save-container a, .filter-save-row .target-save-container a, .target-save-row .filter-save-container a, .target-save-row .target-save-container a {
      color: #0a0e12;
      display: flex;
      align-items: center; }
    .filter-save-row .filter-save-container a:hover, .filter-save-row .target-save-container a:hover, .target-save-row .filter-save-container a:hover, .target-save-row .target-save-container a:hover {
      text-decoration: none; }
      .filter-save-row .filter-save-container a:hover .filter-save-container__dropdown, .filter-save-row .target-save-container a:hover .filter-save-container__dropdown, .target-save-row .filter-save-container a:hover .filter-save-container__dropdown, .target-save-row .target-save-container a:hover .filter-save-container__dropdown {
        color: #0a0e12; }
    .filter-save-row .filter-save-container i, .filter-save-row .filter-save-container p, .filter-save-row .target-save-container i, .filter-save-row .target-save-container p, .target-save-row .filter-save-container i, .target-save-row .filter-save-container p, .target-save-row .target-save-container i, .target-save-row .target-save-container p {
      display: inline-block;
      color: #74438d; }
      .filter-save-row .filter-save-container i:hover, .filter-save-row .filter-save-container p:hover, .filter-save-row .target-save-container i:hover, .filter-save-row .target-save-container p:hover, .target-save-row .filter-save-container i:hover, .target-save-row .filter-save-container p:hover, .target-save-row .target-save-container i:hover, .target-save-row .target-save-container p:hover {
        text-decoration: underline;
        color: #000; }
    .filter-save-row .filter-save-container .icon, .filter-save-row .target-save-container .icon, .target-save-row .filter-save-container .icon, .target-save-row .target-save-container .icon {
      color: rgba(20, 27, 36, 0.4);
      margin-right: 10px; }
    .filter-save-row .filter-save-container .filter-save-container__dropdown, .filter-save-row .target-save-container .filter-save-container__dropdown, .target-save-row .filter-save-container .filter-save-container__dropdown, .target-save-row .target-save-container .filter-save-container__dropdown {
      color: rgba(20, 27, 36, 0.4); }
  .filter-save-row .filter-save-input input, .filter-save-row .target-save-input input, .target-save-row .filter-save-input input, .target-save-row .target-save-input input {
    margin: 0; }
  .filter-save-row .filter-save-input input, .filter-save-row .filter-save-input p, .filter-save-row .target-save-input input, .filter-save-row .target-save-input p, .target-save-row .filter-save-input input, .target-save-row .filter-save-input p, .target-save-row .target-save-input input, .target-save-row .target-save-input p {
    display: inline-block; }
  .filter-save-row .filter-save-input .filter-error, .filter-save-row .filter-save-input .target-error, .filter-save-row .target-save-input .filter-error, .filter-save-row .target-save-input .target-error, .target-save-row .filter-save-input .filter-error, .target-save-row .filter-save-input .target-error, .target-save-row .target-save-input .filter-error, .target-save-row .target-save-input .target-error {
    color: #e9322d; }
  .filter-save-row .filter-save-input .red-border, .filter-save-row .target-save-input .red-border, .target-save-row .filter-save-input .red-border, .target-save-row .target-save-input .red-border {
    border-width: 1px;
    border-color: #e9322d;
    border-style: solid;
    box-shadow: #f8b9b7 0px 0px 6px 0px; }
  .filter-save-row .filter-save-input p, .filter-save-row .target-save-input p, .target-save-row .filter-save-input p, .target-save-row .target-save-input p {
    vertical-align: middle;
    margin-left: 3px; }
  .filter-save-row .filter-save-input .target-save-x:hover, .filter-save-row .target-save-input .target-save-x:hover, .target-save-row .filter-save-input .target-save-x:hover, .target-save-row .target-save-input .target-save-x:hover {
    cursor: pointer; }

.filter-save-container, .target-save-container {
  cursor: pointer; }

.filter-save-row {
  width: 461px;
  margin-top: 15px;
  -webkit-font-smoothing: antialiased; }
  .filter-save-row .filter-saved-container {
    margin-bottom: 5px; }
  .filter-save-row .filter-save-input {
    margin-top: 5px; }
    .filter-save-row .filter-save-input input {
      height: 30px;
      font-size: 13px;
      font-family: sans-serif;
      border-width: 0 0 1px 0;
      box-shadow: none;
      border-radius: 0;
      border-color: rgba(20, 27, 36, 0.1); }
      .filter-save-row .filter-save-input input:focus {
        border-color: rgba(20, 27, 36, 0.2); }
    .filter-save-row .filter-save-input .filter-delete, .filter-save-row .filter-save-input .filter-cancel, .filter-save-row .filter-save-input .filter-save {
      margin-right: 10px;
      color: rgba(20, 27, 36, 0.4);
      display: inline-block;
      vertical-align: top;
      margin-top: 4px; }
      .filter-save-row .filter-save-input .filter-delete:hover, .filter-save-row .filter-save-input .filter-cancel:hover, .filter-save-row .filter-save-input .filter-save:hover {
        color: #0a0e12; }

.filter-reset {
  margin-left: 12px;
  color: #325ca4;
  display: flex;
  align-items: center; }

.filter-reset__icon {
  color: rgba(50, 92, 164, 0.6);
  margin-right: 10px; }

.filter-reset:hover {
  color: #325ca4;
  text-decoration: none; }

.filter-reset:hover .filter-reset__icon {
  color: #325ca4; }

.cta-container {
  display: inline;
  width: 300px;
  margin-top: 5px;
  font-size: 0.9em; }
  .cta-container .dropdown-menu {
    font-size: 14px !important; }
  .cta-container #cta_label {
    background-color: #f5f5f5;
    opacity: 1; }

#items .fb-tn-repl {
  margin-right: 5px; }
#items .fb-desc {
  margin-bottom: 5px; }

#compose #video_cta_container {
  display: inline-block;
  margin-left: 10px; }

#items #video_cta_container .btn-group {
  margin-left: 5px; }

#items .fb-wrap .btn-mini, #items .cta-container .btn-mini {
  padding: 0 3px;
  line-height: 14px; }

.cta-video-data {
  margin-bottom: 10px; }

#slideshowModal, #sponsorModal {
  max-height: 600px;
  overflow: auto; }

#videoModal {
  max-height: 85%;
  overflow: auto; }

.video-link, .video-title {
  margin-top: 10px;
  font-family: "PT Sans", sans-serif;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 15px;
  width: 95%; }
  .video-link:hover, .video-title:hover {
    cursor: pointer; }

#slideshowModal .progress, #sponsorModal .progress {
  margin: 10px 10px 20px 10px !important; }
  #slideshowModal .progress .progress-bar, #sponsorModal .progress .progress-bar {
    height: 100%;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
  #slideshowModal .progress .progress-bar-success, #sponsorModal .progress .progress-bar-success {
    background-color: #5cb85c; }

#slideshow_file_uploader, .set-duration, .set-transition, .create-playlist, .backdate-post, .expire-time, .sponsor-input {
  margin-left: 4px;
  margin-bottom: 9px;
  font-family: "PT Sans", sans-serif;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 18px; }
  #slideshow_file_uploader:hover, .set-duration:hover, .set-transition:hover, .create-playlist:hover, .backdate-post:hover, .expire-time:hover, .sponsor-input:hover {
    cursor: pointer; }

#slideshow_file_uplaoder, .set-duration, .set-transition, .sponsor-input {
  width: 400px !important; }

.create-playlist {
  width: 355px !important; }

.video-title {
  margin-bottom: 10px;
  margin-top: 0px; }

.item #video_thumbnail {
  margin: 2px 0px 2px 5px; }
.item .video-title {
  margin: 2px 0px 2px 5px;
  width: 60%; }
.item .video-link {
  margin: 2px 0px 0px 5px;
  width: 60%; }
.item .expire-time {
  width: 26.5%;
  margin: 2px 2px 2px 5px;
  font-size: 0.9em;
  min-height: 14px; }

.filter-open .item .video-title, .filter-open .item .video-link, .filter-open .item .video-title {
  width: 55%; }

#slideshowModal .target-board .control-group .sec-toggle-btn p, #videoModal .target-board .control-group .sec-toggle-btn p, #sponsorModal .target-board .control-group .sec-toggle-btn p {
  width: 160px; }
#slideshowModal #video_settings_cancel_btn, #slideshowModal #video_settings_reset_btn, #videoModal #video_settings_cancel_btn, #videoModal #video_settings_reset_btn, #sponsorModal #video_settings_cancel_btn, #sponsorModal #video_settings_reset_btn {
  width: 35px;
  height: 20px;
  float: none;
  margin: 0 0 0 0px; }
#slideshowModal #video_settings_save_btn, #videoModal #video_settings_save_btn, #sponsorModal #video_settings_save_btn {
  width: 80px;
  height: 20px;
  float: none;
  margin: 0 0 0 0px; }
#slideshowModal h3, #videoModal h3, #sponsorModal h3 {
  width: 200px;
  padding-left: 0px; }
#slideshowModal #create_playlist_btn, #videoModal #create_playlist_btn, #sponsorModal #create_playlist_btn {
  font-size: 25px;
  font-weight: bold;
  height: 21px;
  line-height: 23px;
  color: #666;
  padding: 3px 7px; }
#slideshowModal .controls, #videoModal .controls, #sponsorModal .controls {
  padding: 0px !important; }
#slideshowModal .fileinput-button, #videoModal .fileinput-button, #sponsorModal .fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  #slideshowModal .fileinput-button input, #videoModal .fileinput-button input, #sponsorModal .fileinput-button input {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer; }
#slideshowModal input, #videoModal input, #sponsorModal input {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: 30px !important;
  height: 1%;
  position: relative;
  width: 400px;
  box-sizing: border-box; }
#slideshowModal #collapseSponsors, #slideshowModal #collapseImages, #slideshowModal #collapseEmbeddable, #slideshowModal #collapseBMCrosspost, #slideshowModal #collapseDuration, #slideshowModal #collapseTransition, #slideshowModal #collapseUnlisted, #slideshowModal #collapseSocialActions, #slideshowModal #collapsePlaylists, #slideshowModal #collapsePrivacyMore, #slideshowModal #collapseExpiration, #slideshowModal #collapsePrivacy, #slideshowModal #collapseBackdate, #slideshowModal #collapseExpirationType, #videoModal #collapseSponsors, #videoModal #collapseImages, #videoModal #collapseEmbeddable, #videoModal #collapseBMCrosspost, #videoModal #collapseDuration, #videoModal #collapseTransition, #videoModal #collapseUnlisted, #videoModal #collapseSocialActions, #videoModal #collapsePlaylists, #videoModal #collapsePrivacyMore, #videoModal #collapseExpiration, #videoModal #collapsePrivacy, #videoModal #collapseBackdate, #videoModal #collapseExpirationType, #sponsorModal #collapseSponsors, #sponsorModal #collapseImages, #sponsorModal #collapseEmbeddable, #sponsorModal #collapseBMCrosspost, #sponsorModal #collapseDuration, #sponsorModal #collapseTransition, #sponsorModal #collapseUnlisted, #sponsorModal #collapseSocialActions, #sponsorModal #collapsePlaylists, #sponsorModal #collapsePrivacyMore, #sponsorModal #collapseExpiration, #sponsorModal #collapsePrivacy, #sponsorModal #collapseBackdate, #sponsorModal #collapseExpirationType {
  padding-top: 10px; }
#slideshowModal .allow-bm-crossposting, #slideshowModal .embeddable-type, #slideshowModal .set-duration, #slideshowModal .set-transition, #slideshowModal .create-playlist, #slideshowModal #video_lists, #slideshowModal .backdate-post, #slideshowModal #privacy_newsfeed_type, #slideshowModal #privacy_all_type, #slideshowModal .expire-time, #slideshowModal #expiration_type, #slideshowModal .unlisted-video-type, #slideshowModal .social-actions-type, #slideshowModal .sponsor-input, #videoModal .allow-bm-crossposting, #videoModal .embeddable-type, #videoModal .set-duration, #videoModal .set-transition, #videoModal .create-playlist, #videoModal #video_lists, #videoModal .backdate-post, #videoModal #privacy_newsfeed_type, #videoModal #privacy_all_type, #videoModal .expire-time, #videoModal #expiration_type, #videoModal .unlisted-video-type, #videoModal .social-actions-type, #videoModal .sponsor-input, #sponsorModal .allow-bm-crossposting, #sponsorModal .embeddable-type, #sponsorModal .set-duration, #sponsorModal .set-transition, #sponsorModal .create-playlist, #sponsorModal #video_lists, #sponsorModal .backdate-post, #sponsorModal #privacy_newsfeed_type, #sponsorModal #privacy_all_type, #sponsorModal .expire-time, #sponsorModal #expiration_type, #sponsorModal .unlisted-video-type, #sponsorModal .social-actions-type, #sponsorModal .sponsor-input {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 10px;
  margin-right: 10px; }
#slideshowModal .playlist-videos, #videoModal .playlist-videos, #sponsorModal .playlist-videos {
  padding: 5px 10px 5px 20px;
  white-space: nowrap;
  height: 125px;
  overflow-x: auto;
  overflow-y: none; }
  #slideshowModal .playlist-videos video, #videoModal .playlist-videos video, #sponsorModal .playlist-videos video {
    margin-right: 10px;
    height: 108px;
    width: 168px; }
#slideshowModal .slideshow-set, #videoModal .slideshow-set, #sponsorModal .slideshow-set {
  display: inline-block;
  position: relative;
  height: 100px;
  margin: 5px; }
  #slideshowModal .slideshow-set img, #videoModal .slideshow-set img, #sponsorModal .slideshow-set img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto; }
#slideshowModal .remove-image, #videoModal .remove-image, #sponsorModal .remove-image {
  position: absolute;
  right: -4px;
  z-index: 2;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-color: #666;
  margin-left: 5px;
  text-align: center;
  line-height: 0.9;
  width: 11px;
  height: 11px;
  color: white;
  cursor: pointer;
  padding: 2px;
  font-size: 11px;
  box-shadow: 0px 0px 1px black;
  top: -4px; }

#video_status_processing {
  color: #FFBE00; }

#apple_news_article_processing {
  color: #FFBE00; }

#slideshow_settings_error, #video_status_error {
  color: #FF1700; }

#apple_news_article_error {
  color: #FF1700; }

#video_status_ready {
  color: #308446; }

#apple_news_article_live {
  color: #308446; }

#unlisted_video, #social_actions, #video_backdate_note, #video_expiration_note, #video_crossposting {
  font-size: 13px;
  color: #626b78; }

.image-arrows {
  position: absolute;
  cursor: pointer; }

.image-arrow-right {
  color: #fff;
  font-size: 15px;
  background-color: #656565;
  padding-left: 7px;
  padding-right: 6px;
  padding-top: 3px;
  margin-left: 2px; }

.image-arrow-right:hover, .image-arrow-left:hover {
  background-color: #000; }

.image-arrow-left {
  color: #fff;
  font-size: 15px;
  background-color: #656565;
  padding-left: 5px;
  padding-right: 7px;
  padding-top: 3px; }

.cancel-url-image {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  right: 2px;
  top: -1px; }

#notify {
  -webkit-transition: height .2s;
  transition: height .2s;
  visibility: hidden;
  position: fixed;
  bottom: 60px;
  left: 0;
  right: 0;
  color: #FFF;
  background: #ac3a77;
  height: 0;
  z-index: 11;
  font-family: 'PT Sans', sans-serif; }
  #notify p, #notify a {
    padding: 4px 10px;
    line-height: 20px;
    max-height: 30px;
    overflow: hidden; }
  #notify p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%; }
  #notify .right {
    color: #FFF; }
  #notify.expand {
    -webkit-transition: height .2s;
    transition: height .2s;
    height: 30px;
    border-width: 1px;
    visibility: visible; }

.target-board .facebook-interest-autocomplete {
  z-index: 1002;
  max-height: 150px;
  overflow-y: auto;
  width: 400px;
  box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); }

.target-board .sponsor-autocomplete {
  position: relative;
  z-index: 1002;
  max-height: 150px;
  overflow-y: auto;
  width: 400px;
  box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); }

.target-board .sponsor-center {
  margin-left: 11px; }

.item-open-content .facebook-page-autocomplete {
  position: absolute;
  z-index: 1002;
  margin-left: 81px;
  max-height: 200px;
  overflow-y: auto;
  width: 377px; }

.compose .facebook-page-autocomplete {
  position: absolute;
  z-index: 1002;
  top: 150px;
  left: 420px;
  width: 416px;
  max-height: 200px;
  overflow-y: auto; }

.facebook-interest-autocomplete .list-container .page-list-view, .sponsor-autocomplete .list-container .page-list-view, .facebook-page-autocomplete .list-container .page-list-view {
  display: block;
  left: 0;
  top: 100%;
  width: 100%; }
  .facebook-interest-autocomplete .list-container .page-list-view ul, .sponsor-autocomplete .list-container .page-list-view ul, .facebook-page-autocomplete .list-container .page-list-view ul {
    background: #fff;
    border: solid;
    border-width: 1px 1px 2px;
    border-color: #ccc;
    padding: 2px 0; }
  .facebook-interest-autocomplete .list-container .page-list-view .compact li, .sponsor-autocomplete .list-container .page-list-view .compact li, .facebook-page-autocomplete .list-container .page-list-view .compact li {
    min-height: 32px;
    padding: 2px 10px 2px 45px; }
  .facebook-interest-autocomplete .list-container .page-list-view .compact .facebook-page-img, .sponsor-autocomplete .list-container .page-list-view .compact .facebook-page-img, .facebook-page-autocomplete .list-container .page-list-view .compact .facebook-page-img {
    display: block;
    height: 32px;
    left: 6px;
    position: absolute;
    width: 32px; }
  .facebook-interest-autocomplete .list-container .page-list-view .compact .page-loading, .sponsor-autocomplete .list-container .page-list-view .compact .page-loading, .facebook-page-autocomplete .list-container .page-list-view .compact .page-loading {
    margin-left: 175px; }
  .facebook-interest-autocomplete .list-container .page-list-view .compact .facebook-page-text, .sponsor-autocomplete .list-container .page-list-view .compact .facebook-page-text, .facebook-page-autocomplete .list-container .page-list-view .compact .facebook-page-text {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold; }
    .facebook-interest-autocomplete .list-container .page-list-view .compact .facebook-page-text .verified, .sponsor-autocomplete .list-container .page-list-view .compact .facebook-page-text .verified, .facebook-page-autocomplete .list-container .page-list-view .compact .facebook-page-text .verified {
      background: url(/static/images/app/social-icons-sprite.png?v=1) 0 -140px no-repeat;
      width: 15px;
      height: 15px; }
  .facebook-interest-autocomplete .list-container .page-list-view .compact .page:hover, .sponsor-autocomplete .list-container .page-list-view .compact .page:hover, .facebook-page-autocomplete .list-container .page-list-view .compact .page:hover {
    background-color: #b6bdc8;
    cursor: pointer; }
  .facebook-interest-autocomplete .list-container .page-list-view .facebook-page-subtext, .sponsor-autocomplete .list-container .page-list-view .facebook-page-subtext, .facebook-page-autocomplete .list-container .page-list-view .facebook-page-subtext {
    font-family: 'PT Sans', sans-serif;
    display: block;
    overflow: hidden;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap; }

.facebook-interest-autocomplete .list-container .compact li {
  padding: 2px 10px 2px 10px !important; }
.facebook-interest-autocomplete .list-container .compact .facebook-interest-category {
  font-style: italic;
  font-weight: lighter;
  color: #9ea4ae; }

.sponsor-with {
  font-weight: 100 !important; }

.view-sponsor {
  color: #2399c0;
  cursor: pointer;
  font-size: 10px;
  margin-top: 8px; }

.multi-image-container {
  width: 400px;
  overflow: hidden;
  margin: 5px 0 0 10px;
  line-height: 0px; }
  .multi-image-container .multiple-photos-3 .photo-0 img {
    left: 0 !important; }

.smr-carousel {
  height: 400px; }
  .smr-carousel .carousel-inner, .smr-carousel .carousel-inner > .item {
    height: 400px; }
  .smr-carousel .carousel-inner > .item > img,
  .smr-carousel .carousel-inner > .item > a > img {
    margin: auto;
    width: 460px;
    height: 345px;
    object-fit: contain; }
  .smr-carousel .carousel-inner > .item video {
    width: 100%;
    max-height: 100%; }
  .smr-carousel .message-detail-video-container {
    width: 100%;
    height: 100%; }
  .smr-carousel .carousel-arrow-container {
    position: absolute;
    bottom: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .smr-carousel .carousel-arrow-container i {
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border-radius: 25%;
      font-size: 13px;
      padding: 10px;
      border: 1px solid white;
      cursor: pointer; }

.item .item-buttons .popover {
  max-width: 300px; }

.item .multi-image-container {
  max-width: 600px;
  width: auto;
  margin: 0;
  position: relative; }
  .item .multi-image-container img {
    min-width: 50px;
    min-height: 50px; }
  .item .multi-image-container .carousel-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 25%;
    font-size: 14px;
    padding: 2px;
    border: 1px solid white; }

.multiple-photos-2 {
  height: 110px !important;
  width: 285px !important;
  position: relative; }
  .multiple-photos-2 img {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .multiple-photos-2 .photo-0 {
    width: 142px !important;
    height: 110px !important;
    overflow: hidden;
    position: absolute; }
    .multiple-photos-2 .photo-0 img {
      position: absolute;
      width: auto !important;
      height: 100%;
      left: -10%;
      z-index: 1; }
  .multiple-photos-2 .photo-1 {
    overflow: hidden;
    width: 142px !important;
    height: 110px !important;
    position: absolute;
    left: 50%; }
    .multiple-photos-2 .photo-1 img {
      position: absolute;
      width: auto !important;
      height: 100%;
      left: -20%; }

.multiple-photos-3 {
  height: 110px !important;
  width: 285px !important;
  position: relative; }
  .multiple-photos-3 img {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .multiple-photos-3 .photo-0 {
    width: 142px !important;
    height: 110px !important;
    overflow: hidden;
    position: absolute; }
    .multiple-photos-3 .photo-0 img {
      position: absolute;
      width: auto !important;
      height: 100%;
      left: -10%;
      z-index: 1; }
  .multiple-photos-3 .photo-1 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute;
    left: 50%; }
    .multiple-photos-3 .photo-1 img {
      position: absolute;
      width: 100% !important;
      height: auto; }
  .multiple-photos-3 .photo-2 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50.5%; }
    .multiple-photos-3 .photo-2 img {
      position: absolute;
      width: 100% !important;
      height: auto; }

.multiple-photos-4 {
  height: 110px !important;
  width: 285px !important;
  position: relative; }
  .multiple-photos-4 img {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .multiple-photos-4 .photo-0 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute; }
    .multiple-photos-4 .photo-0 img {
      position: absolute;
      width: 100% !important;
      height: auto;
      z-index: 1; }
  .multiple-photos-4 .photo-1 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute;
    left: 50%; }
    .multiple-photos-4 .photo-1 img {
      position: absolute;
      width: 100% !important;
      height: auto; }
  .multiple-photos-4 .photo-2 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute;
    top: 50.5%; }
    .multiple-photos-4 .photo-2 img {
      position: absolute;
      width: 100% !important;
      height: auto; }
  .multiple-photos-4 .photo-3 {
    width: 142px !important;
    height: 55px !important;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50.5%; }
    .multiple-photos-4 .photo-3 img {
      position: absolute;
      width: 100% !important;
      height: auto; }

#pinterest_boardpicker {
  left: -110px;
  top: 3px; }
  #pinterest_boardpicker #selected_board {
    max-width: 125px; }
  #pinterest_boardpicker ul.dropdown-menu {
    max-height: 200px;
    overflow-y: auto; }

.item #pinterest_boardpicker {
  position: static;
  top: auto;
  left: auto;
  margin: 0 0 5px 0; }
  .item #pinterest_boardpicker ul.dropdown-menu {
    max-height: 90px;
    overflow-y: auto; }
  .item #pinterest_boardpicker .btn {
    padding: 0 5px;
    line-height: 14px; }

.item .queue-pinterest-board {
  max-width: 85px;
  float: left;
  margin-top: 7px; }

.item .queue-pinterest-board.btn {
  line-height: 15px; }

.compose .pub-accounts li.pinterest .icon {
  background: none;
  color: #cb2027; }

.active-account .icon.pinterest,
.pinterest i {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2A8 8 0 006.79 17.327c-.024-.559-.005-1.229.138-1.836.155-.65 1.03-4.36 1.03-4.36s-.255-.511-.255-1.266c0-1.185.687-2.07 1.542-2.07.729 0 1.08.546 1.08 1.2 0 .731-.467 1.826-.706 2.84-.2.848.425 1.54 1.261 1.54 1.517 0 2.538-1.947 2.538-4.253 0-1.753-1.181-3.066-3.33-3.066-2.426 0-3.937 1.81-3.937 3.831 0 .697.204 1.189.527 1.569.147.175.168.246.114.446-.038.148-.126.502-.163.642-.053.203-.217.275-.4.2-1.118-.456-1.638-1.68-1.638-3.056 0-2.272 1.917-4.997 5.717-4.997 3.054 0 5.066 2.21 5.066 4.582 0 3.139-1.746 5.484-4.318 5.484-.864 0-1.676-.468-1.954-.998 0 0-.465 1.844-.563 2.2-.17.616-.502 1.233-.805 1.713A8 8 0 0018 10 8 8 0 0010 2z' fill='rgba(20, 27, 36, 0.4)'/%3E%3C/svg%3E"); }

.sf-icon-pinterest {
  font-family: 'socialflow_v2' !important;
  color: rgba(20, 27, 36, 0.4);
  height: 16px;
  width: 16px; }

.img-dimensions {
  font-size: .8em; }
  .img-dimensions .pinterest-recommended, .img-dimensions .instagram-recommended {
    display: none;
    color: #49b748;
    vertical-align: middle; }
  .img-dimensions .pinterest-not-recommended, .img-dimensions .instagram-not-recommended {
    display: none;
    color: #bc2024;
    vertical-align: middle; }

.instagram-img-dimension-container {
  display: none; }
  .instagram-img-dimension-container .instagram-img-note {
    margin-top: 2px; }

.pinterest-img-note, .instagram-img-note, .facebook-img-note {
  margin-top: 10px;
  font-size: 0.8em;
  color: #a8a9ad;
  font-weight: lighter; }

.slideshow-icon {
  font-weight: bold;
  font-size: 1.4em; }

.slideshow-images-box .inline-icon {
  vertical-align: middle;
  padding: 5px; }
.slideshow-images-box .fileinput-button {
  margin: 10px; }

.slideshow-video {
  margin-bottom: 0; }
  .slideshow-video .carousel-inner .item {
    position: relative !important;
    border-bottom: none !important;
    width: 230px !important;
    height: 129px !important; }
    .slideshow-video .carousel-inner .item img, .slideshow-video .carousel-inner .item video {
      max-width: 100% !important;
      max-height: 100% !important;
      margin: 0 auto !important; }
  .slideshow-video .carousel-inner .active {
    display: flex !important; }
  .slideshow-video .slideshow-controls {
    position: absolute;
    bottom: 43%;
    left: 51%;
    width: 100%;
    margin-left: -51%; }
    .slideshow-video .slideshow-controls a {
      text-decoration: none;
      color: rgba(20, 27, 36, 0.4); }
    .slideshow-video .slideshow-controls a:hover {
      cursor: pointer;
      color: #0a0e12; }
  .slideshow-video .sf-modal-element input {
    padding: 10px 5px; }

.the-stream .slideshow-video, .items .slideshow-video {
  margin-bottom: -10px; }
  .the-stream .slideshow-video .carousel-inner, .items .slideshow-video .carousel-inner {
    overflow: visible; }
    .the-stream .slideshow-video .carousel-inner .item, .items .slideshow-video .carousel-inner .item {
      background: transparent;
      display: none;
      width: 110px !important;
      height: 60px !important;
      padding-top: 0;
      margin-top: -4px; }

.view-info {
  cursor: pointer;
  color: #666666;
  font-size: 10px;
  margin-top: 8px; }

.carousel-post {
  margin-bottom: 0; }
  .carousel-post .slide-count {
    font-family: "PT Sans", sans-serif;
    font-size: 0.8em; }
  .carousel-post .carousel-inner .item {
    position: relative !important;
    border-bottom: none !important;
    width: 540px !important;
    height: 140px !important; }
    .carousel-post .carousel-inner .item img {
      max-width: 100% !important;
      max-height: 100% !important;
      display: block;
      margin-right: auto;
      margin-left: auto; }
  .carousel-post .carousel-inner .active {
    display: block !important; }
  .carousel-post .carousel-controls {
    position: absolute;
    bottom: 43%;
    left: 51%;
    width: 100%;
    margin-left: -51%;
    pointer-events: none; }
    .carousel-post .carousel-controls a {
      pointer-events: all !important;
      text-decoration: none;
      background: none;
      box-shadow: none;
      margin-right: -4px;
      margin-left: -4px; }
    .carousel-post .carousel-controls a:hover {
      cursor: pointer; }
  .carousel-post .carousel-content {
    width: 270px;
    float: right; }
    .carousel-post .carousel-content .carousel-data {
      width: 270px; }
  .carousel-post .carousel-image {
    width: 270px;
    height: 140px;
    float: left; }
  .carousel-post .carousel-cap, .carousel-post .carousel-title, .carousel-post .carousel-link, .carousel-post .carousel-desc {
    font-family: "PT Sans", sans-serif;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 1.5em;
    width: 95%; }
    .carousel-post .carousel-cap:hover, .carousel-post .carousel-title:hover, .carousel-post .carousel-link:hover, .carousel-post .carousel-desc:hover {
      cursor: pointer; }

.the-stream .carousel-post .carousel-inner, .items .carousel-post .carousel-inner {
  overflow: visible; }
  .the-stream .carousel-post .carousel-inner .item, .items .carousel-post .carousel-inner .item {
    display: none;
    width: 300px !important;
    height: 75px !important; }
.the-stream .carousel-post .carousel-content, .items .carousel-post .carousel-content {
  width: 150px !important; }
  .the-stream .carousel-post .carousel-content .carousel-data, .items .carousel-post .carousel-content .carousel-data {
    width: 150px !important; }
.the-stream .carousel-post .carousel-image, .items .carousel-post .carousel-image {
  width: 150px !important;
  height: 75px !important; }
.the-stream .carousel-post .carousel-cap, .the-stream .carousel-post .carousel-title, .the-stream .carousel-post .carousel-link, .the-stream .carousel-post .carousel-desc, .items .carousel-post .carousel-cap, .items .carousel-post .carousel-title, .items .carousel-post .carousel-link, .items .carousel-post .carousel-desc {
  margin-bottom: 2px;
  font-size: 0.8em; }
.the-stream .carousel-post .end-card-text, .the-stream .carousel-post .image-order-text, .items .carousel-post .end-card-text, .items .carousel-post .image-order-text {
  font-size: 0.7em; }

/* Import single icon files =========== */
@font-face {
  font-family: 'handshake';
  src: url("../fonts/singles/handshake.eot?agm45f");
  src: url("../fonts/singles/handshake.eot?agm45f#iefix") format("embedded-opentype"), url("../fonts/singles/handshake.ttf?agm45f") format("truetype"), url("../fonts/singles/handshake.woff?agm45f") format("woff"), url("../fonts/singles/handshake.svg?agm45f#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-s-icon-"], [class*=" sf-s-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'handshake' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sf-s-icon-handshake:before {
  content: "\e900"; }

@font-face {
  font-family: 'apple-news';
  src: url("../fonts/singles/apple-news.eot?ewvr8t");
  src: url("../fonts/singles/apple-news.eot?ewvr8t#iefix") format("embedded-opentype"), url("../fonts/singles/apple-news.ttf?ewvr8t") format("truetype"), url("../fonts/singles/apple-news.woff?ewvr8t") format("woff"), url("../fonts/singles/apple-news.svg?ewvr8t#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-icon-apple-news"], [class*=" sf-icon-apple-news"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'apple-news' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sf-icon-apple-news:before {
  content: "\e900"; }

@font-face {
  font-family: 'linechart';
  src: url("../fonts/singles/linechart/linechart.eot?agm45f");
  src: url("../fonts/singles/linechart/linechart.eot?agm45f#iefix") format("embedded-opentype"), url("../fonts/singles/linechart/linechart.ttf?agm45f") format("truetype"), url("../fonts/singles/linechart/linechart.woff?agm45f") format("woff"), url("../fonts/singles/linechart/linechart.svg?agm45f#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-s-icon-linechart"]:before, [class*=" sf-s-icon-linechart"]:before {
  font-family: "linechart";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sf-s-icon-linechart:before {
  content: '\f201'; }

@font-face {
  font-family: 'google-logo';
  src: url("../fonts/singles/googlelogo.eot?g9mrxj");
  src: url("../fonts/singles/googlelogo.eot?g9mrxj#iefix") format("embedded-opentype"), url("../fonts/singles/googlelogo.ttf?g9mrxj") format("truetype"), url("../fonts/singles/googlelogo.woff?g9mrxj") format("woff"), url("../fonts/singles/googlelogo.svg?g9mrxj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-s-icon-googlelogo"], [class*=" sf-s-icon-googlelogo"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'google-logo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering ========= */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
.sf-s-icon-google-logo:before {
    content: "\1f322";
}
*/
.sf-s-icon-googlelogo .path1:before {
  content: "\e901";
  color: #4285f4; }

.sf-s-icon-googlelogo .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: #34a853; }

.sf-s-icon-googlelogo .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: #fbbc05; }

.sf-s-icon-googlelogo .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: #ea4335; }

@font-face {
  font-family: 'apple-news-icon';
  src: url("../fonts/singles/apple-news-icon.eot?ewvr8t");
  src: url("../fonts/singles/apple-news-icon.eot?ewvr8t#iefix") format("embedded-opentype"), url("../fonts/singles/apple-news-icon.ttf?ewvr8t") format("truetype"), url("../fonts/singles/apple-news-icon.woff?ewvr8t") format("woff"), url("../fonts/singles/apple-news-icon.svg?ewvr8t#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sf-icon-apple-news-icon"], [class*=" sf-icon-apple-news-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'apple-news-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sf-icon-apple-news-icon .path1:before {
  content: "\e900";
  color: white; }

.sf-icon-apple-news-icon .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: #bdbdbd; }

.sf-icon-apple-news-icon .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: #fc3359; }

div.google-sign-in {
  height: 45px;
  width: 200px;
  display: inline-block;
  background: url(/static/images/app/google-logo-small-v2.png) right center no-repeat;
  background-size: cover; }
  div.google-sign-in:hover {
    background: url(/static/images/app/google-logo-small-v2-pressed.png) right center no-repeat;
    background-size: cover; }

#policy_modal {
  z-index: 20000;
  display: none;
  position: fixed;
  height: 100%;
  width: 100%; }
  #policy_modal div {
    box-sizing: border-box; }
  #policy_modal .policy-modal-backdrop {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: black; }
  #policy_modal .policy-modal-container {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px; }
  #policy_modal .centered-container {
    background: white;
    position: relative;
    width: 550px;
    height: auto;
    margin: 70px auto 0px;
    -webkit-box-shadow: 9px 10px 22px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 9px 10px 22px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 9px 10px 22px 1px rgba(0, 0, 0, 0.36);
    border-radius: 7px; }
  #policy_modal .button-container {
    width: 100%;
    height: 45px;
    padding: 0px 10px 10px; }
    #policy_modal .button-container .agree-btn {
      color: white;
      display: inline-block;
      padding: 10px;
      font-size: 16px;
      background: #6b3885;
      cursor: pointer;
      float: right;
      border-radius: 4px; }
      #policy_modal .button-container .agree-btn.invalid {
        opacity: .4;
        cursor: default; }
  #policy_modal .header-container {
    padding: 15px;
    background: #6b3885;
    border-radius: 7px 7px 0 0;
    color: white; }
    #policy_modal .header-container p {
      font-size: 30px;
      letter-spacing: 1.5px; }
  #policy_modal .body-container {
    padding: 0 15px;
    font-size: 16px;
    margin-top: 10px; }
    #policy_modal .body-container a {
      font-size: 16px;
      font-weight: bold; }
    #policy_modal .body-container label {
      font-size: 16px;
      font-weight: initial; }
    #policy_modal .body-container p {
      margin: 15px 0px; }
    #policy_modal .body-container.alert-notification label {
      color: #e82828;
      font-weight: 600;
      border-bottom: 1px solid #e82828; }
    #policy_modal .body-container .agree-container {
      margin-top: 20px; }
      #policy_modal .body-container .agree-container input {
        -webkit-appearance: checkbox;
        margin-right: 5px; }

div.sf-spinner {
  background: url("/static/images/app/piano-loader.png") no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  animation: spin 1.28s infinite linear; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
div.sf-spinner-container {
  width: 100px;
  height: 100px;
  margin: 0 auto; }

#crosspostVideoModal {
  max-height: 600px;
  overflow: auto; }
  #crosspostVideoModal .controls.crosspost-video-controls {
    padding: 0px;
    overflow-y: scroll;
    max-height: 400px; }
    #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-picture-container {
      display: inline-block;
      width: 60px;
      text-align: center;
      background: black; }
      #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-picture-container img {
        max-width: 60px;
        max-height: 50px; }
    #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-row {
      padding: 5px; }
      #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-row:hover {
        color: white;
        background-color: #F70091;
        cursor: pointer; }
      #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-row:active {
        opacity: 0.6; }
      #crosspostVideoModal .controls.crosspost-video-controls .crosspost-video-row.selected {
        color: white;
        background-color: #F70091; }
  #crosspostVideoModal .selected-video .crosspost-video.preview-crosspost-video {
    max-height: 300px;
    width: 100%;
    background-color: black; }
  #crosspostVideoModal div.sf-spinner-container {
    width: 50px;
    height: 50px; }

.crosspost-video-preview-error {
  color: #AA0000;
  font-size: 12px;
  padding: 2px 0 7px;
  text-align: center; }

/* compose icon */
.sf-icon-breaking-news {
  padding: 5px;
  color: #626971; }

.sf-icon-breaking-news:before {
  position: relative;
  font-size: 1.9em;
  top: 0.5px; }

.sf-icon-breaking-news-set {
  background-color: red;
  color: #FFF; }

/* end compose icon */
/* breaking news modal */
.generic-modal-container .modal-header h3.breaking-news-title {
  font-weight: normal;
  color: red; }

/* end breaking news modal */
/* breaking news queue & timeline */
.breaking-news-active {
  color: red !important; }

.breaking-news-icon-timeline {
  padding: 0px;
  float: left;
  margin-top: 4px; }

.breaking-news-icon-timeline:before {
  font-size: 1.6em; }

.breaking-news-icon-queue {
  padding: 0px;
  float: left;
  margin-top: 4px; }

.breaking-news-icon-queue:before {
  font-size: 1.6em; }

.breaking-news-popover-wrapper .popover {
  width: 300px;
  max-width: none !important; }

.breaking-news-popover-wrapper-queue .popover {
  width: 300px;
  max-width: none !important; }

/* end breaking news queue & timeline */
/* queue edit  */
.breaking-news-icon-queue-edit {
  padding: 0px; }

.breaking-news-icon-queue-edit:before {
  top: -1.5px;
  font-size: 1.3em; }

/* end queue edit */

/*# sourceMappingURL=app.css.map */