/** Helpers **/
.text-sm {
  font-size: .95em;
}
.hide-promos-over {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 10;
  position: absolute;
  left: -14px;
  right: -14px;
  bottom: -14px;
  top: 0;
  background-color: #d7d7d7;
  opacity: 0.4;
  filter: alpha(opacity=60);
  pointer-events: none;
}
.hide-video-over {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d7d7d7;
  opacity: 0;
  filter: alpha(opacity=0);
}
.promotions {
  position: relative;
}
.promotions .disabled-promo-notify {
  z-index: 5;
  width: 100%;
  backdrop-filter: blur(2px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.promotions .disabled-promo-notify .modal-body-promo-disabled {
  background-color: #fff;
  margin: 20px auto;
  position: relative;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.61);
}
.promo-private .private-mark {
  color: rgba(219, 29, 17, 0.73);
  font-weight: bold;
}
.unfollowing-stat-label {
  font-weight: bold;
  color: rgba(54, 127, 190, 0.82);
}
.unfollowing-stat-value {
  font-weight: bold;
  margin-left: 5px;
}
.unfollowing-stat-value .to-unfollow {
  color: rgba(47, 104, 158, 0.94);
}
.unfollowing-stat-value .divider {
  color: #595959;
}
.unfollowing-stat-value .unfollowed {
  color: rgba(0, 128, 0, 0.84);
}
.promo-manage-button.unfollow-button {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .promo-manage-button.unfollow-button {
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  .promo-manage-button.add-promo-modal__button-open,
  .promo-manage-button.unfollow-button,
  .promo-manage-button.settings-button {
    font-size: 0.9rem;
  }
}
#promo-by-tag-panel .promo-select-type span.label {
  padding-bottom: 2px;
  padding-top: 1px;
}
#promo-by-tag-panel .promo-select-type a {
  padding-right: 6px;
}
#add-promo-by-target-form {
  margin-top: 10px;
}
li.presentation a:hover {
  background-color: rgba(75, 126, 255, 0.31) !important;
}
li.presentation a {
  background-color: rgba(75, 126, 255, 0.04) !important;
  border: 1px solid rgba(75, 126, 255, 0.32);
  padding-top: 6px;
  padding-bottom: 6px;
}
li.presentation.active a,
li.presentation.active a:hover {
  background-color: #337ab7 !important;
  border: 1px solid #2e6da4 !important;
  color: white !important;
}
li.sub-presentation a:hover {
  background-color: rgba(35, 218, 39, 0.39) !important;
}
li.sub-presentation a {
  background-color: rgba(25, 218, 64, 0.18) !important;
  color: #1a6934;
  border: 1px solid rgba(16, 218, 52, 0.39);
  padding-top: 4px;
  padding-bottom: 4px;
}
li.sub-presentation.active a,
li.sub-presentation.active a:hover {
  background-color: #31ba4e !important;
  border: 1px solid #1a6934 !important;
  color: white !important;
}
.promo-select-type {
  border-bottom-width: 0;
}
.sub-well {
  border: 1px solid #12971a !important;
  margin-bottom: 0;
  background-color: rgba(59, 255, 98, 0.04);
}
#promo-by-tag-panel .input-group-addon,
#promo-by-tag-panel .control-label {
  color: #39863b !important;
  font-weight: bold;
}
#promo-by-tag-panel .input-group-addon {
  background-color: rgba(25, 218, 64, 0.18);
}
.promo-item {
  padding-left: 8px;
  padding-right: 8px;
}
.promo-item .panel-heading {
  padding-left: 10px;
  padding-right: 10px;
}
.promo-item .panel-body-advanced {
  min-height: 205px;
}
.promo-target.panel-heading {
  background-color: rgba(235, 204, 92, 0.47);
  border-color: #faebcc;
}
.promo-item .panel-body.current {
  background-color: rgba(135, 255, 135, 0.26);
}
.promo-item.error .panel-body {
  background-color: rgba(255, 0, 0, 0.13);
}
.promo-item.completed .panel-body,
.promo-item.deleted .panel-body {
  background-color: rgba(199, 199, 199, 0.44);
}
.promo-item.active .btn-promo-pause {
  display: initial;
}
.promo-item.paused .btn-promo-pause,
.promo-item.completed .btn-promo-pause,
.promo-item.completed .btn-promo-activate,
.promo-item.deleted .btn-promo-pause,
.promo-item.deleted .btn-promo-activate,
.promo-item.deleted .btn-promo-delete,
.promo-item.error .btn-promo-pause,
.promo-item.error .btn-promo-activate {
  display: none;
}
.promo-item.active .btn-promo-activate {
  display: none;
}
.promo-item.paused .btn-promo-activate {
  display: initial;
}
.promo-item.active .promo-status strong {
  color: rgba(67, 129, 68, 0.93);
}
.promo-item.completed .promo-status strong,
.promo-item.deleted .promo-status strong {
  color: rgba(138, 138, 138, 0.8);
}
.promo-item.paused .promo-status strong {
  color: rgba(49, 112, 143, 0.74);
}
.promo-item.error .promo-status strong {
  color: rgba(219, 29, 17, 0.73);
}
.promo-item-text-muted {
  opacity: 0.65;
}
.promo-action-dropdown {
  cursor: pointer;
}
.settings-button[aria-expanded='true'] .settings-up {
  display: inline;
}
.settings-button[aria-expanded='true'] .settings-down {
  display: none;
}
.settings-button[aria-expanded='false'] .settings-up {
  display: none;
}
.settings-button[aria-expanded='false'] .settings-down {
  display: inline;
}
.typeahead.dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
@media all and (max-height: 700px) {
  .typeahead.dropdown-menu {
    max-height: 350px;
  }
}
@media all and (max-height: 600px) {
  .typeahead.dropdown-menu {
    max-height: 300px;
  }
}
@media all and (max-height: 550px) {
  .typeahead.dropdown-menu {
    max-height: 200px;
  }
}
@media (min-width: 200px) {
  .promo-item {
    font-size: 90%;
  }
}
@media (max-width: 400px) {
  .promo-item {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .promo-item {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (min-width: 500px) {
  .promo-item {
    font-size: 100%;
  }
}
.language-chooser {
  position: absolute;
  z-index: 1000;
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  width: 200%;
  right: -100%;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
}
.language-chooser.fixed-position {
  position: relative;
  width: 100%;
  right: 0;
}
.language-chooser .checkbox {
  margin: 0;
  padding: 0;
  float: left;
  width: calc(100% / 5);
  border: 1px solid transparent;
  cursor: pointer;
  word-wrap: break-word;
  line-height: 20px;
}
.language-chooser .checkbox input[type="checkbox"] {
  width: 0 !important;
  height: 0 !important;
  display: none;
}
.language-chooser .checkbox label {
  padding: 5px;
  margin: 0;
  font-size: 13px;
  width: 100%;
}
.language-chooser .checkbox label:hover {
  background: rgba(184, 184, 184, 0.2);
}
.language-chooser .checkbox label::before {
  display: none;
}
.language-chooser .checkbox label::after {
  display: none;
}
.language-chooser .checkbox input[type="checkbox"]:checked + label {
  background: rgba(92, 184, 92, 0.2);
}
@media (max-width: 1100px) {
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 4);
  }
}
@media (max-width: 800px) {
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 3);
  }
}
@media (max-width: 768px) {
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 3);
  }
}
@media (max-width: 767px) {
  .language-chooser {
    width: calc(100% + 80px);
    right: -40px;
  }
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 4);
  }
}
@media (max-width: 680px) {
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 3);
  }
}
@media (max-width: 500px) {
  .language-chooser .checkbox {
    padding: 0;
    float: left;
    width: calc(100% / 2);
  }
}