@charset "UTF-8";
/* Added necessary vendor prefixes and removed old/unnecessary ones with Autoprefixer */

/* --------------------- */
/* pre_section.css START */
/* --------------------- */

/**********  HTML ELEMENTS *********/

ul,
ol {
    padding: 0;
    margin: 0 0 10px 25px;
}

/************** START typeahead-js-bootstrap.css **************/
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
.typeahead,
.tt-query,
.tt-hint {
    border: 2px solid #ccc;
    outline: none;
}

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

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #272541;
}

.tt-dropdown-menu,
.tt-menu {
    min-width: 300px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
    max-height: 600px;
    width: 323px;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    /*-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;*/
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 10px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #272541;
}

.tt-suggestion.tt-is-under-cursor,
.tt-suggestion.tt-cursor {
    background-color: #272541;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#292c3e), to(#13152a));
    background-image: -webkit-linear-gradient(top, #292c3e 0%, #13152a 100%);
    background-image: linear-gradient(to bottom, #292c3e 0%, #13152a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292C3E', endColorstr='#13152A',GradientType=0 ); /* IE6-9 */
    color: #eeeeee;
}

.tt-suggestion.tt-is-under-cursor a,
.tt-suggestion.tt-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}

.tt-suggestion img {
    width: 32px;
    display: inline-block;
    padding-right: 10px;
}

.tt-dataset h5 {
    font-weight: 700;
    padding: 0 10px;
    font-size: 12px;
    background-color: #f2f2f2;
}

.tt-menu .more {
    text-align: center;
}
.tt-menu .more.hide {
    display: none;
}
.tt-menu .more:hover {
    background-color: #fff;
}

.tt-menu .more a {
    color: #333;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}

.tt-menu .more a:hover {
    color: #000000;
    font-size: 15px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* search override */
    .tt-dropdown-menu,
    .tt-menu {
        min-width: 300px;
        max-height: 300px;
    }
}
/************** END typeahead-js-bootstrap.css **************/

/************** START unicorn.main.css **************/

/**
 * Unicorn Admin Template
 * Diablo9983 -> diablo9983@gmail.com
**/
* {
    outline: none !important;
    -moz-outline: none !important;
}
/* Main */
body {
    overflow-x: hidden;
    margin-top: -9px;
}
a:hover {
    text-decoration: none;
}

/* Header */
#header {
    height: 77px;
    position: relative;
    width: 100%;
    z-index: -9;
}

#header h1 {
    background: url('../../img/logo.png') no-repeat scroll 0 0 transparent;
    height: 31px;
    left: 15px;
    line-height: 600px;
    overflow: hidden;
    position: relative;
    top: 24px;
    width: 191px;
}

#header h1 a {
    display: block;
}

.border-0 {
    border: none !important;
}

/* Search input */
#search {
    position: absolute;
    z-index: 25;
    top: 10px;
    left: 230px;
}
#search input[type='text'] {
    border-radius: 4px 0 0 4px;
    padding: 4px 10px 5px;
    border: 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    width: 100px;
}

#search-button {
    border: 0;
    padding: 5px 10px 4px;
    border-radius: 0 4px 4px 0;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
#search-button i {
    opacity: 0.5;
}
#search-button:hover i,
#search-button:active i {
    opacity: 0.9;
}
.loader.micro.typeahead-load {
    display: none;
    height: 1em;
    width: 1em;
    margin: 0;
}
.loader.micro.typeahead-load.show {
    display: block;
}
.typeahead-icon.hide {
    display: none;
}

/* Top user navigation */
#user-nav {
    position: absolute;
    right: 30px;
    top: 5px;
    z-index: 20;
    margin: 0;
}
#user-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#user-nav > ul > li {
    float: left;
    list-style-type: none;
    margin: 0;
    position: relative;
    padding: 0;
}

#user-nav > ul > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 10px;
}

#user-nav > ul > li > a:hover,
#user-nav > ul > li.open > a {
    color: #ffffff;
}
#user-nav > ul > li > a > i.icon,
#sidebar li a i.icon {
    vertical-align: top;
    background-image: url('../../img/glyphicons-halflings-white.png');
    opacity: 0.6;
    margin-top: 2px;
}
#user-nav > ul > li > a:hover > i,
#user-nav > ul > li.open > a > i {
    opacity: 1;
}

#user-nav > ul > li > a > .label {
    vertical-align: middle;
    padding: 1px 4px 1px;
    margin: -2px 4px 0;
    display: inline-block;
}

#user-nav > ul ul > li > a {
    text-align: left;
    text-shadow: 0 1px 0 #ffffff;
}
#user-nav > ul ul > li > a:hover {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

/* Sidebar Navigation */
#sidebar {
    display: block;
    float: left;
    position: relative;
    width: 220px;
    z-index: 16;
}

#sidebar.affix {
    position: fixed;
}

#sidebar > ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    position: absolute;
    width: 220px;
}
#sidebar > ul > li {
    display: block;
    position: relative;
}

#sidebar > ul > li.active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
}

#sidebar > ul > li > a {
    padding: 10px 0 10px 15px;
    display: block;
    color: #aaaaaa;
}

#sidebar > ul > li > a > i {
    margin-right: 10px;
}

/*#sidebar > ul > li.active > a,*/
/*#sidebar > ul > li > ul > li > ul > li.active > a {*/
/*background: url("../../img/menu-active.png") no-repeat scroll right center transparent !important;*/
/*}*/

#sidebar > ul > li > ul > li > ul > li.player > ul > li.active > a {
    background-image: url('../../img/menu-active.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#sidebar ul > li > a > .label {
    margin: 0 20px 0 0;
    float: right;
    padding: 3px 5px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.player-menu,
.venue-menu {
    border-top: 1px solid #ccc !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.venue-menu ul {
    background-color: #fff !important;
}
.team-menu {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}
#sidebar > ul ul {
    display: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}
#sidebar > ul li.open ul {
    display: block;
    /*padding-left: 15px;*/
    list-style: none;
}
#sidebar > ul ul li a {
    padding: 10px 0 10px 25px;
    display: block;
    color: #777777;
}

#sidebar > ul ul ul li a {
    padding: 10px 0 10px 40px;
}

#sidebar > ul ul ul ul li a {
    padding: 10px 0 10px 65px;
}

#sidebar > ul ul li:first-child a {
    border-top: 0;
}
#sidebar > ul ul li:last-child a {
    border-bottom: 0;
}

#sidebar > ul li span.low {
    display: none;
}

/* Content */

#content {
    background: none repeat scroll 0 0 #eeeeee;
    margin-left: 220px;
    margin-right: 0;
    padding-bottom: 25px;
    position: relative;
    min-height: 700px;
    width: auto;

    border-top-left-radius: 8px;
}

#content-header {
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#eeeeee));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    border-top-left-radius: 8px;
    height: 60px;
    width: 100%;
    margin-top: -38px;
    z-index: 20;
}

#content-header h1 {
    color: #555555;
    font-size: 28px;
    font-weight: normal;
    float: left;
    /*text-shadow: 0 1px 0 #ffffff;*/
    margin-left: 20px;
    position: absolute;
}

#content-header .btn-group {
    float: right;
    right: 20px;
    position: absolute;
}

#content-header h1,
#content-header .btn-group {
    margin-top: 20px;
}
#content-header .btn-group .btn {
    padding: 11px 14px 9px;
}
#content-header .btn-group .btn .label {
    position: absolute;
    top: -7px;
}

/* Breadcrumb */
#breadcrumb {
    background-color: #e5e5e5;
    box-shadow: 0 0 1px #ffffff;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 10px;
}
#breadcrumb a {
    padding: 8px 20px 8px 10px;
    display: inline-block;
    background-image: url('../../img/breadcrumb.png');
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 11px;
    color: #666666;
}
#breadcrumb a:hover {
    color: #333333;
}
#breadcrumb a:last-child {
    background-image: none;
}
#breadcrumb a.current {
    font-weight: bold;
    color: #444444;
}
#breadcrumb a i {
    margin-right: 5px;
    opacity: 0.6;
}
#breadcrumb a:hover i {
    margin-right: 5px;
    opacity: 0.8;
}

/* Style Switcher */
#style-switcher {
    position: absolute;
    width: 220px;
    height: 30px;
    background-color: #000000;
    z-index: 40;
    right: 0;
    top: 123px;
    border-radius: 5px 0 0 5px;
    margin-right: -190px;
}
#style-switcher i {
    display: inline-block;
    margin: -5px 10px 0 10px;
}
#style-switcher i:hover {
    cursor: pointer;
}
#style-switcher span {
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    margin: -15px 20px 0 0;
    vertical-align: middle;
}
#style-switcher a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}
/* Footer */
#footer {
    text-align: center;
    color: #777777;
}
/* Stat boxes and quick actions */
.stat-boxes,
.quick-actions,
.quick-actions-horizontal,
.stats-plain,
.social-logins {
    display: inline-block;
    list-style: none outside none;
    margin: 20px 0 10px;
    text-align: center;
}
.stats-plain {
    width: 100%;
}
.stat-boxes li,
.quick-actions li,
.quick-actions-horizontal li {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#f9f9f9), to(#ededed));
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #ededed 100%);
    border: 1px solid #d5d5d5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 0 #ffffff inset, 0 1px 0 rgba(255, 255, 255, 0.4);
    display: block;
    line-height: 18px;
    margin: 0 10px 10px;
    padding: 0 10px;
}
.quick-actions li {
    min-width: 120px;
}
.quick-actions li,
.quick-actions-horizontal li {
    padding: 0;
}

.social-logins li {
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    line-height: 18px;
    margin: 0 10px 10px;
    padding: 5px 10px;
    border: 1px solid #d5d5d5;
}

.social-logins li.not-signed {
    border: 1px solid #a3a3a3;
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#f9f9f9), to(#ededed));
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #ededed 100%);
    box-shadow: 0 1px 0 0 #ffffff inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}

.social-logins li .quick-actions-button {
    color: #666666;
}

.stats-plain li {
    padding: 0 30px;
    display: inline-block;
    margin: 0 10px 20px;
}
.quick-actions li a {
    padding: 10px 30px;
}
.stats-plain li h4 {
    font-size: 40px;
    margin-bottom: 15px;
}
.stats-plain li span {
    font-size: 14px;
    color: #555555;
}
.quick-actions-horizontal li a span {
    padding: 10px 12px 10px 10px;
    display: inline-block;
    width: 200px;
}
.quick-actions li a,
.quick-actions-horizontal li a {
    text-align: center !important;
    display: block;
    color: #666666;
    text-shadow: 0 1px 0 #ffffff;
}
.quick-actions li a i[class^='icon-'],
.quick-actions li a i[class*=' icon-'] {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: transparent;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 5px;
}
.quick-actions-horizontal li a i[class^='icon-'],
.quick-actions-horizontal li a i[class*=' icon-'] {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-color: transparent;
    height: 16px;
    display: inline-block;
    margin: -2px 0 0 !important;
    border-right: 1px solid #dddddd;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
    width: 20px;
}

.quick-actions i.icon-graph {
    background-image: url('../../img/icons/32/graph.png');
}
.quick-actions i.icon-home {
    background-image: url('../../img/icons/32/home.png');
}

.quick-actions i.icon-piechart {
    background-image: url('../../img/icons/32/piechart.png');
}
.quick-actions-horizontal i.icon-graph {
    background-image: url('../../img/icons/16/graph.png');
}
.quick-actions-horizontal i.icon-home {
    background-image: url('../../img/icons/16/home.png');
}

.stat-boxes li:hover,
.quick-actions li:hover,
.quick-actions-horizontal li:hover {
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fcfcfc), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background-image: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%);
}
.quick-actions li:active,
.quick-actions-horizontal li:active {
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#eeeeee), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #eeeeee 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #eeeeee 0%, #f4f4f4 100%);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}

.stat-boxes .left,
.stat-boxes .right {
    text-shadow: 0 1px 0 #ffffff;
    float: left;
}
.stat-boxes .left {
    border-right: 1px solid #dcdcdc;
    box-shadow: 1px 0 0 0 #ffffff;
    margin-right: 12px;
    padding: 10px 14px 6px 4px;
    font-size: 10px;
    font-weight: bold;
}

.stat-boxes .right {
    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: center;
    color: #666666;
}
.stat-boxes .left span,
.stat-boxes .right strong {
    display: block;
}
.stat-boxes .right strong {
    font-size: 26px;
    margin-bottom: 3px;
    margin-top: 6px;
}
.stat-boxes .peity_bar_good,
.stat-boxes .peity_line_good {
    color: #459d1c;
}
.stat-boxes .peity_bar_neutral,
.stat-boxes .peity_line_neutral {
    color: #757575;
}
.stat-boxes .peity_bar_bad,
.stat-boxes .peity_line_bad {
    color: #ba1e20;
}

/* Charts & graphs **/
.chart,
.pie,
.bars {
    height: 300px;
    max-width: 100%;
}
#tooltip {
    position: absolute;
    display: none;
    border: none;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 10px;
    background-color: #222222;
    color: #ffffff;
    z-index: 25;
}

/* Widgets */
.widget-box {
    background: none repeat scroll 0 0 #f9f9f9;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    clear: both;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
    scroll-margin-top: 70px;
    transition: all 0.3s ease;
}
#resources .pptxModal--wrapper {
    display: flex;
    flex-direction: column;
}
.widget-box.widget-calendar,
.widget-box.widget-chat {
    overflow: hidden !important;
}
.accordion .widget-box {
    margin-top: -2px;
    margin-bottom: 0;
    border-radius: 0;
}
.widget-box.widget-plain {
    background: transparent;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
}
.widget-box--highlight {
    border: 1px solid #2196f3;
    box-shadow: 0px 0px 14px 0px rgba(33, 150, 243, 0.5);
}

.widget-title,
.modal-header,
.table th,
div.dataTables_wrapper .ui-widget-header {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
    background-image: linear-gradient(to bottom, #fdfdfd 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #cdcdcd;
    height: 36px;
}
.widget-title .nav-tabs {
    border-bottom: 0 none;
}
.widget-title .nav-tabs li a {
    border-bottom: none !important;
    border-left: 1px solid #dddddd;
    border-radius: 0;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    color: #999999;
    margin: 0;
    outline: medium none;
    padding: 9px 10px 8px;
    font-weight: bold;
}
.widget-title .nav-tabs li:first-child a {
    border-left: none !important;
    border-right: none !important;
}
.widget-title .nav-tabs li a:hover {
    background-color: transparent !important;
    border-color: #d6d6d6;
    border-width: 1px;
    color: #666666;
}
.widget-title .nav-tabs li.active a {
    background-color: #f9f9f9 !important;
    color: #444444;
    border-top: 1px solid #cdcdcd;
}
.widget-title span.icon {
    border-right: 1px solid #cdcdcd;
    padding: 9px 10px 7px 11px;
    float: left;
    opacity: 0.7;
}
.widget-title h5 {
    color: #666666;
    text-shadow: 0 1px 0 #ffffff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 12px;
    line-height: 12px;
    margin: 0;
}
.email-edit {
    cursor: pointer;
    font-size: 11px;
    margin: 0 5px;
}
.widget-title .buttons {
    float: right;
    margin: 8px 10px 0 0;
}
.widget-title .label {
    padding: 3px 5px 2px;
    float: right;
    margin: 9px 15px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #ffffff;
}
.widget-calendar .widget-title .label {
    margin-right: 190px;
}

.widget-content {
    padding: 12px 15px;
    border-bottom: 1px solid #cdcdcd;
}

.widget-content--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
}

.widget-content__box {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 12px 15px;
    display: flex;
    column-gap: 10px;
    min-height: 80px;
}

.widget-content__box .widget-mvm-link--inverse {
    font-size: 12px;
    line-height: 12px;
    padding: 4px 9px;
    width: max-content;
}

.widget-content__box .widget-mvm-link--inverse i {
    font-size: 11px;
}

.widget-content__logo {
    max-width: 35px;
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.widget-content__info {
    display: flex;
    flex-direction: column;
}

.widget-content__title {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
}

.widget-content__error {
    color: #c10c1a;
    font-size: 12px;
    margin: 0;
}

.widget-box.widget-plain .widget-content {
    padding: 12px 0 0;
}
.widget-box.collapsible .collapse.in .widget-content {
    border-bottom: 1px solid #cdcdcd;
}

.widget-mvm-link-wrapper {
    text-align: center;
    margin: 15px 0 10px;
}

.alert-error {
    background-color: red;
    color: white;
}

.alert-error-icon {
    height: 40px;
    width: 40px;
}

.error-icon-text-container {
    display: inline-flex;
    align-items: center;
}
.error-text {
    display: inline;
}

.widget-mvm-link {
    text-decoration: none;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}

.widget-mvm-link--inverse {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #1b74e9;
    color: #1b74e9;
}

.widget-mvm-link:hover {
    color: #fff;
}

.widget-mvm-link--inverse:hover {
    color: #1b74e9;
}

.widget-mvm-link i {
    color: #fff;
    margin-left: 5px;
}

.widget-mvm-link--inverse i {
    color: #1b74e9;
}

.player-agent-card-bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    width: 310px;
    height: 205px;
}

.player-agent-card:hover {
    z-index: 10;
}

.player-agent-card-bg div {
    width: 100%;
    height: 100%;

    display: block;
    margin: -50px -10px;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(5px);
    opacity: 0.5;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.player-agent-card {
    background: none repeat scroll 0 0 #f9f9f9;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    width: 300px;
    min-height: 200px;
    float: left;
    display: block;
    margin-right: 20px;
}

.player-agent-card-content {
    clear: both;
    position: relative;
    min-height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 1;
}

.player-agent-card-content p {
    padding: 5px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.player-agent-card-content h4 {
    background-color: rgba(249, 249, 249, 0.5);
    padding: 5px 20px;
    z-index: 1;
}

.player-agent-card-content img.avatar {
    width: 100px;
    height: 100px;

    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    z-index: 3;
}

.player-agent-card-content .btn-toolbar {
    margin: 10px 15px;
    text-align: right;
}

.spinner-container.small {
    min-height: 50px;
}
.spinner-container.small img {
    width: 50px;
    height: 50px;
    margin-top: 0;
}

.player-agent-card-content .summary_stats {
    color: #555;
}

.followers-pie-chart {
    height: 200px;
    margin: 0;
    padding: 0;
}

.recent-posts,
.recent-comments,
.recent-users {
    margin: 0;
    padding: 0;
}
.recent-posts li,
.recent-comments li,
.article-post li,
.recent-users li {
    border-bottom: 1px dotted #aebdc8;
    list-style: none outside none;
    padding: 10px;
}
.recent-posts li.viewall,
.recent-comments li.viewall,
.recent-users li.viewall {
    padding: 0;
}
.recent-posts li.viewall a,
.recent-comments li.viewall a,
.recent-users li.viewall a {
    padding: 5px;
    text-align: center;
    display: block;
    color: #888888;
}
.recent-posts li.viewall a:hover,
.recent-comments li.viewall a:hover,
.recent-users li.viewall a:hover {
    background-color: #eeeeee;
}

.recent-posts li:last-child,
.recent-comments li:last-child,
.recent-users li:last-child {
    border-bottom: none !important;
}

.user-thumb {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #b6bcbf;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 2px;
    width: 40px;
}
.user-info {
    color: #666666;
    font-size: 11px;
}

.site-stats {
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-stats li {
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 13px 20px 10px;
    position: relative;
}
.site-stats li:hover {
    background-color: #ededed;
}
.site-stats li.divider {
    padding: 0;
    border-width: 1px 0 0;
    border-color: #dddddd;
    border-style: dashed;
}
.site-stats li i {
    vertical-align: baseline;
}
.site-stats li strong {
    font-weight: bold;
    font-size: 20px;
    margin-left: 5px;
}
.site-stats li small {
    margin-left: 5px;
    font-size: 12px;
    color: #888888;
    font-style: italic;
}

.invoice-content {
    padding: 20px;
}
.invoice-action {
    margin-bottom: 30px;
}
.invoice-head {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
    width: auto;
}
.invoice-meta {
    font-size: 18px;
    margin-bottom: 40px;
}
.invoice-date {
    float: right;
    font-size: 80%;
}
.invoice-content h5 {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.invoice-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.invoice-to {
    float: left;
    width: 370px;
}
.invoice-from {
    float: right;
    width: 300px;
}
.invoice-to li,
.invoice-from li {
    clear: left;
}
.invoice-to li span,
.invoice-from li span {
    display: block;
}
.invoice-content th.total-label {
    text-align: right;
}
.invoice-content th.total-amount {
    text-align: left;
}
.amount-word {
    color: #666666;
    margin-bottom: 40px;
    margin-top: 40px;
}
.amount-word span {
    color: #5476a6;
    font-weight: bold;
    padding-left: 20px;
}
.panel-left {
    margin-right: 250px;
}
.panel-right {
    width: 249px;
    background-color: #f2f2f2;
    border-left: 1px solid #dddddd;
    position: absolute;
    right: 0;
    top: 37px;
    height: 2500px;
}
.panel-right .panel-title {
    width: 100%;
    background-color: #ececec;
    border-bottom: 1px solid #dddddd;
}
.panel-right .panel-title h5 {
    font-size: 12px;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    padding: 6px 10px 5px;
    margin: 0;
}
.panel-right .panel-content {
    padding: 10px;
}
.chat-content {
    height: 470px;
    padding: 15px;
}
.chat-messages {
    background: none repeat scroll 0 0 #fdfdfd;
    border: 1px solid #dddddd;
    height: 425px;
    overflow: auto;
    position: relative;
}
.chat-message {
    padding: 7px 15px;
    margin: 7px 0 0;
}
.chat-message input[type='text'] {
    margin-bottom: 0 !important;
    width: 100%;
}
.chat-message .input-box {
    display: block;
    margin-right: 90px;
}
.chat-message button {
    float: right;
}
#chat-messages-inner p {
    padding: 10px;
    margin: 10px 0;
}
#chat-messages-inner p img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-top: 6px;
}
#chat-messages-inner .msg-block,
#chat-messages-inner p.offline span {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);
    display: block;
    margin-left: 40px;
    padding: 10px;
    position: relative;
}
#chat-messages-inner p.offline span {
    background: none repeat scroll 0 0 #fff5f5;
}
#chat-messages-inner .time {
    color: #999999;
    font-size: 11px;
    font-style: italic;
}
#chat-messages-inner .msg {
    display: block;
    margin-top: 10px;
}
#chat-messages-inner .msg-block:before {
    border-right: 7px solid rgba(0, 0, 0, 0.1);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: '';
    display: inline-block;
    left: -7px;
    position: absolute;
    top: 11px;
}
#chat-messages-inner .msg-block:after {
    border-right: 6px solid #ffffff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: '';
    display: inline-block;
    left: -6px;
    position: absolute;
    top: 12px;
}
.chat-users {
    padding: 0 0 30px;
}
.chat-users .contact-list {
    line-height: 21px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}
.chat-users .contact-list li {
    border-color: #dddddd;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding: 1px;
    position: relative;
}
.chat-users .contact-list li:hover {
    background-color: #efefef;
}
.chat-users .contact-list li a {
    color: #666666;
    display: block;
    padding: 8px 5px;
}
.chat-users .contact-list li.online a {
    font-weight: bold;
}
.chat-users .contact-list li.new {
    background-color: #eaeaea;
}
.chat-users .contact-list li.offline {
    background-color: #ede0e0;
}
.chat-users .contact-list li a img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 3px;
}
.chat-users .contact-list li .msg-count {
    padding: 3px 5px;
    position: absolute;
    right: 10px;
    top: 12px;
}
.taskDesc i {
    margin: 1px 5px 0;
}
.taskStatus,
.taskOptions {
    text-align: center !important;
}
.taskStatus .in-progress {
    color: #64909e;
}
.taskStatus .pending {
    color: #ac6363;
}
.taskStatus .done {
    color: #75b468;
}
.activity-list {
    list-style: none outside none;
    margin: 0;
}
.activity-list li {
    border-bottom: 1px solid #eeeeee;
    display: block;
}
.activity-list li:last-child {
    border-bottom: medium none;
}
.activity-list li a {
    color: #888888;
    display: block;
    padding: 7px 10px;
}
.activity-list li a:hover {
    background-color: #fbfbfb;
}
.activity-list li a span {
    color: #aaaaaa;
    font-size: 11px;
    font-style: italic;
}
.activity-list li a i {
    margin-right: 10px;
    opacity: 0.6;
    vertical-align: middle;
}
.new-update {
    border-top: 1px solid #dddddd;
    padding: 10px 12px;
}
.new-update:first-child {
    border-top: medium none;
}
.new-update span {
    display: block;
}
.new-update i {
    float: left;
    margin-top: 3px;
    margin-right: 13px;
}
.new-update .update-date {
    color: #bbbbbb;
    float: right;
    margin: 4px -2px 0 0;
    text-align: center;
    width: 30px;
}
.new-update .update-date .update-day {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -4px;
}
.update-done,
.update-alert,
.update-notice {
    display: block;
    float: left;
    max-width: 76%;
}

/* Tables */

span.icon .checker {
    margin-top: -5px;
    margin-right: 0;
}

.dataTables_length {
    color: #878787;
    margin: 7px 5px 0;
    position: absolute;
    right: 2px;
    top: -2px;
}
.dataTables_length div {
    vertical-align: middle;
}

.dataTables_paginate {
    line-height: 16px;
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
}
.dataTables_paginate .ui-button,
.pagination.alternate li a {
    font-size: 12px;
    padding: 4px 10px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    display: inline-block;
    line-height: 16px;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
}
.dataTables_paginate .ui-button:hover,
.pagination.alternate li a:hover {
    background-color: #e8e8e8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#dadada));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #dadada);
    background-image: linear-gradient(to bottom, #f0f0f0, #dadada);
    color: #222222;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}

.dataTables_paginate .first {
    border-radius: 4px 0 0 4px;
}
.dataTables_paginate .last {
    border-radius: 0 4px 4px 0;
}
.dataTables_paginate .ui-state-disabled,
.fc-state-disabled,
.pagination.alternate li.disabled a {
    color: #aaaaaa !important;
}
.dataTables_paginate .ui-state-disabled:hover,
.fc-state-disabled:hover,
.pagination.alternate li.disabled a:hover {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    cursor: default !important;
}
.dataTables_paginate span .ui-state-disabled,
.pagination.alternate li.active a {
    background-color: #414141 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)) !important;
    background-image: -webkit-linear-gradient(top, #555555, #222222) !important;
    background-image: linear-gradient(to bottom, #555555, #222222) !important;
    color: #ffffff !important;
    cursor: default !important;
}
div.dataTables_wrapper .ui-widget-header {
    border-right: medium none;
    border-top: 1px solid #d5d5d5;
    font-weight: normal;
    margin-top: -1px;
}
.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}
.dataTables_filter {
    color: #878787;
    font-size: 11px;
    left: 0;
    margin: 4px 8px 2px 10px;
    position: absolute;
    text-align: left;
}
.dataTables_filter input {
    margin-bottom: 0;
}

tr.th-stats th {
    vertical-align: middle;
    line-height: 16px;
    padding: 5px 10px;
}
.th-tooltip {
    color: #666666;
    display: inline-block;
    z-index: 9999;
}

.table th {
    height: auto;
    font-size: 10px;
    padding: 5px 10px 2px;
    border-bottom: 0;
    text-align: center;
    color: #666666;
}
.table.with-check tr th:first-child,
.table.with-check tr td:first-child {
    width: 10px;
}
.table.with-check tr th:first-child i {
    margin-top: -2px;
    opacity: 0.6;
}
.table.with-check tr td:first-child .checker {
    margin-right: 0;
}
.table tr.checked td {
    background-color: #ffffe3 !important;
}
/* Misc */
.nopadding {
    padding: 0 !important;
}
.nopadding .table {
    margin-bottom: 0;
}
.nopadding .table-bordered {
    border: 0;
}
.thumbnails {
    margin-left: -2.12766% !important;
}
.thumbnails [class*='span'] {
    margin-left: 2.12766% !important;
    position: relative;
}
.thumbnails .actions {
    width: 32px;
    height: 16px;
    background-color: #000000;
    padding: 5px 8px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -24px;
    opacity: 0;
    -moz-transition: opacity 0.3s ease-in-out;
}
.thumbnails li:hover .actions {
    opacity: 1;
}
.modal {
    z-index: 99999 !important;
    margin: 0 auto;
}

.modal-header {
    height: auto;
    padding: 8px 15px 5px;
}
.modal-header h3 {
    font-size: 12px;
    text-shadow: 0 1px 0 #ffffff;
}

.notify-ui ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.notify-ui li {
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #dddddd;
}
.notify-ui li:hover {
    cursor: pointer;
    color: #777777;
}

.thumbnail.sponsor > img {
    max-height: 100px;
}

/* Forms */
form {
    margin-bottom: 0;
}
.form-horizontal .control-group {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0;
}
.form-horizontal .control-group:last-child {
    border-bottom: 0;
}
.form-horizontal .control-label {
    padding-top: 15px;
    width: 180px;
}
.form-horizontal .controls {
    margin-left: 200px;
    padding: 10px 0;
}
.form-horizontal input[type='text'],
.form-horizontal input[type='password'],
.form-horizontal textarea {
    width: 80%;
}
.form-horizontal .form-actions {
    margin-top: 0;
    margin-bottom: 0;
}
.help-block,
.help-inline {
    color: #999999;
}
/* Responsive design */
@media (max-width: 480px) {
    #header h1 {
        top: auto;
        left: auto;
        margin: 3px auto;
    }
    #user-nav {
        position: relative;
        left: auto;
        right: auto;
        width: 100%;
        margin-top: -43px;
        margin-bottom: 43px;
    }
    .navbar > .nav {
        float: none;
    }
    #user-nav > ul {
        left: 50%;
        position: absolute;
    }
    #content {
        margin-left: 0 !important;
        border-top-left-radius: 0;
    }
    #content-header {
        margin-top: 0;
        height: 140px;
        text-align: center;
    }
    #content-header h1,
    #content-header .btn-group {
        float: none;
    }
    #content-header h1 {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-top: 0;
        padding-top: 15px;
        width: 100%;
    }
    #content-header .btn-group {
        margin-top: 70px;
        margin-bottom: 0;
        margin-right: 0;
        left: 30%;
    }
    #sidebar {
        float: none;
        width: 100% !important;
    }
    #sidebar > a {
        padding: 7px 20px 7px 15px;
        box-shadow: 0 1px 0 #666666;
        margin-bottom: 1px;
        display: block !important;
        text-transform: uppercase;
        color: #eeeeee;
        font-size: 10px;
    }
    #sidebar > a > i {
        margin-right: 10px;
        background-image: url('../../img/glyphicons-halflings-white.png');
    }
    #sidebar > ul {
        display: none;
        margin: -2px 0 0 !important;
        width: 100% !important;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
    }
    #sidebar > ul > li.active > a {
        background: none !important;
    }
    #sidebar > ul > li > a > span {
        display: inline !important;
    }
    .widget-title .buttons > .btn {
        width: 11px;
        white-space: nowrap;
        overflow: hidden;
    }
    .form-horizontal .control-label {
        padding-left: 30px;
    }
    .form-horizontal .controls {
        margin-left: 0;
        padding: 10px 30px;
    }
    .form-actions {
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    #header h1 {
        top: 3px;
    }
    #sidebar,
    #sidebar > ul {
        width: 43px;
    }
    #sidebar > ul ul {
        display: none;
        position: absolute;
        left: 44px;
        top: 2px;
        min-width: 230px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        list-style: none;
    }
    #sidebar > ul li.open ul {
        display: none;
    }
    #sidebar > ul li.open:hover ul {
        display: block;
    }
    #sidebar > ul ul li a {
        white-space: nowrap;
        padding: 10px 25px;
    }
    #sidebar > ul > li > ul ul {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
    }
    #sidebar > ul ul:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: '';
        display: inline-block;
        left: -6px;
        position: absolute;
        top: 11px;
    }
    #sidebar > ul ul:after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: '';
        display: inline-block;
        left: -5px;
        position: absolute;
        top: 12px;
    }
    #sidebar > a {
        display: none !important;
    }
    #sidebar > ul > li.open.submenu > a {
        border-bottom: none !important;
    }
    #sidebar > ul > li > a > span {
        display: none;
    }
    #content {
        margin-left: 43px;
    }
}
@media (max-width: 600px) {
    .widget-title .buttons {
        float: left;
    }
    .panel-left {
        margin-right: 0;
    }
    .panel-right {
        border-top: 1px solid #dddddd;
        border-left: none;
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        width: auto;
    }
}
@media (max-width: 767px) {
    body {
        padding: 0;
    }
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    #search {
        display: none;
    }
    #user-nav > ul > li > a > span.text {
        display: none;
    }
    .video-modal-toggle.paused .paused-video-overlay {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    [class*='span'],
    .row-fluid [class*='span'] {
        display: block;
        float: none;
        margin-left: 0;
    }
}
@media (max-width: 979px) {
    div.dataTables_wrapper .ui-widget-header {
        height: 68px;
    }
    .dataTables_filter {
        position: relative;
    }
    .dataTables_filter,
    .dataTables_paginate {
        text-align: center;
    }
    #sidebar > ul > li {
        min-height: 41px;
    }
    #sidebar > ul > li.active > a {
        display: block;
    }
    #sidebar > ul > li > a > span.label {
        display: inline;
        margin: 0 11px 0 0;
    }
    #sidebar span.label.new {
        font-size: 40%;
        margin-left: -5px !important;
        font-weight: 100;
    }
    #sidebar > ul > li > a {
        display: inline-block;
    }
    #sidebar > ul li span.low {
        display: inline;
        margin: 0 13px 0 0;
    }
    #sidebar > ul li > ul span.low {
        color: #777;
        padding: 0 10px;
        font-weight: bold;
    }
    #sidebar > ul > li i.icon {
        margin-right: 14px !important;
    }
}

/* Angular cloaking */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.datepicker {
    z-index: 99999;
}
/************** END unicorn.main.css **************/

/* Playlists */

.item-brands-container {
    text-align: center;
    margin: 10px auto;
}
.item-brands-container > div {
    display: inline-block;
}
.item-brands-container .pview-video-brand-avatar {
    float: none;
    width: 40px;
    height: 40px;
}
.item-brands-container .pview-video-brand-avatar img {
    width: 40px;
    margin: 0;
}
.fa-check-circle.playlist__check {
    color: #52bf5e;
    padding-left: 5px;
}

/**** Search results ****/
#search-results {
    list-style: none;
    padding: 0;
    max-width: 600px;
    margin: 20px auto;
}

#results-form-container {
    text-align: center;
}

#search-results li {
    padding: 2px 10px;
    font-size: 1.1em;
    background-color: #fcfcfc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#search-results li.results-header {
    padding: 0 10px;
    background-color: #f2f2f2;
    display: block;
}
#search-results li.results-header h5 {
    font-weight: 700;
    font-size: 1em;
    margin: 0;
    padding: 10px 0;
    text-align: left;
}

#search-results a {
    color: #333;
    width: 100%;
    text-align: left;
}
#search-results a:hover {
    color: #999;
}

#search-results img {
    height: 32px;
    margin-right: 10px;
}

#search-results p {
    margin: 0;
    line-height: 32px;
    vertical-align: middle;
}
#search-results p br {
    display: none;
}

/* ------------------- */
/* pre_section.css END */
/* ------------------- */

/* ---------------------- */
/* post_section.css START */
/* ---------------------- */

/************** START blinkfire.css **************/

/* -------------------------------------- */
/* >>>>>>>>>>>>>  Aux. Fixes <<<<<<<<<<<< */
/* -------------------------------------- */
/*    necessary for non BS3 templates     */

.bf-left {
    text-align: left;
}

.bf-right {
    text-align: right;
}

.bf-right-important {
    text-align: right !important;
}

/* center is .text-center, row 327 in this file */

/*General Overrides */
.block-visible {
    display: block !important;
}

p.clear {
    clear: both;
    padding: 0 !important;
    margin: 0;
    width: 0%;
    height: 0%;
}

body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

#header h1 {
    height: 62px;
    top: 2px;
}

#content-header h1 a {
    color: #aaa;
}

#content-header h1 a i.flag {
    opacity: 0.5;
}

#content-header h1 a:hover i.flag {
    opacity: 1;
}
#content-header h1 a:hover {
    color: #444;
}
small.superuser-hidden a:hover {
    color: #0e88c3;
}

.superuser-hidden-btn {
    opacity: 0.1;
}
.superuser-hidden-btn:hover {
    opacity: 1;
}
.alpha-feature:after {
    content: 'ALPHA';
    font: 600 0.55em/1 'Lato', sans-serif;
    padding: 2px 3px;
    background-color: #52d0be;
    border-radius: 5px;
    margin-left: 5px;
}

div#breadcrumb {
    border: none !important;
}

a.quick-actions-button {
    font-weight: 600;
}

table.blinkfire-table.roster {
    table-layout: fixed;
}

table.blinkfire-table.roster tr th.facebook,
table.blinkfire-table.roster tr td.facebook,
table.blinkfire-table.roster tr th.instagram,
table.blinkfire-table.roster tr td.instagram {
    display: none;
}

table.data-table thead th.sorting,
table.data-table thead th.sorting_desc,
table.data-table thead th.sorting_asc {
    cursor: pointer;
}

.report-section-title,
.roster-section-title,
.leagueleaders-section-title {
    text-align: center;
    font: 100 4.5em/1 'Open Sans', sans-serif;
    margin: 50px 0;
    color: #444;
}

.margin-bottom-10 {
    margin: 50px 0 10px 0 !important;
}
.report-section-title {
    margin-top: 20px !important;
}

.leagueleaders-section-title {
    margin-bottom: 15px;
}
.share-buttons {
    text-align: center;
    margin-bottom: 20px;
}
.leagueleaders-datepicker {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 12px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
    max-width: 800px;
}
.leagueleaders-datepicker .date-box {
    flex-shrink: 0;
}
.leagueleaders-datepicker__info {
    margin-left: 10px;
    flex-shrink: 1;
}
.leagueleaders-datepicker__info__title {
    margin: 0;
    font-weight: 900;
}
.leagueleaders-datepicker__info__text {
    margin: 0;
}

.benchmark-signin {
    background: #3e3e3e;
    padding: 12px;
    display: inline-block;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin: 0 auto 10px;
}
.benchmark-signin__link {
    color: #ff8000;
}
.benchmark-signin__link:hover {
    color: #ffac43;
    text-decoration: underline;
}

h2.report-section-title {
    font-size: 3em;
}

h3.report-section-title {
    font-size: 2em;
}

h4.report-section-title {
    font-size: 1.4em;
    margin: 10px 0 5px;
}

.bw-posts-order {
    margin-left: 35px;
    display: inline-block;
}
.bw-posts-order label {
    display: inline;
    margin-left: 10px;
    cursor: pointer;
}
.bw-posts-order label input[type='radio'] {
    margin-top: -1px;
    vertical-align: middle;
}
.roster-section-title,
.leagueleaders-section-title {
    font-size: 2.5em;
}

.no-chart-notice {
    text-align: center;
    font: 300 2em 'Open Sans', sans-serif;
    width: 70%;
    margin: 20px auto;
}

.consolidated-email-p {
    width: 70%;
    margin: 15px auto;
    text-align: center;
    font-size: 0.9em;
}

.media-report-subtitle {
    font: 700 2.5em 'open sans', sans-serif;
    text-align: center;
    margin: 80px 0px 20px;
}

.media-report-subtitle:first-of-type {
    margin-top: 40px;
}

.media-report-table-fix {
    margin-bottom: 50px !important;
}

.report-separator {
    width: 100%;
    border-bottom: 1px solid #bbb;
    margin: 60px 0;
}

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

.animation-container .boxed {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 5px;
}

.animation-container h3 {
    font: 300 2.5em 'Open Sans', sans-serif;
}

.animation-container h3.small {
    font: 300 1.5em 'Open Sans', sans-serif;
}

.audience-size-pagination {
    text-align: center;
    margin: -20px 0 30px;
}

.branded-vs-unbranded-pagination {
    text-align: center;
    margin-bottom: 30px;
}

.media-report-bottom-buttons {
    margin-bottom: 20px;
}

.secondary-color-link {
    color: #2d335b;
}

div[id^='hc-followers'],
div[id^='hc-followers'] div,
div[id^='hc-followers'] svg {
    overflow: visible !important;
}

[class^='bf-icon-'],
[class*=' bf-icon-'] {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*opacity: .6;*/
    margin-top: 2px;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url('../../img/bf-icons-white.png');
    background-position: -1000px -1000px;
    background-repeat: no-repeat;
}

.bf-icon-small-chart {
    background-position: -40px -32px !important;
}

.bf-icon-small-media {
    background-position: 0 -32px !important;
}

.bf-icon-search {
    background-position: -16px -32px !important;
}

[class^='bf-black-icon-'],
[class*=' bf-black-icon-'] {
    display: inline-block;
    width: 30px;
    height: 30px;
    /*opacity: .6;*/
    margin-top: 2px;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url('../../img/bf-icons.png');
    background-position: -1000px -1000px;
    background-repeat: no-repeat;
}

.bf-black-icon-stacked-chart {
    background-position: -76px -2px !important;
}
.bf-black-icon-column-chart {
    background-position: -109px -2px !important;
}

.back-to-team-link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 180px;
    display: inline-block;
    position: absolute;
    margin-top: 1px;
    margin-left: 1px;
}

.twitter-typeahead {
    float: left;
}

.modal-with-multiple-entity-typeahead .twitter-typeahead {
    float: none;
}

.modal-with-multiple-entity-typeahead .badge {
    margin-right: 10px;
}

.modal-with-multiple-entity-typeahead .badge .icon-remove {
    margin-left: 3px;
}

.teaser-container {
    width: 100%;
    margin: 30px 0;
}

.teaser-box {
    background-color: #fff;
    width: 100%;
    max-width: 800px;
    height: 100%;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
}

.teaser-box h1 {
    margin-bottom: 30px;
    font-weight: 100;
    font-size: 3em;
    line-height: 1.2;
}

.teaser-box h1 em {
    font-weight: 900;
}

.teaser-sub {
    font: 100 1.45em/1.4 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.screenshot-box {
    width: 24%;
    height: 100px;
    background-color: #333;
    float: left;
    margin: 0 30px 0 0;
    overflow: hidden;
    border-right: 6px solid #fff;
}

.screenshot-box > img {
    height: 100%;
    max-width: none !important;
}

.scrn-right {
    float: right !important;
    margin: 0 0 0 30px !important;
    border-right: none !important;
    border-left: 6px solid #fff;
}

.my-row {
    height: 100px;
    background-color: #eee;
    margin-bottom: 20px;
}

.feature-sub {
    padding-top: 30px;
    padding-right: 25px;
    font-weight: 100;
    font-size: 1.2em;
}

.scrn-right + .feature-sub {
    padding-right: 0 !important;
    padding-left: 25px;
    padding-top: 40px;
}

.tt-hint {
    color: transparent !important;
}
.tt-empty-message {
    padding-left: 10px;
}

.page-blocker {
    display: none;
    background-color: rgba(255, 255, 255, 0.75);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
    position: absolute;
}

.page-blocker .spinner {
    height: 0;
    width: 0;
}

.page-blocker .spinner-on {
    width: auto !important;
    height: auto !important;
}

.sponsors-top-paragraph,
.reports-top-paragraph {
    text-align: center;
    margin: 30px auto 20px;
    font: 100 1.3em 'Open Sans', sans-serif;
    display: inline-block;
}

.sponsors-top-paragraph.drilldown {
    font: 100 1.15em/1.8 'Open Sans', sans-serif;
    padding: 15px;
}

.sponsors-top-paragraph strong,
.reports-top-paragraph strong {
    font-weight: 600;
}

.sponsors-top-paragraph.drilldown .larger {
    font-size: 1.2em;
}

.sponsorship-cta-box {
    width: 700px;
    background-color: rgb(229, 229, 229);
    border: 1px solid rgb(209, 209, 209);
    text-align: center;
    padding: 15px 65px;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
}

.sponsorship-cta-box p {
    font-size: 1.2em;
    font-weight: 600;
    color: #555;
}

.sponsorship-cta-box p:nth-child(2) {
    font-weight: 400;
}

img.cta-teaser {
    max-width: 90%;
    margin: 30px;
    background-color: rgb(229, 229, 229);
    border: 1px solid rgb(209, 209, 209);
    padding: 10px;
    cursor: not-allowed;
}

.post-count-title-ajax {
    display: none;
    color: #999;
    font-size: 0.5em;
}

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

.isotope-controllers {
    margin-top: 9px;
}

.paid-insights-paragraph {
    margin: 10px 0;
}

.isotopes__currentTimezone {
    text-align: left;
    margin-left: 6em;
    font-size: 12px;
    color: #7d7d7d;
}

#brand-content .isotope-controllers {
    text-align: center;
}

iframe.twitter-timeline {
    width: 100% !important;
    height: 100%;
    min-height: 50vh;
}
.email-subscription {
    display: inline-block;
    width: 95%;
    margin: 5px auto;
}
@media (max-width: 767px) {
    .event-overall {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .event-stat {
        height: 55px !important;
        margin-bottom: 10px;
    }
    .event-stat:nth-of-type(4),
    .event-stat:nth-of-type(5) {
        height: 110px !important;
    }
    .event-engagement-table {
        margin-top: 15px;
    }
    .event-top-bar {
        text-align: center;
    }
    .hidden-xs {
        display: none !important;
    }
    .post-metrics-full-number {
        display: none;
    }
    .teaser-box {
        width: 400px;
    }
    .screenshot-box {
        width: 100%;
        height: 200px;
    }
    .my-row {
        height: 300px;
    }
    .feature-sub {
        padding: 210px 10px 10px 10px !important;
    }
    .scrn-right + .feature-sub {
        padding: 210px 10px 10px 10px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
    .post-metrics-full-number {
        display: none;
    }
    .b-w-item-text {
        width: 150px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
    .post-metrics-short-number {
        display: none !important;
    }
    .b-w-item-text {
        width: 190px !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
    .post-metrics-short-number {
        display: none !important;
    }
    .b-w-item-text {
        width: 350px !important;
    }
    .post-metrics td {
        font-size: 1em !important;
    }
}

.blinkfire-table {
    border: 1px solid #bbb;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    overflow: hidden;
    /*float: left;*/
}

.blinkfire-table.overflow-override {
    overflow: inherit;
}

.blinkfire-table td {
    background-color: #f9f9f9;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    padding: 8px 15px;
    border-left: 1px solid #ddd;
    font-size: 0.9em;
}

.blinkfire-table td.entity-cell {
    padding-left: 8px;
    text-align: left;
}

.blinkfire-table.agency {
    margin: 10px;
}

.blinkfire-table.agency td {
    border-left: 0;
}

.blinkfire-table.agency h5,
.blinkfire-table.agent h5,
.blinkfire-table.agent-stats h5 {
    padding: 12px 10px;
    margin: 0;
    border-bottom: 1px solid #cdcdcd;
    color: #666;
    background-color: #fafafa;
}

.blinkfire-table.agent {
    background-color: #f9f9f9;
}

.blinkfire-table.agent-stats {
    background-color: #f9f9f9;
    margin-top: 20px;
}

.blinkfire-table.agent-stats h5 {
    font-size: 18px;
    font-weight: 400;
    background-color: #eaeaea;
}

.agent-stats-spacer {
    padding: 15px;
}

.blinkfire-table td a,
.blinkfire-table tfoot th a {
    color: #555;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}

.blinkfire-table td a:hover,
.blinkfire-table tfoot th a:hover {
    color: #0e88c3;
}

.blinkfire-table th {
    font-size: 10px;
    padding: 5px 2px 2px;
    text-align: center;
    border-bottom: 0;
    color: #666;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    line-height: 20px;
    background-color: rgb(230, 230, 230);
    height: 40px;
}

.blinkfire-table tfoot th {
    border-top: 1px solid #ccc;
    border-bottom: 0;
    font-size: 0.9em;
    background-color: #ebebeb;
    text-align: right;
    font-weight: normal;
    padding: 2px 15px;
}

.blinkfire-table.table-mediacos tfoot th {
    text-align: center;
}

.blinkfire-table tfoot th:first-of-type {
    text-align: center;
}

.blinkfire-table th:first-of-type,
.blinkfire-table td:first-of-type {
    border-left: 0 transparent solid;
}

/* specific code added for Match versus Non Match Days Report, issue #2221 */
.blinkfire-table th:first-of-type.blinkfire-table-l-border {
    border-left: 1px solid #ccc; /* same as .blinkfire-table th */
}

.blinkfire-table tr:first-of-type td {
    border-top: 0 transparent solid !important;
}

.blinkfire-table th[class^='sorting_'] {
    background-color: #eee;
}

.blinkfire-table .sorting_asc:after {
    content: ' ▲';
}
.blinkfire-table .sorting_desc:after {
    content: ' ▼';
}

.table-title {
    font-weight: 300;
    color: #555;
}

table.disabled-cpes {
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bf-row-highlight tr:hover td {
    background-color: #fefefe;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

table.bf-row-highlight .fans {
    color: #3a8dc9;
    white-space: nowrap;
    margin: 0;
}

.row-highlight td {
    background-color: #d0e0eb;
    border-color: #ccc;
}

.teaser-table__asset_color,
.teaser-table__subasset {
    border-radius: 20px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    position: absolute;
    top: 35%;
    right: 1em;
}

.toggle-subassets {
    position: absolute;
    margin-top: -4.2em;
}

.margin-right-2 {
    margin-right: 2em;
}
.margin-top-1 {
    margin-top: 1em;
}
.block {
    display: block;
}
.relative {
    position: relative;
}
.table-asset-name {
    padding-right: 2em;
    position: relative;
}
.table-asset-name span {
    white-space: nowrap;
}

.bftable-brand {
    max-width: 1300px;
    margin: 20px auto;
    float: none;
}

.bftable-brand-subtitle {
    font: 100 1.7em 'Open Sans', sans-serif;
    margin-bottom: 5px;
}

.bftable-brand-name {
    width: 180px;
}

.blinkfire-tab-pane {
    padding: 10px;
}

.tab-pane-text {
    font-size: 11px;
    float: right;
    margin-right: 10px;
}
.blinkfire-select {
    width: auto;
    background-color: #fff;
    border: 1px solid #aaa;
    height: 40px;
    font-size: 1.2em;
    font-weight: 300;
    color: #333;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: -20px;
}

.blinkfire-select-container {
    text-align: center;
}

.b-w-item-text {
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-right: 10px;
}

.sponsorship-table-title {
    font: 100 2em 'Open Sans', sans-serif;
    text-align: center;
    color: #333;
    padding: 15px 0;
}

.post-metrics-channel-name,
.post-metrics-posts-number {
    display: none;
}

.sponsor-stats-title {
    font: 100 3em 'Open Sans', sans-serif;
    margin-bottom: -15px;
    text-align: left;
}

.sponsor-stats-title a {
    color: #333;
    position: relative;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.sponsor-stats-title a:hover {
    color: #777;
}

.sponsor-stats-title a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #777;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

.sponsor-stats-title a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.sponsor-channel-stats-title {
    font: 100 3em 'Open Sans', sans-serif;
    margin: 0 0 1em;
    text-align: center;
}

.brand-daily-graph {
    margin-bottom: 35px;
    max-width: 1300px;
    width: 100%;
}
.date-container {
    display: inline-flex;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    text-align: center;
    height: 100%;
}
.date-container.single-calendar {
    margin-top: 40px;
    margin-bottom: 40px;
}
.date-box {
    background-color: #4578a3;
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 2px;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.date-box.date-selection:hover {
    background-color: #ff8000;
    cursor: pointer;
}
.day-box {
    background-color: #fff;
    width: 52px;
    height: 35px;
    left: 4px;
    bottom: -3px;
    position: relative;
    text-align: center;
    font: 100 2.1em/1.2 'Open Sans', sans-serif;
}
.date-month {
    text-align: center;
    font: 900 0.8em/1.6 'Open Sans', sans-serif;
    color: white;
    text-transform: uppercase;
}
.day {
    color: #666;
}
.date-text {
    font: 100 1em 'Open Sans', sans-serif;
    display: inline-flex;
    align-items: center;
    color: #393d62;
}
.calendar-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;
    width: 100%;
    max-width: 400px;
    float: right;
}
.calendar-container.active {
    max-height: 540px;
    margin: 20px auto;
}
.calendar-container.single-calendar {
    width: 258px;
}

.calendar-container .calendar-footer {
    width: 100%;
    text-align: center;
}

.calendar-launch {
    border: 3px solid #4578a3;
    background-color: transparent;
    margin: 0 auto;
    color: #4578a3;
    font-size: 15px;
    font-weight: 900;
    padding: 8px 15px;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.calendar-launch:hover {
    border-color: #ff8000;
    color: #ff8000;
}
.calendar-toggle-button {
    background-color: #4578a3;
    padding: 4px 15px;
    color: white;
    font-weight: 100;
    font-style: normal;
    border-radius: 4px;
    font-size: 12px;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.calendar-toggle-button:hover {
    background-color: #ff8000;
}

.show-period-alert {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    display: none;
}
.calendar-container.no_submit .show-period-alert {
    margin-bottom: 0;
}

.growth-calendar-dates {
    display: flex;
    justify-content: flex-end;
}

.growth-calendar-dates .calendar {
    position: relative;
    display: inline-flex;
}

.growth-calendar-date {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}

.growth-calendar-date:first-child {
    margin-right: 10px;
}

.growth-dates-box {
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px 0;
}

.growth-calendar__img {
    position: absolute;
    width: 28px;
    height: 18px;
    max-width: 30px;
    top: 8px;
    bottom: 2.5em;
    left: 18px;
    right: inherit;
    cursor: pointer;
    opacity: 0.8;
}

.growth-calendar__img svg {
    height: 18px;
    width: 28px;
    max-width: 30px;
    fill: #393d62;
}

input[type='text'].growth-calendar__input {
    height: 34px;
    border: 1px solid #656565;
    border-radius: 6px;
    padding: 7px;
    padding-left: 42px;
    color: #656565;
    font-size: 12px;
    font-style: normal;
    line-height: 1.3;
    background-color: #fff;
    font-weight: 700;
    user-select: none;
    width: 13em;
    cursor: pointer;
    caret-color: transparent;
    margin-left: 0.8em;
    transition: all ease-in-out 0.3s;
}

input[type='text'].growth-calendar__input:hover {
    background-color: #fff;
    color: #4578a3;
    border-color: #4578a3;
}

.blurred-number {
    margin-right: -6px;
}

/* NEW SPINNER STYLING AND ANIMATIONS */

.loader {
    margin: 6em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(37, 37, 37, 0.15);
    border-right: 1.1em solid rgba(37, 37, 37, 0.15);
    border-bottom: 1.1em solid rgba(37, 37, 37, 0.15);
    border-left: 1.1em solid #888;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader.small,
.loader.small:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    margin: 4em auto;
    border-top: 0.8em solid rgba(37, 37, 37, 0.15);
    border-right: 0.8em solid rgba(37, 37, 37, 0.15);
    border-bottom: 0.8em solid rgba(37, 37, 37, 0.15);
    border-left: 0.8em solid #888;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.loader.tiny,
.loader.tiny:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 auto;
}
.loader.micro,
.loader.micro:after {
    border-radius: 50%;
    width: 1.8em;
    height: 1.8em;
    margin: 0 auto;
    -webkit-animation: load8 0.4s infinite linear;
    animation: load8 0.4s infinite linear;
    border-top: 0.5em solid rgba(37, 37, 37, 0.15);
    border-right: 0.5em solid rgba(37, 37, 37, 0.15);
    border-bottom: 0.5em solid rgba(37, 37, 37, 0.15);
    border-left: 0.5em solid #888;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* END NEW SPINNER SECTION */

.sponsor-other-interactions-container {
    max-height: 320px;
    overflow-y: auto;
}

.sponsor-other-interactions-container.no-scroll {
    max-height: none;
}

.sponsor-channel-stats-row {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

body.container-fix .container {
    width: 100%;
    max-width: 1170px;
}

.teaser-limiter-container {
    max-height: 300px;
    /*border: 1px solid #999;*/
    overflow: hidden;
    position: relative;
}

.teaser-limiter-gradient {
    background-image: -webkit-linear-gradient(bottom, #f9f9f9, transparent);
    background-image: linear-gradient(0deg, #f9f9f9, transparent);
    height: 200px;
    width: 100%;
    position: absolute;
    top: 100px;
}

.tt-suggestion em {
    font-weight: bolder;
    font-size: 10px;
    color: #bbb;
}

/* ==========================================================================
   POST VIEW CSS
   ========================================================================== */

#item-view {
    background-color: #f1f1f1;
}

.pview-header {
    position: fixed;
    top: 0;
    height: 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    text-align: center;
    z-index: 10;
}
.pview-title {
    margin: 0;
    line-height: 50px;
    display: inline-block;
}
.pview-title img {
    height: 40px;
    margin-top: -6px;
}
.pview-text {
    display: block;
    font-size: 1.5em;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
    background-color: #fafafa;
    margin-top: 10px;
}
.pview-text a {
    color: #ff8000;
}

.read-less {
    overflow: hidden;
    max-height: 180px;
}

.read-more-container {
    margin-bottom: 10px;
}

.read-more-button {
    display: none;
    background: none;
    border: none;
    padding: 0;
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
}

.read-less::before {
    content: ' ';
    width: 525px;
    height: 180px;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgba(252, 252, 252, 1) 100%);
}

@media (min-width: 768px) and (max-width: 991px) {
    .read-less::before {
        width: 262px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .read-less::before {
        width: 425px;
    }
}

@media (min-width: 1200px) {
    .read-less::before {
        width: 525px;
    }
}

.poll__container {
    margin-top: 10px;
    font-size: 15px;
}

.poll__row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all linear 150ms;
}

.poll__row--bold {
    font-weight: bold;
}

.poll__row--bold .poll__background {
    background-color: #71c9f7;
}

.poll__row:not(:last-child) {
    margin-bottom: 5px;
}

.poll__background {
    position: absolute;
    height: 100%;
    background-color: #cfd6db;
    border-radius: 5px;
    width: 0%;
    transition: width 300ms ease;
}

.poll__label,
.poll__votes {
    z-index: 1;
    padding: 5px 10px;
}

.poll__votes {
    display: none;
}

.poll__totals {
    font-size: 13px;
}

.pview-meta {
    font-size: 0.66em;
    margin: 10px 0;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.pview-author {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.pview-author a {
    color: #333;
}
.pview-author img {
    margin-right: 10px;
    width: 30px;
    margin-top: -4px;
}
.pview-date {
    margin-left: 45px;
    color: #bababa;
    line-height: 15px;
    font-size: 0.9em;
    margin-top: -7px;
}
.pview-date__medium {
    width: 13px;
    margin-top: -3px;
    opacity: 0.75;
}
.pview-date__content-source {
    width: 13px;
    border-radius: 50%;
    margin-top: -2px;
    margin-right: 3px;
    filter: grayscale(100%);
}
.pview-date a {
    color: #bababa;
    text-decoration: none;
}
.pview-date a:hover {
    text-decoration: underline;
}
.pview-media {
    position: relative;
    float: right;
    max-width: 100%;
    text-align: center;
    width: 100%;
}
.pview-media.slick-slider .pview-image {
    max-width: none;
    width: 100%;
}
.pview-enclosure {
    position: relative;
}
.pview-image,
.pview-video {
    max-width: 100%;
}
.pview-stat:after {
    content: ' · ';
}
.pview-stat:last-of-type:after {
    content: '';
}
.pview-verified {
    margin-top: -12px;
}
.pview-location {
    color: #999;
}
.pview-location img {
    opacity: 0.4;
    margin-right: 10px;
}
.pview-stats,
.pview-engagement {
    font-size: 1.5rem;
}
.pview-admin {
    position: absolute;
    right: 10px;
    top: 10px;
    color: transparent;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.pview-admin:hover {
    color: #666;
}
.pview-media__tooltip-avatar {
    width: 30px;
    height: auto;
    margin: 0 5px 5px 0;
    display: inline-block !important;
}
.pview-engagement {
    color: #666;
    font-size: 12px;
    margin-bottom: 0;
}
.pview-engagement strong {
    font-size: 15px;
}
.pview-engagement:nth-child(2) {
    margin-top: 10px;
}
.pview-engagement-info {
    color: #0088ee;
    transition: 200ms;
}
.pview-engagement-info:hover {
    color: #00aaff;
}
.pview-video-brand,
.pview-image-brand {
    background-color: #f7f7f7;
    display: inline-block;
    padding: 15px;
    margin-bottom: 7px;
    width: 49%;
}
.pview-video-brand:nth-child(odd),
.pview-image-brand:nth-child(odd) {
    margin-right: 7px;
}
.pview-video-brand-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.pview-video-brand-avatar img {
    width: 34px;
    margin: -2px 0 0 -2px;
    height: auto;
}
.pview-image-brand {
    background-color: #f7f7f7;
    display: inline-block;
    padding: 15px;
    margin-bottom: 7px;
}
.pview-brand-name {
    display: inline-block;
    margin: 0;
    line-height: 30px;
}
.pview-spot-overlay {
    font-size: 11px !important;
}
.pview-media .spot-coords-overlay.dropdown-submenu > .dropdown-menu {
    min-width: 180px;
}
.pview-author-status {
    margin-bottom: 7px;
    display: inline-block;
}
.pview-author-status-text {
    color: #bababa;
}

.isotope-author-status {
    font-size: 12px;
    margin-top: -2px;
}
.isotope-author-status-text {
    color: #999;
}

.private-stats {
    border: 1px solid #6d92bf;
    padding: 3px 5px;
    border-radius: 5px;
    background-color: #f7fcff;
    font-size: 95%;
}

.private-stats .pview-stat {
    margin-bottom: 0;
}

.blinkfire-clean-box {
    background-color: #fefefe;
    padding: 12px 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1.2em;
    font-weight: 100;
}

.brand-valuation-cta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 30px;
}

.brand-valuation-cta__arrow {
    width: 45px;
}

.brand-valuation-cta__p {
    margin-bottom: -10px;
    margin-left: 10px;
    text-align: center;
}

/* multiple enclosures - slick.js implementation */

.pview-media .slick-dots button:before,
.playlist-img-container.carousel .slick-dots button:before {
    color: #333;
    font-size: 14px;
    transition: all 300ms;
    transform: scale(0.75);
}

.pview-media .slick-dots button.branded:before,
.playlist-img-container.carousel .slick-dots button.branded:before {
    color: #ff9800;
}

.slick-dots .slick-active button:before {
    transform: scale(1);
}

.pview-media .slick-list {
    background-color: white;
}

.pview-media .slick-prev,
.pview-media .slick-next {
    z-index: 2;
}

.soi-overlay {
    position: absolute;
    z-index: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 2px;

    flex-direction: column;

    transition: all 200ms;
}

.flex-direction-column {
    flex-direction: column;
}

.soi-overlay__crest .soi-overlay__name::before, 
.soi-overlay__asset .soi-overlay__name::before {
    display: none;
}

.soi-overlay__crest .soi-overlay__name {
    width: calc(100% + 4px);
    top: unset;
    bottom: calc(100% + 1px);
    margin: 0 -2px;
    background-color: #BF13FF;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    pointer-events: none;
}

.soi-overlay__asset .soi-overlay__name,
.soi-overlay__asset.soi-overlay.streamitem .soi-overlay__name {
    top: 0;
    border-radius: 0;
    background-color: rgba(0, 255, 255, 0.9);
    font-size: 9px;
}

.soi-overlay__crest, 
.soi-overlay__asset {
    flex-direction: inherit;
}

.soi-overlay__name {
    background-color: rgba(255, 255, 0, 0.8);
    color: #000;
    padding: 0.3em 0.7em;
    font-size: 0.75em;
    text-transform: capitalize;
    border-radius: 3px;
    display: flex;
    align-self: center;
    position: absolute;
    width: auto;
    top: calc(0% - 25px);
    z-index: 99;
    white-space: nowrap;
}
.soi-overlay.streamitem .soi-overlay__name::before {
    position: absolute;
    bottom: -3px;
    left: calc(50% - 3px);
    width: 0;
    height: 0;
    border-top: solid 3px rgba(255, 255, 0, 0.8);
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
}
.soi-overlay__name::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: calc(50% - 6px);
    width: 0;
    height: 0;
    border-top: solid 5px rgba(255, 255, 0, 0.8);
    border-left: solid 5px transparent;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.soi-overlay:hover {
    background-color: rgba(255, 255, 0, 0.1);
}

.soi-overlay.streamitem {
    overflow: visible;
}

.soi-overlay.streamitem .soi-overlay__name {
    opacity: 0;
    transition: opacity 200ms;
    font-size: 6px;
    background-color: rgba(255, 255, 0, 0.8);
}

.soi-overlay__crest {
    border: 2px solid #BF13FF;
    pointer-events: none;
}

.soi-overlay__asset {
    border: 1px solid #00ffff;
}
.soi-overlay__asset:hover {
    background-color: rgba(0, 255, 255, 0.1);
}

.soi-overlay.streamitem .soi-overlay__name {
    opacity: 1;
}

.soi-toggle {
    opacity: 1;
    font-size: 10px;
    position: relative;
    margin-top: 1em;
}

.soi-toggle.btn-primary {
    font-size: 14px;
    margin-bottom: 14px;
}

.pview__assetPill__container {
    width: 100%;
}
.pview__assetPill__container .pview__assetPill--wrapper {
    align-items: center;
    flex-shrink: 0;
}

.pview__center {
    margin: 0 auto;
}
.pview__assetPill--wrapper {
    border-radius: 5px;
    border: 1px solid #b5b5b5;
    padding: 0;
    min-height: 3em;
    display: inline-flex;
    margin-top: 0.5em;
    width: 100%;
    font-size: 12px;
}

.pview__pills {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    position: relative;
}

.pview__assetPill--leftSide {
    width: 58%;
    border-right: 1px solid #b5b5b5;
    padding: 0.5em;
    align-items: center;
    height: 100%;
}
.pview__assetPill--rightSide {
    width: 42%;
    background-color: white;
    float: right;
    padding: 0.6em;
    align-items: center;
    height: 100%;
    font-weight: bold;
}

.pview__assetPill__text {
    margin: 0 auto;
}

.no-padding {
    padding: 0;
}

.inline-flex {
    display: inline-flex;
}

.pview__title {
    font-size: 15px;
    color: #676767;
    font-weight: bold;
}
.pview--searchBar {
    width: 100%;
}
.pview--container {
    padding: 1.5em 0em;
    display: flex;
    flex-wrap: wrap;
}
.pview--header {
    padding: 1em 0em;
    display: inline-flex;
    align-items: center;
    width: 112%;
    margin-left: -26px;
}
.pview--whiteBg {
    background-color: white;
}
.pview--transparentBg {
    background-color: #f1f1f1;
}

@media (min-width: 768px) and (max-width: 992px) {
    .pview-video-brand,
    .pview-image-brand {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .pview-video-brand,
    .pview-image-brand {
        width: 100%;
    }
}
/* ==========================================================================
   TWITTER EMBED CARD
   ========================================================================== */

.embed-card-title {
    font: 100 1.2em 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
    text-decoration: none;
    -webkit-transition: color 0.1s cubic-bezier(0, 0, 0.2, 1);
    transition: color 0.1s cubic-bezier(0, 0, 0.2, 1);
    outline: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    float: left;
    color: #eee;
}
.embed-sprite-icon i {
    display: inline-block;
    width: 38px;
    height: 30px;
    margin-top: 0;
    line-height: 30px;
    vertical-align: text-top;
    background-image: url('../../img/embed_sprite.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.embed-sprite-icon.muted i {
    background-position: -38px 0;
}

/* ==========================================================================
   CONTACT FORM CSS
   ========================================================================== */

#contact-form {
    color: white;
    position: relative;
    width: 100%;
    height: 75vh;
    background: linear-gradient(360deg, #0c0d31, #333890);
    background-size: 400% 400%;
    -webkit-animation: bgAnimation 11s ease infinite;
    -moz-animation: bgAnimation 11s ease infinite;
    animation: bgAnimation 11s ease infinite;
}

#contact-form hr {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

#contact-form input {
    font-size: 16px !important;
}

.contact-container {
    max-width: 550px;
    margin: 99px auto 0;
    box-sizing: border-box;
    padding: 0 25px;
}

.contact-textarea {
    width: 100%;
    margin: 5px 0;
    border: 0;
    resize: none;
    display: block;
    padding: 7px;
    height: 150px;
    font-size: 1em;
    color: #333;
}
.contact-select,
.contact-half {
    width: 49.5%;
    border: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    background-color: #fff;
}
.labeled-input {
    border: 0;
    padding: 11px 7px;
    outline: none;
    font-size: 1.2em;
    width: 100%;
    margin: 0;
}
.labeled-input:focus,
.contact-select:focus,
.contact-textarea:focus {
    box-shadow: 0 0 6px 1px rgba(155, 200, 255, 1);
    outline: 0;
}
.contact-field {
    position: relative;
    padding: 0;
    margin: 5px 0;
}

.contact-field > input[name='address'] {
    display: none;
}

.contact-field > label[for='address'] {
    display: none;
}

.labeled-input:focus,
.labeled-input:valid,
.labeled-input.active {
    padding-top: 18px;
    padding-bottom: 4px;
}
.labeled-input + .input-label {
    color: #aaa;
    position: absolute;
    top: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 7px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    font-size: 0.9em;
}
.labeled-input:focus + .input-label,
.labeled-input + .input-label.active {
    -webkit-transform: none;
    transform: none;
    top: 3px;
    font-size: 0.7em;
}

.contact-title {
    font-size: 2.5em;
    font-weight: bolder;
    color: #fff;
}
.exemption {
    font-size: 1em;
    padding: 16px 0px;
    color: #fff;
}
.contact-submit {
    width: 100%;
    background-color: transparent;
    padding: 15px;
    font-size: 1.5em;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    border: 0;
    border: 2px solid white;
    border-radius: 10px;
}
.contact-submit:hover {
    color: #fff;
}

.inline-flex {
    display: inline-flex;
}
.imgbg {
    background-image: url('../../img/hero_image_1.jpg');
    background-size: cover;
    height: 140%;
    background-position-x: 58%;
    width: 100%;
    top: -10em;
    position: absolute;
    z-index: -1;
    opacity: 0.05;
}

.imgbg:after {
    content: ' ';
    background-image: url('../../img/landing_1_over.gif');
    position: absolute;
    width: 100%;
    background-position-x: 58%;
    background-size: cover;
    height: 100%;
    top: 0%;
}

/* ==========================================================================
   WORLDWIDE MEDIA
   ========================================================================== */

#regions_div text {
    fill: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.google-visualization-controls-rangefilter-thumblabel {
    color: #555 !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 8px;
    display: inline-block;
}

.google-visualization-controls-label {
    display: none !important;
}

.google-visualization-controls-slider-thumb {
    background-color: #0d233a !important;
    border-color: #0d233a !important;
    border-radius: 8px !important;
    cursor: ew-resize;
}

#control {
    padding-left: 8px;
    background-color: #fff;
    margin-bottom: 10px;
}

#text-chart-container {
    min-width: 240px;
    height: 360px;
}

.country-toggle {
    text-align: center;
    background-color: #fff;
    padding: 5px 150px;
    margin-bottom: 10px;
}

.multi-toggles {
    font-size: 1.15em;
    background-color: #fff;
    text-align: center;
    padding: 3px;
}

a.tm-category {
    margin: 0;
    height: 24px;
    width: 24px;
}

a.tm-category i.flag {
    opacity: 0.1;
}

a.tm-category.country-on i.flag {
    opacity: 0.85;
}
a.tm-category:not(.country-on):hover i.flag {
    opacity: 0.3;
}
a.tm-category:hover i.flag {
    opacity: 1;
}

/* ==========================================================================
   EVENTS CSS
   ========================================================================== */

.event-overall {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0;
}

.event-stat {
    padding-left: 5px;
    font-size: 1.3em;
    display: inline-block;
    margin-right: 5px;
    border-left: 3px solid #4578a3;
    height: 100%;
}

.event-stat-value {
    font: 900 180%/1 'Open Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
    display: block;
}

.event-stat-type {
    font: 100 120%/1 'Open Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 1em;
}

.bf-angular-table th a {
    cursor: pointer;
    color: #555;
}

.bf-angular-table td a {
    color: #428bca;
}

.event-info-toggle {
    border: 1px solid #bbb;
    background-color: #fefefe;
    font-size: 11px;
    padding: 2px 5px 5px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
}

.event-engagement-chart svg {
    overflow: visible;
}

.event-engagement-table tbody {
    overflow-y: auto;
    display: block;
    max-height: 350px;
}

.event-engagement-table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.event-engagement-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.event-engagement-table th,
.event-engagement-table td {
    width: auto;
}

.blinkfire-scroll-tbody {
    max-height: 450px;
    overflow-y: auto;
    display: block;
}

.blinkfire-scroll-tbody tr,
.blinkfire-scroll-tbody td {
    display: block;
}

.event-overall .smaller {
    font-size: 0.7em;
    margin-top: 8px;
    opacity: 0.8;
}

.event__card {
    background-color: white;
    margin: 2em 1em;
    border-radius: 3px;
    padding: 1em;
}

.event__card--wrapper {
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #cacaca;
    margin-bottom: 3em;
}

.event--flex {
    display: inline-flex;
    align-items: center;
    width: 50%;
}

.event__title {
    display: inline-block;
    margin: 0;
}
.event__label {
    margin-left: 1em;
}
.event-top-bar {
    min-height: 2em;
    margin-bottom: 2em;
}
.event__export-buttons {
    margin-bottom: 1em;
}
/* ==========================================================================
   MY EVENTS CSS
   ========================================================================== */

.top-myevents-p {
    font: 100 1.3em 'Open Sans', sans-serif;
    text-align: center;
    margin: 15px 0;
}

.top-myevents-alert {
    margin: 10px 0;
    font-size: 1rem;
    max-width: 600px;
    display: inline-block;
}

.event-cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.event-card {
    width: 360px;
    min-height: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.event-title {
    font-size: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
}

.event-avatar {
    margin-right: 5px;
    max-width: 50px;
}

.event-dates {
    margin: 5px 0;
    font-size: 1.2em;
    display: inline-block;
    width: 49%;
}

.event-participant {
    display: inline-block;
}

.event-participant-avatar {
    max-height: 15px;
    border-radius: 50%;
}

.event-hashtags {
    margin-top: 5px;
}

/* ==========================================================================
   ORGANIZATIONS
   ========================================================================== */

.organization-entities-container {
    margin-top: 20px;
}
.organization-entities-container a {
    color: #7d7d7d;
    text-decoration: none;
    display: inline-block;
}
.organization-entities-container a:hover {
    color: #1d1d1d;
}
.organization-entities-box {
    background-color: white;
    border-radius: 5px;
    padding: 5px 15px 20px;
    margin-bottom: 10px;
}
.organization-entities-box h4 {
    font: 100 2em 'Open Sans', sans-serif;
    color: #333;
}
.organization-entities-img {
    max-height: 30px;
    border-radius: 50%;
}
.organization-entity {
    border: 1px solid #ddd;
    padding: 5px 7px;
    border-radius: 10px;
    background: #eee;
    margin-right: 5px;
    margin-bottom: 5px;
}
.venue-teams {
    display: inline;
    margin-left: 20px;
}
.venue-entity {
    background-color: #fff;
}
.venue-entity-img {
    max-height: 20px;
    border-radius: 50%;
}

/* ==========================================================================
   BRAND EXPOSURE
   ========================================================================== */

.exposure-entities-container {
    margin-bottom: 20px;
}
.exposure-entities-container a {
    color: #7d7d7d;
    text-decoration: none;
    display: inline-block;
}
.exposure-entities-container a:hover {
    color: #1d1d1d;
}
.exposure-entities-box {
    background-color: white;
    border-radius: 5px;
    padding: 5px 15px 20px;
    margin-bottom: 10px;
}
.exposure-entities-box h4 {
    font: 100 2em 'Open Sans', sans-serif;
    color: #333;
}
.exposure-entity {
    border: 1px solid #ddd;
    padding: 5px 7px;
    border-radius: 10px;
    background: #eee;
    margin-right: 5px;
    margin-bottom: 5px;
}
#brand-exposure-form > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 170px;
    width: 100%;
}

#brand-exposure-form label {
    font-weight: normal;
}

#brand-exposure-form > ul > li {
    display: inline-block;
    list-style-type: none;
    margin: 0 2px;
    position: relative;
    padding: 10px 20px;
    background-color: white;
    vertical-align: top;
}

#brand-exposure-form > ul > li > label {
    cursor: pointer;
}

#brand-exposure-form .entity-radios {
    display: none;
    text-align: left;
}

#brand-exposure-form .entity-radios label {
    display: block;
    line-height: 30px;
    cursor: pointer;
}

#brand-exposure-form .entity-title {
    font: 100 1.3em 'Open Sans', sans-serif;
}

#brand-exposure-form .dropdown-toggle {
    color: #333;
}

#brand-exposure-form input[type='submit'] {
    margin: 2px 0 200px;
}

#brand-exposure-form .dropdown-menu label,
#brand-exposure-form .dropdown-menu h5 {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

#brand-exposure-form .dropdown-menu h5 {
    font-weight: 600;
    margin: 0;
    cursor: default;
}

#brand-exposure-form .dropdown-menu label:hover {
    background-color: #86c7ff;
}
/* ==========================================================================
   BLINKFIRE INDEX + LEADERBOARD
   ========================================================================== */

.bfi-container {
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    width: auto;
    padding: 2px 15px 2px 3px;
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        -webkit-linear-gradient(bottom, #5585bf 1%, #369ec8 100%);
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        linear-gradient(0deg, #5585bf 1%, #369ec8 100%);
    border: 1px solid #436692;
    border-radius: 5px;
    color: #fff;
}

.bfi-name {
    font-weight: 600;
    font-size: 1.1em;
    text-transform: none;
}

.bfi-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
    font-size: 0.75em;
}

.bfi-simple-metrics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 5px;
}

.bfi-bfindex {
    font-size: 2.5em;
    font-weight: 900;
    line-height: 0.8;
}

.bfi-gold {
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        -webkit-radial-gradient(50% 100%, #ffca40 0%, #dca511 100%),
        -webkit-linear-gradient(213deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 51%, rgba(255, 255, 255, 0)
                    100%),
        -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.25) 61%, rgba(
                        255,
                        255,
                        255,
                        0
                    )
                    88%);
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        radial-gradient(50% 100% at 0 0, #ffca40 0%, #dca511 100%),
        linear-gradient(-123deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 51%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(-250deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.25) 61%, rgba(255, 255, 255, 0) 88%);
    box-shadow: 0 0 0 1px #dcab21, 0 0 0 2px #f0d8b3, 0 0 0 3px #dcab21, inset 0px 2px 12px 0px #d7910c;
    border: 0;
    color: #5f4b2d;
}

.bfi-silver {
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        -webkit-radial-gradient(50% 100%, #e3eef1 0%, #b9d3dc 100%),
        -webkit-linear-gradient(213deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 51%, rgba(255, 255, 255, 0)
                    100%),
        -webkit-linear-gradient(340deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.25) 61%, rgba(
                        255,
                        255,
                        255,
                        0
                    )
                    88%);
    background: url('../../img/blinkfire_flame.png') bottom 2px right 1px / 11px no-repeat,
        radial-gradient(50% 100% at 0 0, #e3eef1 0%, #b9d3dc 100%),
        linear-gradient(-123deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 51%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(-250deg, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.25) 61%, rgba(255, 255, 255, 0) 88%);
    box-shadow: 0 0 0 1px #9fb5b9, 0 0 0 2px #cae2e4, 0 0 0 3px #8ab3c5, inset 0px 2px 12px 0px #a4ced7,
        0 0 9px 2px rgba(0, 0, 0, 0.25);
    border: 0;
    color: #53718b;
}

/*  Blinkfire Index Leaderboard  */

.bfindex-table {
    max-width: 500px;
    margin: 15px auto;
}
.bfindex-text {
    max-width: 650px;
    margin: 15px auto;
}
.top-entry-img {
    width: 36px;
    border-radius: 50%;
    margin-right: 8px;
}
.top-entry.entry1 td,
.top-entry.entry1 .entry-link {
    font-size: 1.3em;
    height: 75px;
    color: #fff;
}
.top-entry.entry2 td,
.top-entry.entry2 .entry-link {
    font-size: 1.3em;
    height: 65px;
    color: #fff;
}
.top-entry.entry3 td,
.top-entry.entry3 .entry-link {
    font-size: 1.3em;
    height: 55px;
    color: #fff;
}
.entry-gold td {
    background-color: rgba(220, 165, 64, 1);
    color: #fff;
}
.entry-gold td a {
    color: #fff;
}
.entry-gold td a:hover {
    color: #fff;
    text-decoration: underline;
}
.entry-silver td {
    background-color: rgb(174, 207, 213);
    color: #fff;
}
.entry-silver td a {
    color: #fff;
}
.entry-silver td a:hover {
    color: #fff;
    text-decoration: underline;
}
.entry-white td {
    color: #333 !important;
}
.entry-white td a {
    color: #333 !important;
}
.entry-white td a:hover {
    color: #333 !important;
}

/* ==========================================================================
   BLINKFIRE PLAYLISTS
   ========================================================================== */

.playlist-img {
    max-width: 100%;
    height: auto;
    max-height: 275px;
}
.playlist-img-container {
    text-align: center;
    position: relative;
    display: inline-block;
}
.playlist-img-container.carousel {
    margin: 0 auto 30px;
    opacity: 0;
    transition: opacity 1000ms;
}
.playlist-enclosure {
    position: relative;
    max-height: 275px;
}
.playlist-enclosure.carousel::after,
.streamitem-div.carousel .streamitem-enclosure::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../../img/carousel.png');
    background-size: cover;
}
.playlist-img-container.carousel .playlist-img,
.playlist-img-container.carousel .playlist-enclosure {
    max-height: none;
}
.slick-list {
    overflow: visible !important;
}
/*.slick-track {max-height: 275px;}*/
/*.playlist-enclosure img { display: inline-block !important; }*/
.playlist-post-actions {
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: right;
}
.playlist-post-actions a {
    color: #999;
}
.admin-container {
    position: absolute;
    top: 50px;
    right: 10px;
    color: #000;
    opacity: 0;
}
.admin-container:hover {
    opacity: 1;
}
.pview-text {
    background-color: #fcfcfc;
    word-wrap: break-word;
}
.playlist-content-container--compact .playlist-item__engagement__brands a:hover {
    text-decoration: none;
}
.playlist-content-container a:hover {
    text-decoration: underline;
}
.playlist-brand-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
}
a.delete-item {
    color: #ccc;
}
a.delete-item:hover {
    color: #999;
}
.playlist-brand-table {
    margin-top: 15px;
}
#play_wrapper {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 5px;
    margin-left: 25px;
    margin-top: 40px;
    position: absolute;
}
#play_wrapper.left {
    position: relative;
    float: left;
    margin-top: 0;
}

.playlists {
    margin-bottom: 50px;
}

.playlists__legend {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.playlists__introduction {
    max-width: 600px;
    background-color: #fff;
    color: #333;
    padding: 1px 20px 10px;
    border-radius: 4px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.playlists__introduction h2 {
    font-weight: bolder;
    color: #ffbe51;
}

.playlists__empty {
    display: flex;
    align-items: center;
    height: 150px;
}

.playlists__empty-text {
    width: 40%;
}

.playlists__empty-img {
    display: inline-block;
    transform: scaleX(-1) rotate(20deg);
}

.playlist-post {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

.playlist-post .tooltip-arrow {
    top: initial !important;
}

.playlists-container {
    list-style: none;
    padding: 0;
    max-width: 600px;
    margin: 0;
}

.playlists-view-actions {
    margin-bottom: 1em;
}

.playlists-view-actions button {
    border: none;
    background: none;
    padding: 3px 6px;
    line-height: 16px;
    border: 1px solid #9e9e9e;
    color: #505050;
}

.playlists-view-actions button:hover {
    background: #e0e0e0;
}

.playlists-view-actions button.active {
    background: #cecece;
}

.playlist-item {
    padding: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
    background-color: #fcfcfc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.playlist-item__description {
    font-size: 1.5em;
    background-color: #fcfcfc;
    color: #555;
    padding: 10px;
    margin-top: 15px;
}

.playlist-item__remove--compact {
    position: absolute;
    right: 2.5em;
    margin-top: 0.6em;
}

.playlist-item__media-container {
    padding: 15px;
    text-align: center;
}

.playlist-item__author {
    margin-top: 10px;
}

.playlist-item__author--compact {
    margin-top: 0.5em;
}

.playlist-item__added-by--compact {
    position: absolute;
    right: 0;
    margin-top: -2.4em;
    margin-right: 2em;
}

.playlist-content-container--compact .playlist-item__description {
    font-size: 1em;
}

.playlist-content-container--compact .playlist-img {
    max-height: 175px;
    text-align: left;
}

.playlist-content-container--compact .playlist-item__media-container {
    text-align: left;
    min-height: 125px;
}

.playlist-item__engagement {
    color: #555;
    margin-top: 1em;
}

.playlist-item__engagement__brands .playlist-brand-avatar {
    margin-bottom: 0.5em;
}

.playlist-content-container--compact .playlist-item__description {
    margin-top: 0px;
}

.playlist-content-container--compact .pview-stats {
    font-size: 1em;
}

.playlist-content-container--compact .emoji {
    transform: scale(0.5);
    margin: -0.2em -0.5em;
}

.playlist-content-container--compact .playlist-item__description {
    display: flex;
    align-items: center;
    min-height: 5.5em;
    flex-wrap: nowrap;
    margin-bottom: 0.7em;
}

.playlist-content-container--compact .playlist-brand-table--container,
.playlist-content-container--compact .pview-text,
.playlist-content-container--compact .playlist-item__author,
.playlist-content-container--compact .playlist-item__date,
.playlist-content-container--compact .playlist-item__post-info,
.playlist-content-container--compact .playlist-post-actions,
.playlist-content-container--compact .playlist-teaser-ad-post,
.playlist-item__data--compact,
.playlist-item__author--compact,
.playlist-item__post-info--compact,
.playlist-item__added-by--compact,
.playlist-item__remove--compact {
    display: none;
}

.playlist-content-container--compact .playlist-item__data--compact,
.playlist-content-container--compact .playlist-item__post-info--compact,
.playlist-content-container--compact .playlist-item__author--compact,
.playlist-content-container--compact .playlist-item__brand-table--compact,
.playlist-content-container--compact .playlist-item__remove--compact,
.playlist-content-container--compact .playlist-item__added-by--compact {
    display: inline;
}

.playlist-collaborative {
    width: 18px;
    height: auto;
    margin-right: 8px;
    flex-shrink: 0;
}
.playlist-collaborative.no-margin {
    margin: 0;
}

.playlist-collaborative path {
    fill: #f5a623;
}

.playlist__flag {
    margin-bottom: -20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 1.5px;
}

.playlist-collab-toggle {
    display: inline-block;
}

.playlist-collab-toggle label {
    font-weight: normal;
    margin: 0;
    cursor: pointer;
}

.playlist-item:hover .playlist-item__actions {
    opacity: 1;
}

.playlist-item a {
    color: #333;
    flex-grow: 1;
}

.playlist-item a:hover {
    color: #999;
}

.playlist-item__actions {
    font-size: 0.75em;
    opacity: 0;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

.playlist-item__actions.visible {
    opacity: 1 !important;
}

.playlist-item__count {
    font-size: 0.75em;
    color: #999;
}

.playlist-item-added-by {
    color: #989898;
    font-size: 0.85em;
    margin-bottom: 5px;
}

.playlist-item-added-by .highlight {
    color: #333;
}

#follow-submit,
#collab-submit {
    display: none;
}

.playlist__header,
.reportcenter__header {
    font-weight: bolder;
    letter-spacing: -1px;
    margin: 0;
    display: inline-block;
    word-break: break-word;
}

.playlist__header-container {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 20px;
}

.playlist__dropdown {
    display: inline-block;
    margin-left: 10px;
}

.playlists__dropdown .dropdown-menu {
    margin-top: -5px;
}

.playlist__dropdown--button {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #999;
    background-color: #eee;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms;
}

.playlist__dropdown--button .dot {
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background-color: #999;
    transition: all 200ms;
}

.playlist__dropdown--button .dot:not(:last-of-type) {
    margin-right: 2px;
}

.playlist__dropdown--button:hover {
    background-color: #ddd;
    border-color: #666;
}

.playlist__dropdown--button:hover .dot {
    background-color: #666;
}

.playlist__dropdown-icon {
    font-size: 12px;
    margin-right: 3px;
}

.playlist-follow-toggle {
    display: inline-block;
}

.playlist__actions {
    margin-top: 10px;
}

.playlist__info {
    margin-bottom: 20px;
}

.playlist-follow-toggle.following .target-state,
.playlist-collab-toggle.collaborative .target-state {
    display: none;
}

.playlist-follow-toggle.following:hover .target-state,
.playlist-collab-toggle.collaborative:hover .target-state {
    display: inline-block;
}
.playlist-follow-toggle.following:hover .current-state,
.playlist-collab-toggle.collaborative:hover .current-state {
    display: none;
}

.spotted-logo__link {
    display: flex;
    margin: 3px 0;
    align-items: center;
}
.spotted-logo__avatar {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.spotted-logo__brand-name {
    font-size: 1.3em;
    line-height: 1.1;
}

.playlist-empty-state {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    height: 400px;
}

.playlist-empty-state__heading {
    color: #cfcfcf;
    padding-bottom: 0.3em;
}

.playlist-empty-state__img-container {
    height: 86%;
    display: inline-flex;
    padding: 0em 2em;
    margin: auto 0;
}

.playlist-empty-state__img-wrapper {
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
}

.playlist-empty-state__img {
    margin: 0 auto;
    opacity: 0.7;
    min-width: 40%;
    max-width: 60%;
}

.playlist-empty-state__text-container {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 1 0 auto;
    margin: 0 -1px;
}

.playlist-empty-state__description {
    color: #888888;
}

.playlist-empty-state__comment {
    color: #d5d5d5;
}

.playlist-empty-state__icon {
    font-weight: bold;
    font-size: 1.4em;
}

@media (max-width: 992px) {
    .playlist-post-actions {
        position: relative;
        margin: 0 10px 25px;
        text-align: left;
    }

    .playlist-empty-state__text-container {
        width: 100%;
    }
}
@media (max-width: 620px) {
    #play_wrapper {
        position: relative;
        float: left;
    }
}

/* ==========================================================================
   CAMPAIGNS
   ========================================================================== */

.campaign-interaction-title {
    font: 100 2.25em 'Open Sans', sans-serif;
    text-align: left;
}
.valign-top {
    vertical-align: top !important;
}
.top-campaigns-alert {
    margin: 10px 0;
    font-size: 0.9em;
    max-width: 600px;
    display: inline-block;
}
.campaign-gist-header {
    margin-top: 0;
}

/* ==========================================================================
   COMPARE TOOL
   ========================================================================== */

.cmp-table .cmp-tr:hover .cmp-td {
    background-color: rgba(0, 0, 0, 0.07);
}
.compare-data-cell {
    text-align: center;
    width: calc((700px - 250px) / 2);
    max-width: calc((700px - 250px) / 2);
    font-size: 1.15em;
}
.topval {
    font-weight: bolder;
}
.diff {
    display: block;
    color: #fa6a64;
    font-size: 0.75em;
}

.compare-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
input[type='submit'] {
    position: relative;
}

.compared-entity-cell {
    background-color: rgba(255, 255, 255, 0.75);
    height: 100px;
    text-align: center;
    font-size: 1.25em;
    padding: 10px;
}
.compared-entity-cell:not(:last-of-type) {
    border-right: 1px solid #eee;
    position: relative;
}
.compared-entity-cell:not(:last-of-type):after {
    content: 'vs';
    width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #bbb;
    font-size: 0.7em;
    line-height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-color: white;
    font-weight: 400;
    z-index: 1;
}
.compared-entity-avatar {
    border-radius: 50%;
    width: 45px;
}

.collapse-cell {
    padding: 10px 0;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.icon-chevron-down {
    background-position: -313px -119px !important;
}
.compare-container i {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.compare-container i.closed {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.collapse-cell.closed {
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.collapse-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 13px;
    cursor: pointer;
}

.comparison-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 15px;
    max-width: 580px;
    margin: 15px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.comparison-inputs .tt-dropdown-menu {
    text-align: left;
}
.comparison-inputs .tt-hint {
    width: auto !important;
    height: 100%;
}
.comparison-inputs span.typeahead {
    display: inline-block;
    position: relative;
    float: none;
}
.comparison-inputs input[type='submit'] {
    margin-top: 10px;
}
.versus-tag {
    line-height: 30px;
    color: #aaa;
    font-size: 12px;
    margin: 0 5px;
}
.inputs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.highcharts-container.collapse-cell {
    padding: 0;
}

div.compare-data-cell {
    overflow: visible !important;
}

/*.is-sticky { position: absolute !important; }*/

.compare-container #inputs {
    padding-top: 15px;
}

.medium-icon {
    width: 15px;
    margin-top: -2px;
    margin-right: 5px;
    -webkit-filter: grayscale(30%) brightness(120%);
    filter: grayscale(30%) brightness(120%);
}

.comparisonApp {
    margin-bottom: 50px;
}

.cmp-table {
    display: table;
    width: 700px;
    margin-bottom: 0;
}
.cmp-table .cmp-table {
    width: auto;
}
.cmp-tr {
    display: table-row;
    background-color: rgb(251, 251, 251);
}
.cmp-tr .cmp-tr {
    background-color: transparent;
}
.cmp-tr:not(:last-of-type) .cmp-td {
    border-bottom: 1px solid #cccccc;
}
.cmp-td {
    display: table-cell;
    vertical-align: middle;
    height: 63px;
    -webkit-transition: height 300ms;
    transition: height 300ms;
}
.cmp-th {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: calc((700px - 250px) / 2);
    font-weight: bold;
}
.cmp-thr {
    display: table-row;
} /* thr stands for table header row */
.cmp-first-cell {
    width: 250px;
    padding: 0 10px;
}
.cmp-top-left {
    background-color: transparent;
}
.cmp-td.collapse-cell {
    padding: 10px;
}
.collapse-cell {
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.cmp-chart-cell .highcharts-container.collapse-cell {
    max-width: 205px;
}
.cmp-chart-cell {
    padding: 0 10px;
}

.compare-container .legend {
    margin-top: 100px;
}
.compare-container .legend a {
    color: #555;
}
.compare-container .legend ul {
    padding: 0;
    margin: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.compare-container .legend ul li {
    list-style: none;
    padding: 7px;
    margin: 0;
    width: 240px;
    background-color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.compare-container .legend ul li:hover {
    border-right: 3px solid #2f96b4;
    background-color: rgba(0, 0, 0, 0.03);
}

.attribute-title .cmp-td,
.attribute-title:hover .cmp-td,
.attribute-title.cmp-td {
    background-color: #3eaca8;
    color: #fff;
    height: 75px;
    position: relative;
    vertical-align: middle;
    padding: 10px;
}

.attribute-title__name {
    font-size: 1.6em;
    font-weight: 100;
}
.attribute-title__description {
    font-weight: 100;
}
.highcharts-label {
    z-index: 9999;
}
.cmp-tr.closed .cmp-td {
    height: 0;
    border: 0;
    padding: 0 10px;
}
.cmp-tr.closed .cmp-td .collapse-cell,
.cmp-tr.closed .cmp-first-cell .collapse-cell {
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.comparisonApp.cmp-entities-2 .cmp-th {
    width: calc((700px - 250px) / 2);
}
.comparisonApp.cmp-entities-2 .compare-data-cell {
    width: calc((700px - 250px) / 2);
    max-width: calc((700px - 250px) / 2);
}

.comparisonApp.cmp-entities-3 .cmp-th {
    width: calc((700px - 250px) / 3);
}
.comparisonApp.cmp-entities-3 .compare-data-cell {
    width: calc((700px - 250px) / 3);
    max-width: calc((700px - 250px) / 3);
}

.comparisonApp.cmp-entities-4 .cmp-th {
    width: calc((700px - 250px) / 4);
}
.comparisonApp.cmp-entities-4 .compare-data-cell {
    width: calc((700px - 250px) / 4);
    max-width: calc((700px - 250px) / 4);
}
.comparisonApp.cmp-entities-4 .compared-entity-avatar {
    width: 35px;
}

.comparisonApp.cmp-multiple .selected_entity {
    margin-bottom: 5px;
}
.comparisonApp.cmp-multiple .inputs-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.comparisonApp.cmp-multiple .compared-entity-cell {
    font-size: 0.95em;
}

.comparison-inputs .datepickers {
    margin-top: 1em;
}

#add_entity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#add_entity .tt-hint {
    width: auto !important;
    height: 100% !important;
}
.add_entity_wrapper {
    display: none;
    padding-top: 10px;
    overflow: visible;
}
.add_entity_toggle {
    display: inline-block;
    margin-top: 10px;
}
.add_entity_cancel {
    margin-left: 10px;
}

.selected_entity {
    background-color: #ededed;
    padding: 5px 10px;
    border-radius: 20px;
}
.selected_entity .close {
    float: right;
    text-decoration: none;
    font-size: 15px;
    margin: 0 0 0 7px;
}

.selected_entity.follower-entity {
    display: inline-block;
    padding: 10px;
    margin-top: 2px;
}

.selected_entity.follower-entity a {
    color: #333;
}

.blur-me,
.blur-chart .collapse-cell {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

@media (max-width: 767px) {
    .cmp-table-container {
        width: 100%;
    }
    .cmp-table {
        max-width: 700px;
        width: 100%;
    }
    .cmp-table .cmp-table {
    }
    .cmp-tr {
        display: block;
    }
    .cmp-first-cell {
        display: block;
        width: 100%;
        background-color: #dedede;
        text-align: center;
    }
    .cmp-top-left {
        display: none;
    }
    .cmp-td.compared-entity-cell {
        width: calc(100% / 2);
    }

    .cmp-table .cmp-tr:hover .cmp-td {
        background-color: #fff;
    }

    .cmp-tr.closed .cmp-first-cell {
        display: none;
    }

    .inputs-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .comparison-inputs .tt-hint {
        width: 100% !important;
    }
    .compare-container .legend,
    .utility-push-layer {
        display: none !important;
    }
}

/* ==========================================================================
   BOOTSTRAP 3 FIXES
   ========================================================================== */

/* this is a pure BS3 modal for new templates */
.modal-bs3 {
    position: fixed;
    top: 30vh;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-bs3 .modal-header {
    padding: 15px;
}

.modal-bs3 .modal-body {
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-bs3 .modal-header h3 {
    font: 900 1em/10px 'Open Sans', sans-serif;
    margin-top: 10px;
}

/* ==========================================================================
   BASE TEMPLATES
   ========================================================================== */

.user-email-input {
    margin-bottom: 10px !important;
}
.user-email-buttons {
    margin-top: 10px !important;
}
.user-email-form label {
    font-weight: 700;
}
.user-email-success {
    font-weight: 700;
    display: none;
}
.bf-save-email-loader {
    display: none;
}
.email-error {
    font-weight: 600;
    margin: 5px 0;
    color: #999;
    display: none;
}

/* ==========================================================================
   BLINKFIRE MATCH DAY REPORTS
   ========================================================================== */

.match-day-vs-non-match-day {
    margin-bottom: 52px;
}

.match-day-vs-non-match-day .engagement-chart {
    margin-bottom: 20px;
}

.match-day-vs-non-match-day .data-table {
    margin-bottom: 0;
}

.match-day-vs-non-match-day .push-scroll-down {
    padding-bottom: 40px;
}

.match-day-vs-non-match-day .dataTables_scrollHead table {
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.match-day-vs-non-match-day .dataTables_scrollBody table {
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.match-day-vs-non-match-day .dataTables_scrollBody table thead th::after {
    content: '';
}

.match-day-vs-non-match-day .dataTables_scrollFoot {
    position: relative;
    top: -56px;
}

.match-day-vs-non-match-day .dataTables_scrollFoot table {
    border-radius: 0 0 4px 4px;
}

.match-day-vs-non-match-day .dataTables_scrollFoot th {
    border-top: none;
}

.match-day-vs-non-match-day .DTFC_LeftHeadWrapper table {
    border-radius: 4px 0 0 0;
}

.match-day-vs-non-match-day .DTFC_LeftBodyWrapper {
    border-right: 1px solid rgb(204, 204, 204);
}

.match-day-vs-non-match-day .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

.match-day-vs-non-match-day .DTFC_LeftBodyWrapper table {
    border-radius: 0;
}

.match-day-vs-non-match-day .DTFC_LeftFootWrapper table {
    border-radius: 0 0 0 4px;
}

.match-day-vs-non-match-day .DTFC_LeftFootWrapper th {
    border-top: none;
}

.match-indicator {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #c06300;
    color: #fff;
    background-color: #ff8000;
    line-height: 19px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

.match-indicator.away {
    border: 1px solid rgba(0, 85, 192, 0.75);
    background-color: rgba(0, 85, 192, 0.61);
}

.match-day-th {
    background-color: rgb(215, 215, 215) !important;
}
.match-day-td {
    background-color: rgb(235, 235, 235) !important;
}
.totals-th {
    background-color: rgb(240, 240, 240) !important;
}
.totals-td {
    background-color: rgb(255, 255, 255) !important;
}
.totals-first {
    border-left: 3px solid #ccc !important;
}

/* ==========================================================================
   MULTIPLE VALUATION METHODS
   ========================================================================== */

.methods-title {
    margin-top: 10px;
    text-align: center;
    font-size: 2em;
    margin-bottom: 25px;
}
.methods-container {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.method__step-title {
    font-weight: 600;
    font-size: 1.5em;
    color: #666;
}
.bfRadio__original,
.bfCheckbox__original {
    display: none;
}
.bfRadio__label {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    width: 300px;
    display: flex;
    flex-wrap: nowrap;
    transition: all 200ms;
    cursor: pointer;
}

.bfRadio__label:not(:last-of-type) {
    margin-right: 10px;
}
.bfRadio__content {
    display: inline-block;
}
.bfInput__container {
    display: flex;
    justify-content: space-between;
}
.bfInput__column {
    width: calc(50% - 4px);
    text-align: left;
}
.bfRadio__container {
    display: flex;
    justify-content: center;
}
.bfRadio__contentTitle {
    display: block;
    font-weight: 900;
    font-size: 1.3em;
    margin-bottom: 3px;
}
.bfRadio__contentText {
    font-weight: normal;
}
.bfRadio__tag {
    display: inline-flex;
    align-items: center;
    column-gap: 6px;
    background-color: #005cea;
    border-radius: 20px;
    padding: 3px 8px;
    margin-left: 5px;
}
.bfRadio__tag-name {
    color: white;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.bfRadio__star {
    font-size: 11px;
    color: #fbbe63;
}
.bfRadio__fakeInput,
.bfCheckbox__fakeInput {
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    margin: 7px 10px 0 7px;
    flex-shrink: 0;
    transition: all 200ms;
}
.bfRadio__original:checked + .bfRadio__label {
    border: 1px solid #58a5ed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.bfRadio__original:checked + .bfRadio__label .bfRadio__fakeInput {
    background-color: rgb(59, 153, 252);
    border: 0 solid transparent;
}
.bfRadio__original:checked + .bfRadio__label .bfRadio__fakeInput::after,
.bfCheckbox__original:checked + .bfCheckbox__label .bfCheckbox__fakeInput::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.bfCheckbox__label {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.variation__strong {
    font-weight: 700;
    font-size: 1.1em;
}
.variation__normal {
    font-weight: normal;
    font-size: 0.9em;
}
.bfCheckbox__fakeInput {
    border-radius: 3px;
    display: inline-block;
    margin-top: 0;
}
.bfCheckbox__original:checked + .bfCheckbox__label {
    border: 1px solid #58a5ed;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.bfCheckbox__original:checked + .bfCheckbox__label .bfCheckbox__fakeInput {
    background-color: rgb(59, 153, 252);
    border: 0 solid transparent;
}
.bfCheckbox__original:checked + .bfCheckbox__label .bfCheckbox__fakeInput::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.submit-container {
    text-align: center;
    margin: 10px 0;
}

/* bfRadio__container--small modifyers */

.bfRadio__container--small .bfRadio__contentTitle {
    font-size: 0.9em;
    margin-bottom: 0;
}

.bfRadio__container--small .bfRadio__fakeInput {
    margin: auto 3px auto 0;
}

.bfRadio__container--small .bfRadio__label {
    width: auto;
}
.bfRadio__container--small {
    justify-content: flex-start;
}

/* bfCheckbox__label--naked modifyers */

.bfCheckbox__label--naked {
    border: 0 !important;
    box-shadow: none !important;
    height: auto;
    line-height: initial;
    padding-left: 0;
    font-weight: normal;
    width: auto;
    margin: 6px 0;
}
.bfCheckbox__label--naked .bfCheckbox__fakeInput {
    margin-left: 0;
    margin-right: 5px;
}

/* bfInput--disabled modifyers */

.bfInput--disabled .bfCheckbox__fakeInput,
.bfInput--disabled .bfRadio__fakeInput {
    background-color: #eee;
    border-color: #bbb;
    cursor: not-allowed;
    pointer-events: none;
}

.bfInput--disabled {
    color: #999;
    pointer-events: none;
}

/* ==========================================================================
   PROSPECTS
   ========================================================================== */

#add__form {
    margin-bottom: 10px;
}
#add__form .twitter-typeahead {
    margin-right: 6px;
}
#add__form .tt-hint {
    width: auto !important;
    height: 100%;
}
.prospects__empty {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
}
.prospects__empty-img {
    display: inline-block;
    margin-right: 15px;
}
.prospects__empty-text {
    display: inline-block;
}
.prospects__export {
    margin-bottom: 20px;
}

/* ==========================================================================
   DEMOGRAPHICS
   ========================================================================== */

.container.demographics {
    margin-top: 58px;
}

.demographics__container {
    background: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    padding: 60px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.demographics__container.no-select .demographics__metadata {
    margin: 0;
    margin-top: -40px;
}

.demographics__metadata {
    min-height: 40px;
    position: relative;
    margin-bottom: 10px;
}

.demographics__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.demographics__updated {
    position: absolute;
    right: 0;
    top: 0;
    color: #aaa;
    font-style: italic;
}

.demographics__header .header__text {
    font-weight: 100;
    font-size: 1.3em;
    color: #3d3d3d;
    margin-bottom: -5px;
}

.demographics__header .entity__name {
    font-size: 3.5em;
    font-weight: 100;
    /*letter-spacing: -0.5px;*/
    color: #3d3d3d;
    margin: 0;
}

.demographics__header .entity__avatar {
    border-radius: 2px;
    border: 1px solid #ccc;
    margin-right: 10px;
    width: 35px;
}

.demographics__followers {
    font-weight: 900;
    font-size: 4em;
    color: #3d3d3d;
    letter-spacing: -0.7px;
    margin: 0;
    text-align: right;
}

.demographics__followers-text {
    color: #3d3d3d;
    font-size: 1.3em;
    margin-bottom: -10px;
    margin-right: 4px;
    font-weight: 300;
}

.demographics__toggle {
    display: block;
    margin-top: 10px;
}

.demographics__teaser__box {
    background-color: #fefefe;
    padding: 12px 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1em;
    font-weight: 100;
    max-width: 250px;
}

.agegroup__container {
    height: 20px;
    margin-bottom: 12px;
    display: flex;
}

.agegroup__label {
    width: 55px;
    text-align: right;
    padding-right: 5px;
    font-weight: 700;
    color: #4a4a4a;
}
.agegroup__label--inline {
    padding-left: 5px;
    font-weight: 700;
    font-size: 0.9em;
    color: #737373;
    line-height: 21px;
}
.agegroup__label--inline.overlay {
    padding: 0;
    margin-left: -55px;
    color: #fff;
}
.agegroup__bar {
    position: relative;
    background-color: #f1f1f1;
    width: 100%;
    display: inline-flex;
}
.agegroup__gray {
    background-color: #f1f1f1;
    width: 100%;
}
.agegroup__active {
    background-color: #f00;
    height: 20px;
}
.agegroup__container.male .agegroup__active {
    background-color: #92d4e6;
}
.agegroup__container.female .agegroup__active {
    background-color: #e692cc;
}
.male {
    color: #92d4e6;
}
.female {
    color: #e692cc;
}
.gender__header {
    font-weight: 700;
    letter-spacing: -1px;
    padding-left: 50px;
}
.gender__header small {
    font-size: 50%;
    letter-spacing: 0;
}

/* CSS for activity */
.agegroup__container.activity .agegroup__active {
    background-color: #ffcc4c;
}

/* CSS for age */
.agegroup__container.age .agegroup__active {
    background-color: #6feace;
}

/* CSS for device */
.agegroup__container.device .agegroup__active {
    background-color: #9c7ead;
}

/* reuse of CSS for interests */
.agegroup__container.interest .agegroup__active {
    background-color: #ff8000;
}
.agegroup__container.interest,
.agegroup__container.activity,
.agegroup__container.age,
.agegroup__container.device {
    margin-bottom: 5px;
}
.agegroup__container.interest .agegroup__label,
.agegroup__container.activity .agegroup__label,
.agegroup__container.age .agegroup__label,
.agegroup__container.device .agegroup__label {
    width: 120px;
    font-size: 0.9em;
    text-transform: capitalize;
}

.locale__list {
    counter-reset: locale-counter;
}
.country__list {
    counter-reset: country-counter;
}
.city__list {
    counter-reset: city-counter;
}
.locale__list,
.country__list,
.city__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.locale__list li,
.country__list li,
.city__list li {
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.locale__list li::before {
    content: counter(locale-counter) '.';
    counter-increment: locale-counter;
}
.country__list li::before {
    content: counter(country-counter) '.';
    counter-increment: country-counter;
}
.city__list li::before {
    content: counter(city-counter) '.';
    counter-increment: city-counter;
}
.city__list.p-based li::before,
.city__list.p-based .li-entry__percent {
    display: none;
}
.locale__list li::before,
.country__list li::before,
.city__list li::before {
    position: absolute;
    left: -25px;
    text-align: right;
    width: 32px;
    color: #6e6e6e;
    font-weight: 700;
    font-size: 1.1em;
}

.li-entry__name {
    color: #3d3d3d;
    font-weight: 700;
    font-size: 1.1em;
}

.li-entry__absolute {
    color: #9b9b9b;
    font-size: 0.8em;
}

.followers__subheader {
    font-weight: 700;
    letter-spacing: -0.5px;
    font-size: 1.5em;
    color: #afafaf;
    text-transform: uppercase;
}

.followers__subheader.interests,
.followers__subheader.activity {
    margin-top: 0;
    margin-left: 88px;
}

.geolocation-row {
    margin-top: 10px;
}

.protoprofile {
    background: #f8f8f8;
    border: 1px solid #e4e4e4;
    padding: 8px;
}

.protoprofile__header {
    font-weight: 700;
    letter-spacing: -0.5px;
    font-size: 1.75em;
    color: #3d3d3d;
    margin: 0;
    margin-bottom: 10px;
}

.protoprofile__box {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 8px;
    color: #333;
    margin: 0;
}

.bf-flex-row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.selectWrapper {
    /*margin-bottom: 15px;*/
    display: inline-block;
    position: relative;
}

.selectWrapper::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 8px solid #afafaf;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

#demographicsChannels {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    padding: 6px 26px 6px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#demographicsChannels:focus {
    box-shadow: 0 0 5px rgba(131, 236, 249, 0.64);
}

@media (min-width: 768px) {
    .bf-flex-row {
        flex-direction: row;
    }
}

/* teaser CSS */

.teaser__header {
    font-weight: 100;
    text-align: center;
}

.teaser__tagline {
    text-align: center;
    margin-bottom: 30px;
}

.teaser__text {
    font-weight: 100;
    color: #333;
    margin: 20px;
    text-align: center;
    flex-grow: 1;
}

.demographics__cta {
    font-size: 1.25em;
    font-weight: 100;
    margin-top: 20px;
}

.teaser__padlock {
    width: 7rem;
    margin-bottom: 1em;
}

.teaser__wrapper {
    background-color: white;
    border: 1px solid #dadada;
    padding: 1em 3.5em 0em 3.5em;
    margin-bottom: 2em;
}

/* auxiliary classes */

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ---------------------- DEMOGRAPHICS MEDIUM SELECTION ---------------------- */

.demographics__mediums-title {
    text-transform: uppercase;
    font-size: 0.9em;
    margin-bottom: 6px;
    margin-top: 20px;
}

.medium__item {
    background-color: #f2f2f2;
    height: 40px;
    padding: 8px;
    margin-right: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.medium__item.beta .medium__label:after {
    color: #ffffff;
}

.medium__indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #aaa;
    margin-right: 8px;
    margin-left: 4px;
}

.medium__label {
    color: #666;
}

.medium__item.active {
    background-color: #fff;
}
.medium__item.active .medium__indicator {
    background-color: #0f0;
}
.medium__item.active .medium__label {
    font-weight: bolder;
    color: #333;
}

/* --- custom nav pills for sponsorship > team > player tab ----*/
.nav-pills .medium__item {
    display: inline-flex;
}
.nav-pills .active .medium__item {
    background-color: #fff;
}
.nav-pills .active a.medium__item:hover {
    background-color: initial;
}
.nav-pills .active a.medium__item:focus {
    background-color: initial;
}
.nav-pills .active .medium__item .medium__label {
    font-weight: bolder;
    color: #333;
}
.nav-pills .active .medium__item .medium__indicator {
    background-color: #0f0;
}

.control-grid {
    display: grid;
    grid-template-columns: 0.8fr 0.8fr 0.8fr 0.8fr;
    grid-row-gap: 8px;
    width: 560px;
}

.control-grid .w-1 {
    grid-column-end: span 1;
}
.control-grid .w-4 {
    grid-column-end: span 4;
}

.sponsorship-toggle {
    max-width: 1300px;
    margin: 15px auto 0;
    display: flex;
    justify-content: flex-end;
}

.sponsorship-toggle .medium__item:last-of-type {
    margin-right: 0;
}

/* ---------------------------- DEMOGRAPHICS ALERT --------------------------- */

.demographics__alert {
    display: flex;
    align-items: center;
}
.alert__icon {
    min-width: 180px;
    text-align: center;
    margin-right: 50px;
}
.alert__header {
    font-weight: 100;
    font-size: 2.25em;
    margin-top: 0;
}
.alert__body {
    font-size: 1.25em;
    margin-bottom: 0;
}

/* ------------------------- DEMOGRAPHICS COMPARISON ------------------------- */

.demographics__comparison {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.demographics__comparison-entities {
    display: flex;
}

.entity__container {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 8px;
    margin: 5px;
    display: flex;
    flex-direction: column;
}

.entity__container .loader {
    margin: 0;
    display: none;
}

.entity__container .tt-hint {
    width: auto;
}

select[disabled] {
    border: 1px solid #ccc;
    color: #ccc;
}

.activeEntity__label {
    background-color: #62a6d8;
    border-radius: 12px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 3px;
    max-width: 250px;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.activeEntity__avatar {
    border-radius: 50%;
    margin-right: 5px;
    height: 24px;
    width: auto;
}

.activeEntity__name {
    color: #fff;
    font-weight: 900;
}

.activeEntity__metadata {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.activeEntity__clear {
    font-size: 1.2em;
    color: #fff;
    margin-right: 5px;
    margin-left: 15px;
    line-height: 1;
    cursor: pointer;
}

.demographics-entity-input {
    margin-bottom: 15px;
}

.toggle__compare {
    /*background: #ff8f00;*/
    padding: 8px 12px;
    color: #666;
    border-radius: 6px;
    transition: all 200ms;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-top: 7px;
    display: inline-flex;
}

.toggle__compare:hover {
    color: #0096a7;
    border-color: #0096a7;
}

.toggle__compare.active {
    background-color: #0096a7;
    border-color: #0096a7;
    color: #fff;
}

.toggle__compare.active:hover {
    color: #0096a7;
    background-color: #fff;
}

.chart__container,
.demographics__chart {
    margin-bottom: 10px;
}

.demographics__comparison--data .same,
.demographics__comparison--data .not-same {
    display: none;
}
.demographics__comparison--data.same .same {
    display: block;
}
.demographics__comparison--data.not-same .not-same {
    display: block;
}

.splice-toggle:not(.open) .open {
    display: none;
}
.splice-toggle.open .not-open {
    display: none;
}

.demographics__chart--description {
    max-width: 350px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 8px;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
}

.demographics__chart--meta {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.demographics__comparison--data.same .demographics__chart--meta,
.demographics__comparison--data.not-same .demographics__chart--meta {
    display: flex;
}

.demographics__chart--title {
    font-weight: 100;
    text-align: center;
    display: none;
}
.demographics__chart--separator {
    height: 2px;
    background-color: #eee;
    margin: 35px 0;
    display: none;
}
.demographics__comparison--data.same .demographics__chart--title {
    display: block;
}
.demographics__comparison--data.same .demographics__chart--separator {
    display: block;
}

.pikaday-trigger {
    border: 1px solid #ccc;
    color: #333;
    padding: 6px 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 200ms;
}

.pikaday-trigger:hover {
    background-color: rgba(0, 0, 0, 0.025);
}

.pikaday-trigger.disabled {
    cursor: not-allowed;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #ccc;
}

.pikaday-trigger.attention-seeker {
    background-color: rgba(255, 128, 0, 0.5);
    color: #fff;
}

/* ==========================================================================
   SCENE VALUE REPORT
   ========================================================================== */

.scene-playlists-dropdown {
    margin-bottom: 15px;
}

.section-selector-container {
    display: inline-block;
    margin-top: 20px;
}
.section-selector-container label[for='sport-select'] {
    font-weight: normal;
    margin-left: 20px;
}
.section-selector-container select[name='sport-select'] {
    width: auto;
    display: inline-block;
}

.scene-report-wrapper table thead th a {
    color: #666;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
.scene-report-wrapper table th a,
.scene-report-wrapper table td a {
    cursor: pointer;
}

.scene-branded-table .highcharts-container rect.highcharts-background {
    stroke-width: 0;
}

.scene-valuation-settings {
    margin-top: 10px;
    text-align: center;
}

.angular-chart-wrapper {
    min-height: 422px;
}

/* ==========================================================================
   REPORT BUILDER 2.0
   ========================================================================== */

.report-builder {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 650px;
}

.rb-leftContainer,
.rb-rightContainer {
    display: flex;
    flex-direction: column;
}

.rb-leftContainer {
    width: 220px;
    margin-right: 4px;
}

.rb-rightContainer {
    flex-grow: 1;
}

.rb-topLevelControls {
    display: flex;
}

.rb-topLevelControls select {
    flex-grow: 1;
}

.rb-topLevelForm:first-of-type {
    margin-bottom: 5px;
}

.rb-topLevelForm__label {
    border: 1px solid #ccc;
    padding: 4px 7px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 0;
    background-color: #f5f5f5;
}

.rbContainer {
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    margin-bottom: 4px;
}

.rb-sources,
.rb-stagingArea {
    flex-grow: 1;
}
.rb-sources {
    overflow-y: auto;
    height: 650px;
}

.rb-metric,
.rb-source {
    padding: 6px;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    height: 35px;
    display: flex;
    align-items: center;
}

.rb-source.staged {
    width: 150px;
    height: auto;
    min-height: 40px;
    padding: 6px;
    border: 1px solid #666;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    cursor: move;
}

.rb-metric.staged {
    height: 40px;
    padding: 0;
    transition: width 200ms;
    border: 1px solid #666;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    cursor: move;
}

.rb-source__handle,
.rb-metric__handle {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    font-weight: bold;
}

.rb-metric__settings {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.rb-metric__setings svg {
    display: block;
}

.rb-staged_metrics {
    height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
}

.rb-metrics_root {
    margin-left: 150px;
}

.rb-disabled {
    opacity: 0.5;
    pointer-events: none;
    border-color: transparent;
}

.rb-color {
    background-color: #0f0;
}

.rb-modal__checkbox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rb-modal__checkbox-label {
    width: 49.5%;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 3px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
}

input[type='checkbox'].rb-modal__checkbox-input,
input[type='radio'].rb-modal__checkbox-input {
    margin-left: 4px;
    margin-right: 7px;
}

.rb-stagingArea {
    transition: box-shadow 200ms;
    position: relative;
}
html.sv-sorting-in-progress .rb-stagingArea {
    box-shadow: 0 0 5px 3px rgba(14, 183, 236, 0.5) inset;
}

.rb-expandedStagingAreaActive {
    position: absolute;
    padding: 8px;
    height: 100%;
    width: calc(100% - 150px);
    top: 0;
    left: 150px;
}
.rb-expandedStagingAreaActive.rb-source-container {
    padding-top: 53px;
}

.rb-modal__typeahead-container {
}

.rb-modal__typeahead-container .twitter-typeahead,
.rb-modal__typeahead-container .filter-typeahead {
    width: 100%;
    font-size: 1.25em;
    float: none;
}

.rb-entity {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 3px;
    padding: 8px;
    position: relative;
}

.rb-entity__avatar {
    width: 20px;
    height: auto;
    border-radius: 50%;
    margin-right: 5px;
}

.rb-entity__name {
    font-size: 1.2em;
    font-weight: 900;
}

.rb-entity__remove {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 0.9em;
    cursor: pointer;
}

.rb-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-weight: 100;
}

/* ==========================================================================
   OTT REPORT
   ========================================================================== */

.ott__item {
    background: #fefefe;
    border: 1px solid #afafaf;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.ott__title {
    margin-top: 0;
    /*margin-bottom: 5px;*/
}

.ott__video {
    background-color: #333;
    width: 100%;
    height: 450px;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.temp--row-to-flex {
    display: flex;
}

.temp--col-to-flex {
    display: flex;
    align-items: center;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media (min-width: 1500px) {
    .post-metrics-channel-name {
        display: inline-block;
        font-size: 0.9em;
    }
}

@media (min-width: 1160px) {
    .post-metrics-posts-number {
        display: table-cell;
    }
    .post-metrics-main-medium {
        display: none;
    }
    .post-metrics-hide-medium {
        display: table-cell;
    }
}

@media (min-width: 1024px) {
    table.blinkfire-table.roster tr th.facebook,
    table.blinkfire-table.roster tr td.facebook {
        display: table-cell;
    }
    /*.modal.fade.in { top: 40%; }*/
}

@media (max-width: 1159px) {
    .post-metrics-main-medium {
        display: table-cell;
    }
    .post-metrics-hide-medium {
        display: none;
    }
}

@media (min-width: 768px) {
    div#search input[type='text'] {
        width: 270px;
    }

    #search-button {
        position: relative;
    }
    table.blinkfire-table.roster tr th.instagram,
    table.blinkfire-table.roster tr td.instagram {
        display: table-cell;
    }

    div.entity-left-centered {
        padding-left: 20%;
    }
}

#sidebar > ul > li > a > i {
    margin-right: 6px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    ul.btn-group li span.text span {
        display: none;
    }

    #content-header h1 {
        max-width: 520px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    #header h1 {
        background: url('../../img/logo-480.png') no-repeat scroll 0 0 transparent;
        top: -4px;
        height: 31px;
        left: -20px;
    }

    .entity-actions {
        display: none;
    }

    .container {
        max-width: 644px;
    }
}

/* Needed for table sorting, but not provided until next ver of Unicorn */
.css_right {
    float: right;
}

th.left {
    line-height: 120%;
}

.mid-bold {
    font-weight: 600 !important;
}

.cpe-modal .blinkfire-table th {
    height: 25px;
}

.cpe-modal .blinkfire-table th a img {
    width: 15px;
}

.horizontal-slider {
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    margin-bottom: 20px;
}

.horizontal-slider .blinkfire-table {
    margin-bottom: 5px;
}

.horizontal-slider form {
    text-align: center;
}

.horizontal-slider > .slider {
    width: 200%;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: 0;
}

.horizontal-slider > .slider.slide-right {
    left: -100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.cpe-slider-frame {
    float: left;
    height: auto;
    width: 50%;
}

.cpe-slider-frame h5 {
    font-weight: normal;
    font-size: 16px;
}

#editCPEsModal {
    width: 640px;
}

#editCPEsModal .modal-dialog {
    top: 0 !important;
    height: calc(100% - 60px);
}

#editCPEsModal .modal-content {
    height: 100%;
    overflow: auto;
}

#editCPEsModal .modal-body {
    overflow-y: auto;
}

.cpes-table__container {
    overflow: auto;
}

table.cpes-table td {
    padding: 5px;
}

table.cpes-table td input {
    margin: 0;
}

/*customized CSS for the actions div in Media Watch*/

p.tips {
    font-size: 12px;
    line-height: 150%;
    color: #888;
}

span.paused {
    color: #c29149;
}

span.active {
    color: #0a0;
}

div.media-watch {
    width: 16px !important;
    padding: 2px 6px 5px 8px !important;
    margin-top: -9px !important;
    margin-left: -21px !important;
}

/* CSS for 2FA on settings view */

.settings-2fa__container {
    margin-top: 20px;
}

.settings-2fa__tips {
    margin-top: 5px;
}

/* Blinkfire Specific CSS */
#content-header h1 {
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 12px !important;
    margin-left: 21px !important;
}

#content-header h1 small {
    text-transform: none;
    font-size: 11px;
    font-weight: bold;
}

#content-header h1 small a,
small.superuser-hidden a {
    color: #ffffff;
}

.show-on-hover {
    opacity: 0;
    filter: alpha(opacity=0);
}
.show-on-hover:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

a#header-click {
    display: block;
    position: absolute;
    top: 6px;
    left: 16px;
    width: 191px;
    height: 62px;
    z-index: 10;
}

li.btn-mobile-search {
    display: none;
}

p.accordion-info {
    margin: 1em 14px;
    padding-bottom: 1em;
    font-size: 12px;
    color: #aaa;
}

.bordered-top {
    border-top: 1px solid #999;
    margin-top: 1em;
    padding-top: 1em;
}

.email-subscription {
    margin-left: 20px;
    padding: 6px 6px 10px 6px;
    background-color: #eee;
}

.email-subscription-empty {
    margin-left: 20px;
    padding: 6px 6px 10px 6px;
    font-style: italic;
    color: #999;
}

img.avatar_header {
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    max-width: 50px;
}

.forbidden-player.small > img.round_avatar,
img.round_avatar {
    border-radius: 50%;
    height: 25px;
}

img.round_avatar.big {
    height: 50px;
}

.forbidden-player {
    position: relative;
    z-index: 1;
    border-radius: 2px;
    /*overflow: hidden;*/
}

.forbidden-player > img {
    border: 2px solid rgba(120, 120, 120, 1);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    max-width: 50px;
}

.forbidden-player:after {
    content: ' ';
    bottom: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/publisher/img/icons/bf/20_lock.png');
    background-size: 100% 100%;
}

.forbidden-player.small:after {
    content: ' ';
    bottom: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    width: 17px;
    height: 17px;
    background: url('/publisher/img/icons/bf/20_lock.png');
    background-size: 100% 100%;
}

.player-agent-card.forbidden-player {
    border: 2px solid rgba(120, 120, 120, 1);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: rgb(230, 230, 230);
}

.forbidden-player-row,
.forbidden-player-row td {
    background-color: rgb(230, 230, 230);
}
.forbidden-player-row td:last-of-type {
    position: relative;
}

.locked-player {
    -webkit-transform: rotate(-90deg) translate(-18px, -30px);
    transform: rotate(-90deg) translate(-18px, -30px);
}

.locked-agent {
    -webkit-transform: rotate(-90deg) translate(-18px, -20px);
    transform: rotate(-90deg) translate(-18px, -20px);
}
#agent-dashboard .tab-content {
    margin: 1px;
}
.locked-agent,
.locked-player {
    position: absolute;
    font: 700 11px 'Open Sans', sans-serif;
    color: #ccc;
}

/* Fix for tables overgrowing in agency view */
#agency .table {
    margin-bottom: 0;
}

img.avatar_header.small {
    max-width: 28px;
    position: relative;
    top: -2px;
    font-size: 5px;
    line-height: 1;
}

.agent-info-box {
    padding: 15px;
    text-align: center;
    margin: 30px auto 20px;
    font: 100 1.05em/1.5 'Open Sans', sans-serif;
    display: inline-block;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.agent-info-box strong {
    font-weight: 600;
}

.agent-info-box.large {
    font-size: 1.15em;
    line-height: 1.8;
}

img.avatar_header.mini {
    max-width: 18px;
    position: relative;
    top: -1px;
}

.avatar_header.mobile {
    max-width: 18px !important;
    border-radius: 50%;
}

img.avatar_header.mini.left {
    margin-left: -4px;
}

a:hover img.avatar_header.small {
    opacity: 1 !important;
}

/* Team Entity top-line numbers */
hr {
    margin-top: 2px;
    clear: both;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    border-radius: 2px;
}

.homepage__container {
    max-height: 400px;
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    border-radius: 4px;
    margin: 20px 0 10px;
}

.homepage__container--daily,
.homepage__container--roster {
    margin: 0 0 20px;
}

.homepage__container--daily #hc-daily-engagement,
.homepage__container--roster #hc-roster-followers {
    border-top-right-radius: 4px;
    margin-bottom: 0 !important;
}

.homepage__container--daily .social-numbers-slider,
.homepage__container--roster .social-numbers-slider {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.homepage__container--daily .social-numbers-slider .channel-selector,
.homepage__container--roster .social-numbers-slider .channel-selector {
    max-height: 348px;
}

.homepage__container--border {
    border: 1px solid #ddd;
}

.homepage__container #hc-annotated-timeline,
.homepage__container #hc-daily-engagement,
.homepage__container #hc-roster-followers {
    width: 100% !important;
}

.homepage__container #hc-annotated-timeline,
.homepage__container #hc-roster-followers {
    margin-right: 30px;
}

.homepage__container > .widget-box {
    width: 100%;
    margin: 16px;
}

.homepage__chart {
    width: 75%;
    display: flex;
    flex-direction: column;
}

.homepage__chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 20px 20px;
}

.homepage__chart-header--right {
    justify-content: flex-end;
}

.homepage__chart-title {
    margin: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

ul.social-numbers,
ul.channel-selector {
    list-style: none;
    margin: 0;
    float: left;
    width: 100%;
    overflow-y: auto;
    max-height: 332px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

ul.social-numbers--no-overflow,
ul.channel-selector--no-overflow {
    overflow-y: unset;
}

ul.social-numbers.slide,
ul.channel-selector.slide {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.social-numbers-slider {
    margin: 0;
    width: 25%;
    overflow: hidden;
    min-height: 348px;
    min-width: 200px;
    border-right: 1px solid #eee;
}

.social-numbers-slider.social-numbers-slider--overflow {
    overflow-y: auto;
}

ul.social-numbers li,
ul.channel-selector li {
    padding: 10px 10px 10px 20px;
    margin: 0;
    color: #333;
    /* max-width: 400px; -- Commented out to contemplate big screens. Left in comment for future references. JK */
    cursor: pointer;
    border-left: 4px solid #dfdfdf;
}
ul.social-numbers li > div,
ul.channel-selector li > div {
    cursor: pointer;
}

ul.social-numbers li.channel-group,
ul.channel-selector li.channel-group {
    position: relative;
}

ul.social-numbers li.channel-group ul,
ul.channel-selector li.channel-group ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}

ul.social-numbers li.slide-back,
ul.channel-selector li.slide-back {
    padding: 10px;
}

li.slide-back ~ li .channel-group__wrapper {
    margin-left: 20px;
}

ul.social-numbers li.readonly,
ul.channel-selector li.readonly {
    border-left: 4px solid transparent;
    background-color: transparent;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
}

ul.social-numbers li strong,
ul.channel-selector li strong {
    font-weight: 600;
}

ul.social-numbers li:hover,
ul.channel-selector li:hover {
    border-left: 4px solid #ffb939;
}

ul.social-numbers li.readonly:hover,
ul.channel-selector li.readonly:hover {
    border-left: 4px solid transparent;
}

ul.social-numbers li.active,
ul.social-numbers li.active:hover,
ul.channel-selector li.active,
ul.channel-selector li.active:hover {
    /*background: url("/publisher/img/chart-filter-active.png") no-repeat scroll right center #fff !important;*/
    background-color: #f7f7f7;
    border-left: 4px solid #ffb939;
}

ul.social-numbers li strong,
ul.channel-selector li strong {
    font-size: 18px;
    font-weight: 600;
}

ul.social-numbers li span,
ul.channel-selector li span {
    font-size: 12px;
}

ul.social-numbers li img.favicon,
.spot-overlay-modal .favicon,
ul.channel-selector li img.favicon {
    display: inline-block;
    height: 32px;
    border-radius: 3px;
    position: relative;
}

.total-followers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333333;
    padding: 12px;
    border-bottom: 1px solid #eee;
}

.total-followers_label {
    font-size: 13px;
}

.total-followers_count {
    font-size: 18px;
    font-weight: 600;
}

.channel-group__wrapper {
    display: flex;
    align-items: center;
}

.channel-group__wrapper--top {
    align-items: flex-start;
}

.channel-group__wrapper--top .channel-group__img {
    margin-top: 5px;
}

.channel-group__wrapper .fa-chevron-left {
    margin-right: 7px;
}

.channel-group__img {
    height: 36px !important;
}

.channel-group__info-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}

.channel-group__extra-info {
    display: flex;
    align-items: center;
}

.channel-group__extra-info span {
    font-size: 13px;
}

.channel-group__extra-info .channel-group__extra-info--username {
    margin-left: 4px;
}

.channel-group__extra-info i {
    font-size: 10px;
    margin-left: 7px;
}

.channel-group__extra-info img.verified {
    top: unset;
}

@media (min-width: 768px) and (max-width: 1023px) {
    ul.social-numbers li span,
    ul.social-numbers li .verified,
    ul.channel-selector li span,
    ul.channel-selector li .verified {
        display: none;
    }

    ul.social-numbers li strong,
    ul.channel-selector li strong {
        font-size: 17px;
    }

    .social-numbers-slider {
        width: 30%;
    }

    .homepage__chart {
        width: 70%;
    }

    .channel-group__info-wrapper {
        flex-direction: row;
    }

    /*.modal.fade.in { top: 40%; }*/
}

@media (max-width: 767px) {
    .homepage__container {
        max-height: unset;
        flex-direction: column-reverse;
    }

    .homepage__chart,
    .social-numbers-slider {
        width: 100%;
    }

    .homepage__chart {
        border-top: 1px solid #e6e6e6;
    }

    .growth-calendar-date {
        flex-direction: column;
        align-items: flex-start;
    }

    input[type='text'].growth-calendar__input {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .homepage__container.bfContainer {
        max-width: 1300px;
    }
}

/* Actions to take on an entity - a mini-button strip */

.entity-actions {
    position: absolute;
    right: 2em;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 13px;
    line-height: 115%;
    color: #555;
}

.entity-actions {
    top: 19px;
}

a.follow {
    font-weight: 600;
}

a.follow i {
    background-image: url('../../img/icon-follow.png');
    background-position: left;
    width: 21px;
    height: 17px;
}

.quick-actions-horizontal i.icon-twitter {
    background-image: url('../../img/twitter_favicon.ico');
}

.quick-actions-horizontal i.icon-facebook {
    background-image: url('../../img/facebook_favicon.ico');
}

.quick-actions-horizontal i.icon-instagram {
    background-image: url('../../img/instagram_favicon.ico');
}

.quick-actions-horizontal i.icon-sinaweibo {
    background-image: url('../../img/sinaweibo_favicon.ico');
}

.quick-actions-horizontal i.icon-gplus {
    background-image: url('https://ssl.gstatic.com/s2/oz/images/faviconr3.ico');
    background-size: 50%;
}

.quick-actions-horizontal i.icon-wechat {
    background-image: url('../../img/wechat_favicon.ico');
}

.quick-actions-horizontal i.icon-microsoft {
    background-image: url('../../img/microsoft_favicon.ico');
}

.quick-actions-horizontal i.icon-googlelogin,
.quick-actions-horizontal i.icon-google {
    background-image: url('../../img/google_favicon.ico');
}

.quick-actions-horizontal i.icon-tiktokaccountlogin {
    background-image: url('../../img/tiktokaccount_favicon.ico');
}

.quick-actions-horizontal i.icon-threadslogin {
    background-image: url('../../img/threads_favicon.ico');
}

.quick-actions-horizontal i.icon-snapchatlogin {
    background-image: url('../../img/snapchat_favicon.ico');
}

table thead tr th.left {
    text-align: left;
}

table thead tr th.right,
table tbody tr td.right {
    text-align: right;
}

table tr td {
    /*background-color: #fff;*/
}

table.text-center > tbody > tr > td {
    text-align: center;
}

td.empty_table {
    text-align: center;
    font-style: italic;
    color: #999;
}

span.sns_label {
    position: relative;
    top: 3px;
    display: inline-block;
}

/*
*
* formatting for highcharts container
*
*/
div#hc-annotated-timeline,
div#topClients,
div#hc-daily-engagement,
div#hc-roster-followers {
    background-color: #fff;
    float: right;
    width: 80%;
    height: 334px;
    margin-bottom: 1em;
    padding-top: 1em;
}

div#topClients {
    width: 100%;
}

.highcharts-loading span {
    font: 100 2.3em 'Open Sans', sans-serif;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

p.espn_footer {
    font-size: 0.8em;
    margin-top: 65px;
}

p.espn_footer span {
    color: #888;
    padding-right: 0.3em;
}

div.scrollwidget {
    height: 400px;
    overflow-y: scroll;
}

div.widget-box-backing {
    background-color: #555;
}

.brand-content .widget-content {
    padding: 5px 4px;
    border-right: 1px solid #cdcdcd;
    overflow: visible !important;
}

.brand-content.widget-box {
    border-right: none;
}

.brand-content.widget-box:not(.non-tab-box) {
    border-top: none;
}

.brand-content .widget-title {
    background-image: none;
}

.brand-content .scoreboard-tab {
    padding: 5px 25px;
    border-bottom: 1px solid #cdcdcd;
}

.nav-tabs > li {
    background-color: #e5e5e5;
    height: 36px;
}

.widget-title .nav-tabs li:not(:first-child):not(:last-child) a {
    border-right: none;
}

.widget-title .nav-tabs li:only-child a {
    border-right: 1px solid #dddddd !important;
}

.brand-content > .widget-content .table {
    margin-bottom: 0px;
}

.tiled-avatars {
    display: inline-block;
    width: 73px;
    height: 73px;
    float: left;
    opacity: 0.4;
}

.tiled-avatars:hover {
    opacity: 1;
}

h3.tiled-avatars-overlay {
    font-size: 32px;
    text-align: center;
    position: absolute;
    width: 100%;
    margin: 50px 0 0 0;
    line-height: 115%;
    z-index: 10;
    color: #fff;
    text-shadow: 0px 0 10px #000;
}

a.owned-team-link {
    padding: 0 !important;
}

img.owned-team {
    height: 30px;
    position: relative;
    top: 0px;
    margin: 0 4px;
    display: inline-block;
    border-top: 1px solid #5a5a6d;
    border-right: 1px solid #232337;
    border-bottom: 1px solid #232337;
    border-left: 1px solid #232337;
    border-radius: 3px;
}

div.spinner-container {
    text-align: center;
    min-height: 400px;
}

img.spinner {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 100px;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: spinnerRotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

i.icon-activityIndicator {
    background-image: url('../../img/spinner-white.png');
    background-size: 14px 14px;
    background-position: 0 0;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: spinnerRotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

i.bkicon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 0;
    *margin-right: 0.3em;
    line-height: 30px;
    vertical-align: text-top;
    background-image: url('../../img/bk_sprite.png');
    background-position: 30px 30px;
    background-repeat: no-repeat;
}

.bkicon.baseball {
    background-position: 0 0;
}
.bkicon.basketball {
    background-position: -30px 0;
}
.bkicon.football {
    background-position: -60px 0;
}
.bkicon.golf {
    background-position: -90px 0;
}
.bkicon.hockey {
    background-position: 0 -30px;
}
.bkicon.racing {
    background-position: -30px -30px;
}
.bkicon.soccer {
    background-position: -60px -30px;
}
.bkicon.tennis {
    background-position: -90px -30px;
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

section.splashbox {
    margin: 2em auto;
    width: 75%;
    border: 3px solid #84bccd;
    -webkit-border-radius: 3px;
    box-shadow: 1px 3px 6px #aaa;
    padding: 0 0 12px 0;
    background-color: #fff;
}

section.splashbox h3 {
    background-color: #84bccd;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 6px 12px;
    line-height: 120%;
    clear: both;
}

section.splashbox h4 {
    font-size: 1.1em;
    font-weight: 500;
    color: #666;
    margin: 1em 12px 1em 12px;
    line-height: 120%;
}

section.splashbox article {
    float: left;
    background-size: 48px;
    background-position-x: 8px;
    background-position-y: 11px;
    background-repeat: no-repeat;
    padding: 6px 2px 2px 66px;
    height: 60px;
    width: 148px;
    margin: 0 12px 24px 12px;
    -webkit-border-radius: 3px;
    background-color: #f2f2f2;
}

section.splashbox article p {
    margin: 0;
    position: relative;
    top: 8px;
    line-height: 115%;
}

/* Twitter Collections */

div.explain_o_matic {
    width: 100%;
    background-color: #e0e0e0;
}

div.explain_o_matic p {
    padding: 20px 8px 10px 8px;
    font-size: 12px;
    color: #666;
}

a.ct_title_link {
    color: #000;
    display: inline-block;
    padding-left: 23px;
    font-size: 12px;
    font-weight: 600;
    line-height: 120%;
    width: 71%;
    -webkit-font-smoothing: antialiased;
}

div.toggle_container {
    position: absolute;
    top: 6px;
    right: 6px;
}

section .delete-ct {
    float: right;
    margin: 0px 10px 0px 0px;
    display: none;
}

section .ct_body {
    display: none;
    clear: both;
    font-size: 12px;
    line-height: 120%;
    color: #666;
}

p.ct_help {
    font-size: 12px;
    line-height: 120%;
    color: #666;
}

div.ct_timeline_card {
    background-color: #fff;
    padding: 6px 0 6px 0;
    border: 1px solid #aaa;
    border-radius: 3px;
    position: relative;
    margin-bottom: 1em;
}

.ct_plus_sign {
    opacity: 0.8;
    position: absolute;
    top: 9px;
    left: 5px;
}

div.ct_timeline_card form {
    display: block;
}

div.ct_timeline_card form div.fieldblock {
    padding: 6px;
}

div.ct_timeline_card form input.box,
div.ct_timeline_card form input[type='text'] {
    -moz-box-sizing: border-box;
    padding: 3px 5px;
    width: 97%;
}

div.ct_timeline_card form input.box,
div.ct_timeline_card form input[type='text']:not(.hashtagText) {
    height: 100%;
}

div.ct_timeline_card form input.box,
div.ct_timeline_card form textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    color: #555;
    font-family: 'Open Sans', sans-serif;
}

div.ct_timeline_card form label {
    white-space: nowrap;
    display: inline-block;
    margin-top: 5px;
}
div.ct_timeline_card form input[type='checkbox'] {
    padding: 0;
    margin: 0 3px 0 30px;
    vertical-align: middle;
}

div.ct_timeline_card form input {
    padding: 14px 6px;
}

div.ct_timeline_card form .hashtagText {
    color: #2112ca;
}

div.ct_timeline_card form textarea {
    padding: 6px;
}

div.ct_timeline_card form label.error {
    color: #b94a48;
    font-size: 11px;
    position: relative;
    top: -10px;
}

div.ct_timeline_card form input.error,
div.ct_timeline_card form textarea.error {
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

p.timeline_action_links {
    font-size: 11px;
    padding-left: 24px;
    margin-bottom: 0;
    line-height: 120%;
    display: none;
}

p.ct_timeline_action_links {
    font-size: 11px;
    padding-left: 24px;
    margin-bottom: 0;
    line-height: 120%;
    display: block;
}

.collections-trial-pics {
    position: relative;
    text-align: center;
}

.collections-trial-pics > img {
}

.collections-trial-pics:after {
    content: ' ';
    bottom: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 50px; /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(255, 255, 255, 0)),
        color-stop(100%, rgba(255, 255, 255, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
}

.collections-trial-pics > img:first-child {
    max-width: 90%;
}

.collections-trial-pics > img:last-child {
    position: absolute;
    z-index: 1;
    top: 200px;
    left: 40%;
    max-width: 50%;
    height: auto;
    box-shadow: 0px 0px 13px 2px rgba(128, 128, 128, 1);
}

section .ct_body div {
    text-align: center;
    padding: 10px 1em 0;
}

section .ct_body h6 {
    text-transform: uppercase;
    padding: 3px 6px;
    background-color: #eee;
}

section .ct_body .custom-source {
    position: relative;
    display: none;
    clear: both;
}

section .ct_body .custom-source input[type='text'] {
    width: 100%;
}

section .ct_body .custom-source .twitter-typeahead {
    width: 100%;
}

section .ct_body .custom-source .tt-hint {
    padding: 0;
}

section .ct_body .custom-source div {
    text-align: left;
}

section .ct_body .close.remove-custom-account {
    padding-left: 3px;
}

section .ct_body .selected-custom-accounts {
    padding: 0;
}

section .ct_body .selected-custom-accounts ul {
    clear: both;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
section .ct_body .selected-custom-accounts ul li {
    display: inline-block;
    border: 1px solid #96aacd;
    padding: 0px 5px;
    margin: 2px;
    vertical-align: middle;
}

section .ct_body .selected-custom-accounts img {
    max-width: 30px;
    margin: 4px 0;
}

section .ct_body a.preview,
section .ct_body a.update {
    display: block;
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0;
    text-align: center;
    position: relative;
    top: 6px;
}
section .ct_body a.preview {
    display: none;
}

section .ct_body a.preview.halfsize {
    width: 50%;
}

section .ct_body a.preview.visible {
    display: block;
}

section .ct_body a.preview.visible + a.update {
    width: 50%;
}

section .ct_body a.preview {
    background-color: #39ad65;
}

section .ct_body a.update {
    background-color: #06c;
    display: none;
    cursor: pointer;
}

section .ct_body a.update.loading {
    cursor: wait;
    background-color: #d3d3d3;
}

section .ct_body a.update .spinner-container {
    min-height: 0;
    display: none;
}

section .ct_body .spinner-container img.spinner {
    width: 20px;
    height: 20px;
    margin: 5px;
}

section .ct_body a.update.loading .spinner-container {
    display: block;
}

section .ct_body a.update span {
    display: block;
}

section .ct_body a.update.loading span {
    display: none;
}

section .ct_body.preset p {
    margin: 5px 10px;
}

div#timeline_preview {
    display: none;
}

div#timeline_preamble {
    text-align: center;
    color: #888;
}

div#timeline_preamble h4 {
    font-weight: 500;
}

div#timeline_preamble p {
    font-size: 12px;
}

div.ct_timeline_card.new {
    display: none;
}

a.cancel_custom_timeline {
    display: none;
}

button.add_custom_timeline {
    display: block;
    width: 100%;
    color: #06c;
    background-color: #fff;
    border: 1px solid #06c;
    text-align: center;
    margin: 1em 0;
    padding: 6px 0;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

/*FIX FOR BOOTSTRAP + GOOGLE MAPS EMBED CONFLICT*/
div#map-canvas img {
    max-width: none !important;
}

@media (max-width: 480px) {
    .calendar-container {
        width: 100%;
        justify-content: center;
    }

    .bftable-brand .blinkfire-table td {
        padding: 3px;
    }

    .bftable-brand .blinkfire-table th {
        padding: 5px 0 2px;
    }

    .brand-content .scoreboard-tab {
        padding: 5px 5px;
    }
    .valuation-cell {
        margin: 0;
    }

    /* Override to header size in responsive templates; buncha extra space in here for style switcher or something we no longer use */

    #content-header {
        height: 80px;
    }

    a#header-click {
        display: inline-block;
        position: absolute;
        top: 8px;
        width: 131px;
        height: 34px;
        z-index: 10;
        left: inherit;
        margin-left: -66px;
    }

    .logo-hook {
        width: 100%;
        text-align: center;
        position: absolute;
    }

    #header h1 {
        background: url('../../img/logo-480.png') no-repeat scroll 0 0 transparent;
        top: 7px;
    }

    #content-header h1 {
        max-width: 280px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px;
        margin-top: 0 !important;
        text-align: left;
    }

    div.spinner-container {
        min-height: auto;
    }

    img.spinner {
        margin-top: 10px;
        width: 72px;
        height: 72px;
    }

    /* entity charting @ top of page */
    div#topClients {
        display: none;
    }

    div#hc-annotated-timeline,
    div#hc-daily-engagement,
    div#hc-roster-followers {
        width: 100%;
        margin-bottom: 0;
    }

    .social-numbers-slider {
        width: 100%;
    }

    ul.social-numbers li,
    ul.channel-selector li {
        background-color: #fff;
        border-left: 3px solid #fff;
    }

    /* collapse inactive tabs < 480px */
    ul.nav-tabs li {
        max-width: 72px;
    }

    ul.nav-tabs li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    ul.nav-tabs li.active {
        max-width: none;
    }

    .entity-actions {
        display: none;
    }

    .flipcard-pie {
        top: 24px;
        width: 280px;
        height: 280px;
        margin: 0 auto;
    }

    /* Search UI - greatly simplified from default in unicorn because they never impl'd it for mobile*/
    li.btn-mobile-search {
        display: inline;
    }

    #search {
        display: none;
        position: absolute;
        z-index: 22;
        top: 55px !important;
        left: 12px;
        width: 300px;
    }

    .tt-menu {
        width: 293px;
        min-width: 293px;
    }

    #search input[type='text'] {
        border-radius: 4px;
        padding: 4px 10px 5px;
        border: 0;
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
        background-color: #fff !important;
        width: 274px;
    }

    #search-button {
        display: none;
    }

    /* just hide follow button */
    .entity-actions {
        display: none;
    }

    .teaser-box {
        width: 100%;
    }
    .scrn-right + .feature-sub {
        padding: 210px 10px 10px 10px !important;
    }
    .feature-sub {
        padding: 210px 10px 10px 10px;
        font-size: 0.9em;
    }

    .my-row {
        height: 100%;
    }
}

/* Begin Table of stream items */
.table-items > thead > tr > th {
    white-space: nowrap;
}

table.table-items tr .total-big-number {
    font-weight: 600;
    font-size: 1.2em;
    clear: both;
    display: block;
}
table.table-items tr .eng-breakdown {
    white-space: nowrap;
    display: inline-block;
    font-size: 0.9em;
}
@media (max-width: 768px) {
    table.table-items tr .eng-breakdown {
        display: none;
    }
}
table.table-items tr .insights-breakdown {
    white-space: nowrap;
    display: inline-block;
    font-size: 0.9em;
}
@media (max-width: 768px) {
    table.table-items tr .insights-breakdown {
        display: none;
    }
}

.brands-by-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 2px;
}
/* End of Table of stream items */

/* ISOTOPE COMPLEMENTARY ITEMS */
div.subsection h5,
.nav-tab-menu {
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
    line-height: 120%;
    margin: 0;
}

.smart-entities {
    display: none;
}

.nav-tab-menu {
    font: 600 0.9em 'Open Sans', sans-serif;
    list-style-type: none;
    text-align: center;
    padding: 6px 0;
}

.sport-selector {
    width: 105px;
    margin: 0 auto;
    display: block;
    font: 600 0.9em 'Open Sans', sans-serif;
    height: 25px;
    color: #777;
    border: 1px solid #08c;
}

.nav-tab-menu ul {
    list-style-type: none;
    margin: 0;
}

.nav-tab-menu li {
    clear: none;
    width: auto;
    display: inline;
    line-height: 120%;
    color: #08c;
}

.nav-tab-menu li:hover {
    color: #005580;
    cursor: pointer;
}

.nav-tab-menu li.selected {
    color: #888;
    cursor: default;
}

.disabled .nav-tab-menu li {
    clear: none;
    width: auto;
    display: inline;
    color: #888;
}

.disabled .sport-selector {
    display: none;
}

.subsection:not(.disabled) .spinner-container {
    display: none;
}

.disabled .async-content-panel {
    display: none;
}

.top-clients .async-content-panel {
    width: 228px;
    height: 228px;
}

.subsection .spinner-container {
    min-height: inherit;
    display: block;
    margin-bottom: 40px;
    margin-top: -60px;
}

p.subsection-header {
    margin: 0;
    text-transform: uppercase;
    color: #777;
}

div.subsection table {
    width: 100%;
}

div.subsection table tr td {
    padding: 0.5em 0;
    font-size: 12px;
}

div.subsection table tr td.digits {
    text-align: right;
    font-weight: 600;
    padding-left: 4px;
    letter-spacing: -0.5px;
}

table.top-baseball,
table.top-football,
table.top-hockey,
table.top-racing,
table.top-soccer,
table.top-players {
    /* default state */
    display: none;
}

.dropdown-mover-shaker {
    float: left;
    margin-right: 5px;
    top: -3px;
}
.dropdown-mover-shaker button {
    padding: 0 5px;
}

a.mover-shaker {
    font-weight: 600;
}

span.mover-shaker-pct {
    font-weight: 700;
    font-size: 20px;
    color: #2ca24f;
}

span.mover-shaker-diff {
    font-weight: 600;
    color: #888;
}

img.mover-shaker.avatar_header {
    max-width: 50px;
}

div.customer-panel-container {
    padding-top: 20px;
}

div.customer-panel {
    text-align: center;
    padding: 16px 35px 35px 35px;
    padding-bottom: 10px;
    background-color: #f3f3f3;

    background-image: -webkit-gradient(linear, 0 90%, 0 100%, from(#f3f3f3), to(#ddd));
    background-image: -webkit-linear-gradient(top, #f3f3f3 90%, #ddd 100%);
    background-image: linear-gradient(to bottom, #f3f3f3 90%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

    border-radius: 8px;
    box-shadow: 0px 4px 12px #333;
    min-height: 250px;
    height: 100%;
}

.error-title {
    font-size: 2em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 50px 0 30px;
    width: 100%;
    background-color: white;
}
.bottom-part.error-400 {
    background-color: white;
}

.license-plans {
    border: 0;
}
.license-plans tr.feature {
    border-bottom: 1px solid #ddd;
}

.license-plans thead tr {
    border: 1px solid white;
    border-bottom: 0;
    font-weight: 100;
    font-size: 2em;
    line-height: 1.2;
}

.license-plans td {
    padding: 10px 0;
}

.license-plans > thead > tr > td {
    padding: 0;
}

.license-plans > thead > tr > td > div {
    width: 98%;
    margin: 0 auto;
    padding: 25px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.license-plans > thead > tr > td.active > div {
    border: 1px solid #2c3b84;
    position: relative;
}
.license-plans > thead > tr > td.active > div > small {
    font-size: 0.6em;
    font-style: italic;
    font-weight: 400;
    color: #2c3b84;
}

.license-plans > thead > tr > td.active > div:before {
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    border: 10px solid transparent;
    border-top-color: #2c3b84;
    border-right-color: #2c3b84;
}

.license-plans > thead > tr > td:nth-child(1) > div {
    background-color: #d5dfff;
}

.license-plans td .current-no-apply {
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1.1;
}

.license-plans > thead > tr > td:nth-child(2) > div {
    background-color: #aac2ff;
}

.license-plans > thead > tr > td:nth-child(3) > div {
    background-color: #7591ff;
    color: white;
}

.e40x.alert {
    margin: 0;
}

.verification-email-resend:not(.btn):hover {
    text-decoration: underline;
    cursor: pointer;
}

.channel-collapse {
    cursor: pointer;
}

/*  uncomment to debug layers
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
*/

table.overall-scoreboard thead th {
    font-weight: normal;
    padding: 0 5px 0 15px;
}

table.overall-scoreboard tbody td {
    padding-right: 15px;
    text-align: right;
}

table.overall-scoreboard tfoot th {
    padding-right: 15px;
    text-align: right;
}

table.overall-scoreboard .valuation-loader {
    display: inline-block;
}

.brand-report-scoreboards h1 {
    text-align: center;
    font-size: 32px;
}

form.search1234 label,
form.search1234 select {
    display: inline-block;
}

.selectAll-text {
    padding: 0.4em 1em;
    border-radius: 3px;
    /* border: 1px solid #8c8c8c; */
    background-color: #e0e0e0;
    font-weight: 500;
    margin-left: 1.5em;
}

label.error {
    color: #b94a48;
}

input.error {
    border: 2px solid #b94a48;
}

h3.text-mentions-chart {
    display: none;
    color: #274b6d;
    text-align: center;
    background-color: white;
    font: 100 1.8em 'Open Sans', sans-serif;
    padding: 10px;
    margin: 0;
}

.lean-title {
    font: 100 1.8em 'Open Sans', sans-serif;
}

.no-result {
    border: solid #ccc;
    border-width: 1px 0;
    width: 65%;
    margin: 0 auto;
}

.slide-table-button {
    cursor: pointer;
}

.icon-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.icon-rotate-90-300 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.icon-rotate-90.inverted,
.icon-rotate-90-300.inverted {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.medium-metrics {
    /* adjust height of container to that of the network logo */
    line-height: 40px;
    cursor: pointer;
}

.medium-metrics__channels {
    line-height: 0;
}
.medium-metrics__channels__text {
    font-size: 10px;
}
.medium-metrics__channels__icon {
    width: 10px;
    height: 10px;
    margin-top: 4px;
}

.medium-metrics__channels {
    line-height: 30px;
}
.channel-metrics .channel-metrics-data {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.channel-metrics-table__data {
    visibility: visible;
    opacity: 1;
}

.double-medium-metrics {
    line-height: 14px;
    margin: 6px 0;
}

.channel-metrics.double-medium-metrics.active {
    overflow: auto;
}

.channel-metrics.active .channel-metrics-data {
    max-height: 40px;
}

.branded-vs-unbranded .channel-metrics.active .channel-metrics-data {
    max-height: 80px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hc-branded-vs-unbranded-pie .highcharts-container {
    margin: 0 auto;
}

.rollup-metric {
    height: 80px;
    line-height: 100px;
}
.override-lineheight {
    line-height: 1.42;
    display: inline-block;
}
.branded-label {
    color: #76bdd5;
}
.unbranded-label {
    color: #8c8c8c;
}

.chart-data {
    cursor: pointer;
}

.chart-data.entity,
.chart-th.entity {
    color: #e06713;
}
.chart-data.fan,
.chart-th.fan {
    color: #40953b;
}
.chart-data.geo,
.chart-th.geo {
    color: #1784a7;
}

@media (min-width: 480px) and (max-width: 768px) {
    #content-header h1 {
        max-width: 400px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px !important;
        text-align: left;
    }
}

/* Stories interstitial page */

.stories__step-first {
    align-items: center;
    width: 100%;
    margin: 0;
}

.stories__title {
    font-size: 3.2em;
    font-weight: 100;
}

.stories__panel {
    padding: 2.5em;
}

.stories__page-wrapper {
    opacity: 0;
}

.stories__step-video {
    margin: 0 auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.stories__step-title {
    font-weight: bold;
    margin-top: 0.2em;
    margin-bottom: 1em;
    font-size: 1.6em;
}

.stories__step-description {
    margin-bottom: 2em;
    font-size: 1.2em;
}

.stories__step-first,
.stories__step-second__cta {
    background-color: #f7f7f7;
    padding: 3em 3em;
}

.stories__instructions-indicator {
    font-size: 1.6em;
}

.stories__instructions-indicator__arrow {
    width: 6em;
    position: absolute;
    left: 0px;
    top: -1em;
}

.stories__instructions-indicator__arrow__mobile {
    transform: rotate(50deg);
    width: 5em;
    margin: 0 auto;
}

.stories__header-container {
    margin-bottom: 2.5em;
}

.stories__subtitle {
    opacity: 0.2;
}

.stories__step-second__cta,
.stories__step-first__container {
    margin-top: 2.5em;
}

.arrow_container {
    width: 2em;
    height: 5em;
    position: relative;
}

.stories__contact {
    font-size: 0.7em;
    padding-top: 4em;
}

.stories__navigation-back a {
    color: #b5b5b5;
}

.step__first .hidden-first,
.step__second .hidden-second {
    display: none;
}

@media (min-width: 1280px) {
    .stories__step__video-wrapper {
        width: 74%;
        float: right;
    }
}
@media (min-width: 992px) {
    .stories__step-first {
        display: flex;
    }
}

@media (max-width: 800px) {
    .stories__step__video-wrapper {
        margin-bottom: 3em;
    }
    .stories__step-video__second {
        width: 100%;
    }
    .stories__panel {
        padding: 2.5em;
    }
}

/************** END blinkfire.css **************/

/************** START jquery-ui.css **************/
/*!
 * jQuery UI Bootstrap (0.5)
 * http://addyosmani.github.com/jquery-ui-bootstrap
 *
 * Copyright 2012 - 2013, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: '';
    display: table;
}
.ui-helper-clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix {
    /*display: inline-block; */
    display: block;
    min-height: 0; /* support: IE7 */
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 * jQuery UI Resizable 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/resizable/
 */

.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/*
 * jQuery UI Selectable 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/selectable/
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

/*
 * jQuery UI CSS Framework 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 *
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff url(../../img/jquery-ui/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
    color: #404040;
}
.ui-widget-content a {
    color: #404040;
}
.ui-widget-header {
    font-weight: bold;
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #666;
}
.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear background-image;
    transition: 0.1s linear background-image;
    overflow: visible;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight p,
.ui-state-error p,
.ui-state-default p {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 7px 15px;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    position: relative;
    margin-bottom: 18px;
    color: #404040;
    background-color: #fceec1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    position: relative;
    margin-bottom: 18px;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #ee5f5b),
        color-stop(100%, #c43c35)
    );
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
} /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../../img/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../../img/jquery-ui/ui-icons_f6cf3b_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-off {
    background-position: -96px -144px;
}
.ui-icon-radio-on {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa url(../../img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../../img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

/*
 * jQuery UI Accordion 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/accordion/
 */

/* IE/Win - Fix animation bug - #4615 */

.ui-accordion {
    width: 100%;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    font-weight: bold;
}
.ui-accordion .ui-accordion-li-fix {
    display: inline;
}
.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 1.7em;
}
.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
    display: block;
}

/*
 * jQuery UI Autocomplete 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

/*
 * jQuery UI Button 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear background-image;
    transition: 0.1s linear background-image;
    overflow: visible;
} /* the overflow property removes extra width in IE */

.ui-button-primary {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #049cdb),
        color-stop(100%, #0064cd)
    );
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(to bottom, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-success {
    color: #ffffff;
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #62c462),
        color-stop(100%, #57a957)
    );
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-error {
    color: #ffffff;
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #ee5f5b),
        color-stop(100%, #c43c35)
    );
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-icon-only {
    width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
} /* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */

.ui-button .ui-button-text {
    display: block;
}
.ui-button-text-only .ui-button-text {
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px; /*tempfix*/
    display: none;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    top: 50%;
    margin-top: -3px;
    margin-bottom: 3px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: 0.5em;
}

/*button sets*/

.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-state-active {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #049cdb),
        color-stop(100%, #0064cd)
    );
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(to bottom, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.4em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
} /* reset extra padding in Firefox */

/*
 * jQuery UI Menu 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: block;
    float: left;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: 3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px 0.4em;
    line-height: 1.5;
    zoom: 1;
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: 0;
    color: #ffffff;
    background: #0064cd;
    background-color: #428bca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/* Fix problem with border in ui-state-active */
.ui-menu .ui-menu-item a.ui-state-active {
    padding: 1px 0.4em;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: 0.4em 0 0.2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0.2em;
    left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-menu {
    width: 200px;
    margin-bottom: 2em;
}

/*
 * jQuery UI spinner 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 22px;
}
.ui-spinner {
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
} /* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
} /* vertical centre icon */
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

/*
 * jQuery UI Dialog 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    width: 300px;
    overflow: hidden;
    outline: 0;
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    /*left: 50%;
  margin-left: -280px;*/
    outline: medium none;
    position: fixed;
    /*top: 10%;
  width: 560px;*/
    z-index: 1050;
}
.ui-dialog .ui-dialog-titlebar {
    /*padding: .4em 1em;*/
    position: relative;
    padding: 5px 15px;
    border: 0px 0px 0px 1px solid;
    border-color: white;
    padding: 5px 15px;
    font-size: 18px;
    text-decoration: none;
    background: none;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: 1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
    float: left;
    color: #404040;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px;
    margin: -20px 0 0 0;
    padding: 1px;
    height: 18px;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
    background: none;
    border-width: 0;
    border: none;
    box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px;
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: 0.5em 0 0 0;
    background-color: #f5f5f5;
    padding: 5px 15px 5px;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #ffffff;
    zoom: 1;
    margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #049cdb),
        color-stop(100%, #0064cd)
    );
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(to bottom, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;

    color: #ffffff;
    background-color: #428bca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*
 * jQuery UI Tabs 1.9.2
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */
.ui-tabs .ui-tabs-nav {
    background: none;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px;
}
.ui-tabs {
    position: relative;
    padding: 0.2em;
    zoom: 1;
    border: 0px;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li a:hover {
    background: whiteSmoke;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    color: #00438a;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
    border-bottom: 1px solid #ddd;
}
.ui-tabs .ui-tabs-nav li {
    text-decoration: none;
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    padding: 0px 0px 1px 0px;
    white-space: nowrap;
    background: none;
    border: 0px;
}

.ui-tabs-nav .ui-state-default {
    /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    cursor: text;
    padding: 0 15px;
    margin-right: 2px;
    line-height: 34px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0px;
    outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: #ffffff;
    cursor: default;
    color: gray;
    outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #ffffff;
    outline: none;
    border: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
    background: #ffffff;
    outline: none;
    margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
    color: #0069d6;
    background: none;
    font-weight: normal;
    margin-bottom: -1px;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tabs-panel .ui-button {
    text-decoration: none;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li {
    -webkit-filter: none;
    filter: none;
}

/*
 * jQuery UI Tooltip 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -o-box-shadow: 0 0 5px #ddd;
    /*box-shadow: 0 2px 5px #ddd;*/
    box-shadow: inset 0 1px 0 #ffffff;
}

body .ui-tooltip {
    border-width: 2px;
}

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
.ui-datepicker {
    width: 17em;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: 0px;
    font-weight: bold;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: #808080;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    /*top: 1px;*/
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    /*left:1px;*/
}
.ui-datepicker .ui-datepicker-next-hover {
    /*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
}
.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    -webkit-filter: mask();
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-datepicker th {
    font-weight: bold;
    color: gray;
}

.ui-datepicker-today a:hover {
    background-color: #808080;
    color: #ffffff;
}
.ui-datepicker-today a {
    background-color: #bfbfbf;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0px;
}

.ui-datepicker td a {
    margin-bottom: 0px;
    border: 0px;
}

.ui-datepicker td:hover {
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
    border: 0px;
    background: none;
    margin-bottom: 0px;
    padding: 5px;
    color: gray;
    text-align: center;
    -webkit-filter: none;
    filter: none;
}

.ui-datepicker td .ui-state-active {
    background: #bfbfbf;
    margin-bottom: 0px;
    font-size: normal;
    text-shadow: 0px;
    color: #ffffff;
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #428bca;
    background-color: #428bca;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;

    /*this can be removed if ui-widget-header is blue*/
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #049cdb),
        color-stop(100%, #0064cd)
    );
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(to bottom, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*** Input field styling from Bootstrap **/
input,
textarea {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input:focus,
textarea:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type='file']:focus,
input[type='checkbox']:focus,
select:focus {
    box-shadow: none;
    outline: 1px dotted #666;
}

input[type='text'],
input[type='password'],
.ui-autocomplete-input,
textarea,
.uneditable-input {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #808080;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/**Toolbar**/

.ui-toolbar {
    padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #ffffff),
        color-stop(100%, #f5f5f5)
    );
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #ffffff;
}

/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:nth-child(2) {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    transition: 0.1s linear all;
    overflow: visible;
}

/***Wijmo Theming**/

div.wijmo-wijmenu {
    padding: 0 20px;
    background-color: #222;
    background-color: #222222;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #333333),
        color-stop(100%, #222222)
    );
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(to bottom, #333333, #222222);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wijmo-wijmenu .ui-state-default {
    box-shadow: none;
    color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text {
    color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-hover {
    background: #444;
    background: rgba(255, 255, 255, 0.05);
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text {
    color: #ffffff;
}

div.wijmo-wijmenu .ui-widget-header h3 {
    position: relative;
    margin-top: 1px;
    padding: 0;
}

.wijmo-wijmenu h3 a {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin-left: -20px;
    margin-top: 1px;
    padding: 8px 20px 12px;
}

.wijmo-wijmenu h3 a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    text-decoration: none;
}

.wijmo-wijmenu .ui-widget-header {
    border: 0px;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
    padding: 0.3em 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child {
    background: #333;
    border: 0;
    margin: 0;
    padding: 6px 0;
    width: 160px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

div.wijmo-wijmenu .wijmo-wijmenu-item {
    margin: 0;
    border: 0;
}

.wijmo-wijmenu a.wijmo-wijmenu-link {
    margin: 0;
    line-height: 19px;
    padding: 10px 10px 11px;
    border: 0;
    border-radius: 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link {
    display: block;
    float: none;
    padding: 4px 15px;
    width: auto;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text {
    float: none;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
    background: #191919;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator {
    padding: 5px 0;
    background-image: none;
    background-color: #222;
    border-top: 1px solid #444;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
    -moz-transition: none 0s ease 0s;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #111111;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.75);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1;
    margin: 5px 10px 0 10px;
    padding: 4px 9px;
    width: 100px;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
    background-color: #ffffff;
    border: 0 none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    color: #404040;
    outline: 0 none;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #ffffff;
}

.wijmo-wijmenu .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    text-shadow: none;
}

.wijmo-wijmenu .ui-state-default {
    box-shadow: none;
    color: #bfbfbf;
    -webkit-filter: none;
    filter: none;
}
/************** END jquery-ui.css **************/

/************** START isotope.css **************/
/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

/* THE MOTHER OF ALL FIXES... This allows brand spotter items to be shown in all their glory – Johnny, Sep 29, 2014 */

.isotope-item:hover {
    z-index: 10 !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope {
    -webkit-transition: height 400ms, width 400ms;
    transition: height 400ms, width 400ms;
}

.isotope-item {
    -webkit-transition: -webkit-transform 400ms, opacity 400ms, box-shadow 150ms;
    -webkit-transition: opacity 400ms, box-shadow 150ms, -webkit-transform 400ms;
    transition: opacity 400ms, box-shadow 150ms, -webkit-transform 400ms;
    transition: transform 400ms, opacity 400ms, box-shadow 150ms;
    transition: transform 400ms, opacity 400ms, box-shadow 150ms, -webkit-transform 400ms;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
.paused-video-overlay {
    display: none;
}
.video-modal-toggle.paused .paused-video-overlay {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    background: transparent url('../../img/play_fill.png') 0 0 no-repeat;
    opacity: 0.65;
    background-size: 100%;
    transform: translate(-50%, -50%);
}
/************** END isotope.css **************/

/************** START isotope-streamitems.css **************/
/* Our styles for the display of tweets. Uses basically nothing from the actual twitter.com, so don't be fooled */

body#embedded-post .streamitem-div {
    position: relative;
}

body#embedded-post .dropdown-menu {
    min-width: 150px !important;
}

.icon-share {
    margin-top: -1px;
    opacity: 0.75;
}

#share-menu .dropdown-menu,
#item-playlists-menu .dropdown-menu {
    -webkit-transition: all 300ms !important;
    transition: all 300ms !important;
    /*padding: 14px;*/
    top: 20px !important;
    left: 0 !important;
    float: none;
    min-width: inherit;
    font-size: 12px;
    padding: 0;
}
.targetPost__submenu__list {
    -webkit-transition: all 300ms !important;
    transition: all 300ms !important;
    /*padding: 14px;*/
    top: 11px;
    left: -105px;
    float: none;
    min-width: 150px;
    font-size: 12px;
    padding: 0;
}
.targetPost__submenu:hover .targetPost__submenu__list {
    max-height: 115px;
    overflow-y: auto;
}
#item-playlists-menu.dropdown-submenu:hover .dropdown-menu {
    left: -25px !important;
    display: block;
    overflow-y: auto;
    max-height: 250px;
}
.targetPost__submenu__list__headerIsotope {
    color: #333;
    margin-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: 800;
    font-size: 11px;
    margin-top: 7px;
    border-bottom: 1px solid #ccc;
}
.targetPost__submenu__list__headerSingleItem {
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 6px;
    color: #000;
    font-size: 11px;
    border-bottom: transparent;
}

.targetPost__submenu__list__item {
    color: #333;
    margin-left: 10px;
    padding-bottom: 4px;
}

#share-menu .dropdown-menu li,
#item-playlists-menu .dropdown-menu li {
    border-bottom: 1px solid #ccc;
}

#share-menu .dropdown-menu li:last-of-type,
#item-playlists-menu .dropdown-menu li:last-of-type,
.targetPost__submenu__list__item:last-of-type {
    border-bottom: 0 solid transparent;
}
.targetPost__submenu__list--singleItem:hover {
    background: #eee;
    color: #000;
    cursor: pointer;
}

#share-menu .dropdown-menu li a,
#item-playlists-menu .dropdown-menu li a {
    padding: 4px 20px 4px 12px;
    background: #fff;
}

#share-menu .dropdown-menu li:hover a,
#item-playlists-menu .dropdown-menu li:hover a {
    background: #eee;
    background-image: none;
    color: #000;
}

#share-menu.dropdown-submenu:hover .dropdown-menu {
    /*top: 0 !important;*/
    left: -25px !important;
    display: block;
}

body#embedded-post #share-menu.dropdown-submenu:hover .dropdown-menu {
    left: -147px !important;
    top: -58px !important;
}

body#embedded-post .embed-code {
    width: 100%;
}

body#embedded-post .embed-see-original-post {
    display: inline-block;
    color: #999;
    margin-top: 5px;
}

body#embedded-post .brand.dropdown-submenu .dropdown-menu {
    top: -50px !important;
}

.share-button {
    width: 55px;
    position: relative;
    top: -4px;
}

.embed-code {
    display: inherit;
    width: 425px;
    height: 100px;
    font-size: 11px;
    font-family: monospace;
    font-weight: 100;
    margin: 5px auto;
    resize: none;
    cursor: default !important;
    background-color: #fff !important;
}

.embed-code-instructions {
    display: none;
    color: #999;
    width: 100%;
    white-space: normal;
    text-shadow: none !important;
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.bficon-dots-container,
.bficon-plus-container,
.targetPost {
    position: relative;
    padding: 3px;
    width: 14px;
    height: 14px;
    display: inline-block;
    float: right;
    right: 6px;
    border-radius: 50%;
    -webkit-transition: all 150ms;
    transition: all 150ms;
    box-sizing: content-box;
    text-align: center;
}

.bficon-dots-container:hover {
    background-color: #999;
}

.bficon-plus-container:hover {
    background-color: #c27b19;
}
.targetPost:hover {
    background-color: #1f66b7;
}
.targetPost__submenu__icon__image {
    width: 11px;
    height: 11px;
    margin-top: -8px;
}
.bficon-dots-container:hover .bficon-dots,
.bficon-plus-container:hover .bficon-plus {
    color: #fff;
}
.bficon-dots,
.bficon-plus {
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    color: #999;
    line-height: 14px;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.bficon-dots:after {
    content: '\02026';
    display: block;
    font-size: 1em;
    font-weight: 900;
    position: absolute;
    top: -4px;
    left: 1px;
}
.bficon-plus:after {
    content: '+';
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 2px;
}

body#search-page .bficon-dots:after {
    top: -2px;
    left: 3px;
}

.powered-by-bf {
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    font-size: 10px;
    display: block;
    color: #555;
}

.powered-by-bf img {
    height: 100%;
    width: auto;
}

.streamitem-div.video {
    border: 1px solid #398a87;
}

.streamitem-div.reels {
    border: 1px solid #8f4fdb;
}

.streamitem-div.igtv {
    border: 1px solid #45a5eb;
}

.streamitem-div.video.story,
.streamitem-div.story {
    border: 1px solid #ef7e4f;
}

.streamitem-scene-tag {
    display: block;
    padding: 6px;
    margin-bottom: 5px;
}

.video .streamitem-header,
.reels .streamitem-header,
.igtv .streamitem-header,
.story .streamitem-header {
    max-width: 180px;
}

#videoModal .icon {
    margin-top: 3px;
}

.video .video-symbol,
.story .video-symbol,
.story .story-symbol,
.reels .reels-symbol,
.igtv .igtv-symbol {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: transparent url('../../img/vid.png') 0 0 no-repeat;
    z-index: 99;
}

.story.video .video-symbol,
.story .story-symbol {
    background: transparent url('../../img/story-corner.png') 0 0 no-repeat;
}

.reels .reels-symbol {
    background: transparent url('../../img/reels-corner.png') 0 0 no-repeat;
}

.igtv .igtv-symbol {
    background: transparent url('../../img/igtv-corner.png') 0 0 no-repeat;
}

.video-modal-avatar {
    width: 20px;
    border-radius: 10px;
    margin-right: 8px;
    margin-top: -3px;
}

.streamitem-div.rtvideo {
    border: 1px solid #398a87;
}

.rtvideo .rtvideo-header {
    width: 100%;
    background-color: #398a87;
    background-image: -webkit-linear-gradient(to left, #398a87 15%, #1eca6b 90%);
    background-image: -webkit-linear-gradient(right, #398a87 15%, #1eca6b 90%);
    background-image: linear-gradient(to left, #398a87 15%, #1eca6b 90%);
    color: #ffffff;
    padding-left: 5px;
    margin: -16px -6px 8px;
    font: 400 0.7em/17px 'Open sans', sans-serif;
    height: 17px;
}

.rtvideo .rtvideo-symbol {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: transparent url('../../img/rtvid.png') 0 0 no-repeat;
    z-index: 100;
}

.rtvideo .streamitem-header {
    max-width: 200px;
}

.blinkfire-table.video-modal-table td {
    line-height: 23px;
}

.streamitem-div.retweet {
    border: 1px solid #1eca6b;
    padding-top: 15px;
    /*overflow: hidden;*/
}

.retweet .retweet-header {
    width: 100%;
    background-color: #1eca6b;
    color: #ffffff;
    padding-left: 5px;
    margin: -16px -6px 8px;
    font: 400 0.7em/17px 'Open sans', sans-serif;
    content: '\00a0 » Original Tweet by 'attr(data-author);
    height: 17px;
}

.retweet .retweet-symbol {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: transparent url('../../img/rt.png') 0 0 no-repeat;
}

.streamitem-div.tlvideo {
    border: 1px solid #ffc007;
    padding-top: 15px;
    /*overflow: hidden;*/
}

.tlvideo .tlvideo-header {
    width: 100%;
    background-color: #ffc007;
    color: #ffffff;
    padding-left: 5px;
    margin: -16px -6px 8px;
    font: 400 0.7em/17px 'Open sans', sans-serif;
    content: '\00a0 » Original Tweet by 'attr(data-author);
    height: 17px;
}

.tlvideo .tlvideo-symbol {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-top: 45px solid #ffc007;
    border-left: 45px solid transparent;
}

.tlvideo .tlvideo-symbol::after {
    content: '';
    position: relative;
    background-image: url('../../img/tlvideo.png');
    background-size: cover;
    width: 17px;
    height: 17px;
    display: inline-block;
    top: -39px;
    right: 21px;
}

.twitch-item-type {
    color: #999999 !important;
    font-size: 0.8em !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px;
}

.item-views {
    width: 100%;
    display: inline;
}

.item-views > .view-selector {
    margin-bottom: 10px;
    margin-top: -6px;
    float: right;
}

img.verified,
img.verified-small {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    top: -1px;
}

/* General avatar */

img.stream-favicon {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

/* Styling content block */

div.streamitem-div {
    width: 228px;
    margin: 6px -6px -6px 6px;
    padding: 6px;
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -moz-border-radius: 3px;
    display: inline-block;
    box-sizing: border-box; /* important to avoid layout disasters! */
}

.streamitem-enclosure-container {
    margin: 0px -7px;
}
.streamitem-enclosure-container video {
    width: 100%;
    height: calc(100% + 20px);
    object-fit: cover;
}

.streamitem-style-widget {
    width: auto;
    margin: 2px 0;
    padding: 6px;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    box-sizing: border-box; /* important to avoid layout disasters! */
}

div.corner-stamp {
    float: right;
}

div.subsection {
    width: 235px;
    margin: 6px;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    /*box-shadow: 1px 3px 6px #aaa;*/
    min-height: 150px;
}

div.streamitem-content {
    position: relative;
}

div.streamitem-content.youtube {
    margin-left: 150px;
}

/* INSET TWEET BLOCK */
ul.inset {
    list-style-type: none;
    margin-left: 0;
}

ul.inset li {
    padding: 1em 0;
}

ul.inset li:last-child {
    border-bottom: none;
}

span.gain {
    color: #0a0;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 2px;
    left: 8px;
    text-shadow: 0px 1px 1px #ccc;
}

div.inset-speech-arrow {
    width: 0;
    height: 0;
    border-bottom: 10px solid #f1f1f1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: relative;
    top: 0;
    left: 30px;
}

div.inset-tweet-content {
    margin: 0 0 0 23px;
    font-size: 12px;
    padding: 8px;
    line-height: 120%;
    background-color: #f1f1f1;
}

p.description img.streamitem-media {
    display: none;
}

img.streamitem-media {
    margin-top: 1em;
    display: block;
    max-width: 100%;
    height: auto;
}

img.streamitem-media.mini {
    max-height: 22px;
    margin-top: -2px;
    position: relative;
    display: inline-block;
}

.spot-canvas,
.spot-canvas canvas {
    max-height: 300px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

.spot-coords-overlay > ul > li > p,
.spot-coords-overlay > ul > li > div {
    margin: 0px 10px;
    font-size: 14px;
    line-height: 1.4;
}

.spot-coords-overlay.dropdown-submenu > .dropdown-menu {
    clear: both;
    position: relative;
    float: none;
    top: 0;
    left: 50%;
    margin: -1px 0px 0px -2px;
    min-width: 200px;
    transform: translateX(-50%);
}

body#search-page .brand.dropdown-submenu {
    position: relative;
}

body#search-page .brand.dropdown-submenu > .dropdown-menu {
    top: -45px;
}

.brand.dropdown-submenu > .dropdown-menu {
    clear: both;
    position: absolute;
    float: none;
    left: 0;
    top: -90px;
    cursor: default;
    margin: 0;
    min-width: 100px;
}

.brand.dropdown-submenu > .dropdown-menu > li {
    margin: 0 10px;
}

.brand.dropdown-submenu > .dropdown-menu > li > p {
    margin: 0;
}

.brand.dropdown-submenu > img {
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

.brand.dropdown-submenu {
    margin-top: 6px;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.first-letter-avatar {
    display: none;
    width: 28px;
    height: 28px;
    border: 1px solid #999;
    color: white;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    vertical-align: middle;
}

.brand-link-wrapper {
    display: flex;
}

.brand-link-wrapper--exposure {
    margin-right: 40px;
}

.brand-link-wrapper .brand-link {
    display: flex;
    align-items: center;
    width: 100%;
}

.brand-link-wrapper .brand-link img {
    margin: 0;
    margin-right: 5px;
}

.brand-link-wrapper .brand-link span {
    font-size: 15px;
    word-break: break-word;
}

.brand-link-wrapper--exposure .brand-link span {
    font-size: 13px;
}

.brand-exposure {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 7px;
    border-top-right-radius: 4px;
}

.brand-exposure.brand-active {
    background-color: #ffcc4c;
}

.brand-exposure.brand-passive {
    background-color: #95c5d0;
}

.brand-link:hover {
    background-color: transparent !important;
    background-image: none !important;
    color: #666666 !important;
}

.spot-coords-overlay .brand-link:hover {
    background: transparent;
    color: #005580;
    position: relative;
}

.spot-coords-overlay {
    display: none;
    position: absolute;
    z-index: 1;
}

.spot-coords-overlay:hover {
    z-index: 2;
}

.spot-coords-overlay .dropdown-menu {
    padding: 8px 1px 5px;
}

.spot-coords-overlay > .fill-spot {
    border: solid 3px #00ff00;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    cursor: pointer;
    transform: translate(-2px, -2px);
}

.spot-coords-overlay > .fill-low-grade-spot {
    border: dashed 2px #00ff00;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    cursor: pointer;
    transform: translate(-2px, -2px);
}

.spot-coords-overlay.face > .fill-spot {
    border-color: #ff4e4e;
}

.engagement-text,
.valuation-text {
    display: inline-block;
    width: 99%;
}
.engagement-text {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 4px;
}
.valuation-text {
    margin-top: 4px;
}

.translate {
    font-size: 12px;
    color: #999;
}

a.translate i,
span.translated_tag i {
    position: relative;
    margin-right: 4px;
    opacity: 0.4;
}

span.translated_tag {
    font-size: 12px;
}

img.avatar_feed {
    margin-right: 6px;
    float: left;
}

img.avatar_feed.youtube {
    left: -135px;
}

.avatar-display-name {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 110%;
    margin-top: 1px;
}

div.attribution-block {
    font-size: 12px;
    line-height: 1.4;
}

.promoted__indicator {
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 2px 4px;
    border: 1px solid;
    border-radius: 2px;
}

table .promoted__indicator {
    margin-top: 5px;
}

.pview-date .promoted__indicator,
.playlist-item__post-info .promoted__indicator,
.playlist-item__post-info--compact .promoted__indicator {
    display: inline-flex;
    margin-left: 5px;
}

.promoted__icon {
    margin-right: 4px;
}

.promoted__indicator--boosted {
    color: #1ba5b8;
    border-color: #1ba5b8;
}

.promoted__indicator--boosted .promoted__icon {
    fill: #1ba5b8;
}

.promoted__indicator--ad {
    color: #7d2e71;
    border-color: #7d2e71;
}

.promoted__indicator--ad .promoted__icon {
    fill: #7d2e71;
}

div.entity-left-centered {
    text-align: left;
    padding-left: 10%;
}

.timestamp {
    color: #999;
    font-size: 12px;
    white-space: nowrap;
}

.timestamp .icon {
    opacity: 0.4;
    margin-right: 7px;
}

.at-author {
    color: #999;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    margin-top: 1px;
    margin-bottom: -4px;
}

.at-author:hover {
    color: #444;
}

div.description-block {
    position: relative;
    clear: both;
    margin-bottom: 1em;
    word-wrap: break-word;
}

div.description-block p {
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    color: #555;
    font: 400 1.05em/1.25 'Open Sans', sans-serif;
}

p.translated-description {
    display: none;
    overflow: hidden;
}

p.description {
    opacity: 1;
    overflow: hidden;
}

.blog-post-reading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 0;
    padding: 10px 5px;
}

.blog-post-reading.show {
    opacity: 1;
    height: 220px;
}

/* FOOTER WITH METADATA AND WEB INTENTS */

.streamitem-metadata-footer {
    color: #999;
}

.internal-footer {
    -webkit-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
    margin-top: 10px;
}

.internal-footer.added,
.item-view-story-header {
    background-color: rgb(134, 208, 116);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 1.1em;
}

.streamitem-metadata-footer.story .internal-footer {
    padding: 0;
    margin-top: 0;
}

.item-view-story-header {
    background-color: #ef7e4f;
    font-weight: 500;
    font-size: 1.1em;
    line-height: 25px;
}
img.story-dotted-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 100;
    vertical-align: top;
    margin-top: 2px;
}

.item-view-story-header--reels {
    background-color: #8f4fdb;
}

.item-view-story-header--shorts {
    background-color: #333333;
}

.item-view-story-header--igtv {
    background-color: #45a5eb;
}

#item-view .internal-footer {
    padding: 0;
}

.streamitem-div .internal-footer.added {
    background-color: rgb(134, 208, 116);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 1.1em;
}

.added-to-playlist {
    display: none;
}
.content-to-hide {
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.playlist-selector {
    max-width: 100%;
}
.playlist-save-selector {
    margin: 10px 0 20px;
    display: flex;
    justify-content: center;
}

.internal-footer.added .added-to-playlist {
    display: inline-block;
    height: 40px;
}

.internal-footer.added .content-to-hide {
    display: none;
}

.internal-footer,
.twitter-intent-footer {
    padding: 3px;
    font-size: 0.8em;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.internal-footer {
    border-radius: 5px;
    background-color: #e2e2e2;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: center;
}

.fanpost-footer {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 7px 1px 2px;
    text-align: center;
    color: #555;
    font-size: 0.7em;
}

.internal-footer a {
    color: #666;
}

/* Internal footer for post's valuation field and new scenes indicator */

.internal__footer--valuation {
    background-color: #3a3493;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 0.8em;
    line-height: 16px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}

.valuation-text.internal__text--valuation {
    color: #ffffff;
    margin-top: 0;
}

.scene__link {
    color: #fd9a3e !important;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-decoration: none !important;
    margin-bottom: 0;
    padding: 2px 6px 6px;
    display: flex;
    align-items: center;
    position: relative;
}

.scene__svg {
    margin-right: 5px;
    width: 16px;
}

.scene__name {
    font-weight: 700;
    margin-left: 3px;
}

.internal-footer + .scene__link {
    margin-top: 5px;
}

/* End Internal footer for post's valuation field and new scenes indicator */

div.twitter-intent-footer span.icon {
    margin-left: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}

.twitter-intent-footer span.twitter-reply {
    background-image: url('../../img/tweet-everything-spritev2.png');
    background-position: 0;
}

.twitter-intent-footer span.twitter-favorite {
    background-image: url('../../img/tweet-everything-spritev2.png');
    background-position: -32px 0;
}

.twitter-intent-footer span.twitter-retweet {
    background-image: url('../../img/tweet-everything-spritev2.png');
    background-position: -80px 0;
}

@media (max-width: 480px) {
    body:not(#embedded-post) img.avatar_header {
        max-width: 32px;
    }

    body:not(#embedded-post) div.streamitem-div {
        width: 260px;
    }
}
/************** END isotope-streamitems.css **************/

/************** START controls.css **************/

/*div#isotope-controls {
  margin-left: 18px;
  clear: both;
  padding-top: 12px;
}*/

div.touch-controls {
    -webkit-overflow-scrolling: touch;
    overflow-x: visible;
    white-space: nowrap;
    display: inline-block;
}

div.isotope-items-hide {
    display: none;
}

div.touch-controls a {
    display: inline-block;
    background: transparent no-repeat url('../../img/toggle-control-sprite.png') 12px -15px;
    height: 30px;
    min-width: 74px;
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
    white-space: nowrap;
    float: left;
}

div.touch-controls.sports a {
    height: 32px;
}

div.touch-controls.authors a img {
    vertical-align: text-top;
    margin-top: 7px;
    margin-left: 45px;
    float: left;
}

div.touch-controls a img,
div.touch-controls a i {
    opacity: 0.5;
}

div.touch-controls a.on img,
div.touch-controls a.on i {
    opacity: 1;
}

div.touch-controls a.on {
    background-position: 12px 10px;
}

div.touch-controls a.touch-radio {
    background-position: 12px -100px;
}

div.touch-controls a.on-touch-radio,
div.touch-controls a.touch-radio.on {
    background-position: 12px -52px;
}

div.touch-controls a.center {
    margin: 0 -6px;
    position: relative;
}

div.touch-controls a.right {
    margin-left: -6px;
}

div.touch-controls a.touch-radio.right {
    margin-left: -6px;
    position: relative;
}

span.control-label {
    float: left;
    color: #777;
    position: relative;
    top: 9px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 4px 0 12px;
}

div.touch-controls a span {
    display: inline-block;
    position: relative;
    float: right;
    top: 7px;
    padding: 0 12px 0 32px;
}

div.touch-controls.sports a span {
    top: 0;
}

div.touch-controls div.box {
    display: inline-block;
    border-radius: 18px;
    border: 2px solid #2ca24f;
    background-color: #fff;
    max-width: 90%;
}

div.touch-controls a span.int-filter {
    float: left;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    opacity: 0.5;
}
div.touch-controls a.on span.int-filter {
    opacity: 1;
}

div.touch-controls a.radio span {
    padding: 0 12px 0 14px;
}

div.touch-controls a img {
    display: inline-block;
    float: right;
    position: relative;
    top: 6px;
    right: 15px;
    width: 20px;
}

body#brand div.touch-controls a img {
    right: 16px;
    width: 20px;
}

.toggle-visual-mentions {
    width: 28px;
    height: 28px;
    position: relative;
    background-color: #2ca24f;
    float: left;
    border-radius: 5px;
    white-space: nowrap;
    margin-top: 4px;
}

.toggle-visual-mentions input[type='checkbox'] {
    visibility: hidden;
}

.toggle-visual-mentions input[type='checkbox']:checked + label:after {
    background-color: #2ca24f;
    opacity: 1;
}

.toggle-visual-mentions label {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #fff;
    border-radius: 4px;
}

.toggle-visual-mentions label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fff;
    top: 4px;
    left: 4px;
    border-radius: 4px;
}

.toggle-visual-mentions label:hover:after {
    background-color: #2ca24f;
    opacity: 0.25;
}

@media (max-width: 480px) {
    body#tops-trends div#breadcrumb {
        display: none;
    }

    div#isotope-controls {
        padding-top: 60px;
    }

    div.touch-controls {
        max-width: 290px;
    }

    span.control-label {
        display: none;
    }
}
/************** END controls.css **************/

/************** START emoji.css **************/

.emoji {
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin-top: 1px;
    *margin-right: 0.3em;
    width: 26px;
    height: 26px;
    line-height: 26px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(../../img/emoji-apple-32.png);
    background-position: 26px 26px;
}
.emoji-0023-20e3 {
    background-position: -0px -26px;
}
.emoji-0030-20e3 {
    background-position: -0px -52px;
}
.emoji-0031-20e3 {
    background-position: -0px -78px;
}
.emoji-0032-20e3 {
    background-position: -0px -104px;
}
.emoji-0033-20e3 {
    background-position: -0px -130px;
}
.emoji-0034-20e3 {
    background-position: -0px -156px;
}
.emoji-0035-20e3 {
    background-position: -0px -182px;
}
.emoji-0036-20e3 {
    background-position: -0px -208px;
}
.emoji-0037-20e3 {
    background-position: -0px -234px;
}
.emoji-0038-20e3 {
    background-position: -0px -260px;
}
.emoji-0039-20e3 {
    background-position: -0px -286px;
}
.emoji-00a9 {
    background-position: -0px -312px;
}
.emoji-00ae {
    background-position: -0px -338px;
}
.emoji-1f004 {
    background-position: -0px -364px;
}
.emoji-1f0cf {
    background-position: -0px -390px;
}
.emoji-1f170 {
    background-position: -0px -416px;
}
.emoji-1f171 {
    background-position: -0px -442px;
}
.emoji-1f17e {
    background-position: -0px -468px;
}
.emoji-1f17f {
    background-position: -0px -494px;
}
.emoji-1f18e {
    background-position: -0px -520px;
}
.emoji-1f191 {
    background-position: -0px -546px;
}
.emoji-1f192 {
    background-position: -0px -572px;
}
.emoji-1f193 {
    background-position: -0px -598px;
}
.emoji-1f194 {
    background-position: -0px -624px;
}
.emoji-1f195 {
    background-position: -0px -650px;
}
.emoji-1f196 {
    background-position: -0px -676px;
}
.emoji-1f197 {
    background-position: -0px -702px;
}
.emoji-1f198 {
    background-position: -0px -728px;
}
.emoji-1f199 {
    background-position: -0px -754px;
}
.emoji-1f19a {
    background-position: -0px -780px;
}
.emoji-1f1e8-1f1f3 {
    background-position: -0px -806px;
}
.emoji-1f1e9-1f1ea {
    background-position: -0px -832px;
}
.emoji-1f1ea-1f1f8 {
    background-position: -0px -858px;
}
.emoji-1f1eb-1f1f7 {
    background-position: -0px -884px;
}
.emoji-1f1ec-1f1e7 {
    background-position: -0px -910px;
}
.emoji-1f1ee-1f1f9 {
    background-position: -0px -936px;
}
.emoji-1f1ef-1f1f5 {
    background-position: -0px -962px;
}
.emoji-1f1f0-1f1f7 {
    background-position: -0px -988px;
}
.emoji-1f1f7-1f1fa {
    background-position: -0px -1014px;
}
.emoji-1f1fa-1f1f8 {
    background-position: -0px -1040px;
}
.emoji-1f201 {
    background-position: -0px -1066px;
}
.emoji-1f202 {
    background-position: -0px -1092px;
}
.emoji-1f21a {
    background-position: -0px -1118px;
}
.emoji-1f22f {
    background-position: -0px -1144px;
}
.emoji-1f232 {
    background-position: -0px -1170px;
}
.emoji-1f233 {
    background-position: -0px -1196px;
}
.emoji-1f234 {
    background-position: -0px -1222px;
}
.emoji-1f235 {
    background-position: -0px -1248px;
}
.emoji-1f236 {
    background-position: -0px -1274px;
}
.emoji-1f237 {
    background-position: -0px -1300px;
}
.emoji-1f238 {
    background-position: -0px -1326px;
}
.emoji-1f239 {
    background-position: -0px -1352px;
}
.emoji-1f23a {
    background-position: -0px -1378px;
}
.emoji-1f250 {
    background-position: -0px -1404px;
}
.emoji-1f251 {
    background-position: -0px -1430px;
}
.emoji-1f300 {
    background-position: -0px -1456px;
}
.emoji-1f301 {
    background-position: -0px -1482px;
}
.emoji-1f302 {
    background-position: -0px -1508px;
}
.emoji-1f303 {
    background-position: -0px -1534px;
}
.emoji-1f304 {
    background-position: -0px -1560px;
}
.emoji-1f305 {
    background-position: -0px -1586px;
}
.emoji-1f306 {
    background-position: -0px -1612px;
}
.emoji-1f307 {
    background-position: -0px -1638px;
}
.emoji-1f308 {
    background-position: -0px -1664px;
}
.emoji-1f309 {
    background-position: -0px -1690px;
}
.emoji-1f30a {
    background-position: -0px -1716px;
}
.emoji-1f30b {
    background-position: -0px -1742px;
}
.emoji-1f30c {
    background-position: -0px -1768px;
}
.emoji-1f30d {
    background-position: -0px -1794px;
}
.emoji-1f30e {
    background-position: -0px -1820px;
}
.emoji-1f30f {
    background-position: -0px -1846px;
}
.emoji-1f310 {
    background-position: -0px -1872px;
}
.emoji-1f311 {
    background-position: -0px -1898px;
}
.emoji-1f312 {
    background-position: -0px -1924px;
}
.emoji-1f313 {
    background-position: -0px -1950px;
}
.emoji-1f314 {
    background-position: -0px -1976px;
}
.emoji-1f315 {
    background-position: -0px -2002px;
}
.emoji-1f316 {
    background-position: -0px -2028px;
}
.emoji-1f317 {
    background-position: -0px -2054px;
}
.emoji-1f318 {
    background-position: -0px -2080px;
}
.emoji-1f319 {
    background-position: -0px -2106px;
}
.emoji-1f31a {
    background-position: -0px -2132px;
}
.emoji-1f31b {
    background-position: -0px -2158px;
}
.emoji-1f31c {
    background-position: -0px -2184px;
}
.emoji-1f31d {
    background-position: -0px -2210px;
}
.emoji-1f31e {
    background-position: -0px -2236px;
}
.emoji-1f31f {
    background-position: -0px -2262px;
}
.emoji-1f330 {
    background-position: -0px -2288px;
}
.emoji-1f331 {
    background-position: -0px -2314px;
}
.emoji-1f332 {
    background-position: -0px -2340px;
}
.emoji-1f333 {
    background-position: -0px -2366px;
}
.emoji-1f334 {
    background-position: -0px -2392px;
}
.emoji-1f335 {
    background-position: -0px -2418px;
}
.emoji-1f337 {
    background-position: -0px -2444px;
}
.emoji-1f338 {
    background-position: -0px -2470px;
}
.emoji-1f339 {
    background-position: -0px -2496px;
}
.emoji-1f33a {
    background-position: -0px -2522px;
}
.emoji-1f33b {
    background-position: -0px -2548px;
}
.emoji-1f33c {
    background-position: -0px -2574px;
}
.emoji-1f33d {
    background-position: -0px -2600px;
}
.emoji-1f33e {
    background-position: -0px -2626px;
}
.emoji-1f33f {
    background-position: -0px -2652px;
}
.emoji-1f340 {
    background-position: -0px -2678px;
}
.emoji-1f341 {
    background-position: -0px -2704px;
}
.emoji-1f342 {
    background-position: -0px -2730px;
}
.emoji-1f343 {
    background-position: -0px -2756px;
}
.emoji-1f344 {
    background-position: -0px -2782px;
}
.emoji-1f345 {
    background-position: -0px -2808px;
}
.emoji-1f346 {
    background-position: -0px -2834px;
}
.emoji-1f347 {
    background-position: -0px -2860px;
}
.emoji-1f348 {
    background-position: -0px -2886px;
}
.emoji-1f349 {
    background-position: -0px -2912px;
}
.emoji-1f34a {
    background-position: -0px -2938px;
}
.emoji-1f34b {
    background-position: -0px -2964px;
}
.emoji-1f34c {
    background-position: -0px -2990px;
}
.emoji-1f34d {
    background-position: -0px -3016px;
}
.emoji-1f34e {
    background-position: -0px -3042px;
}
.emoji-1f34f {
    background-position: -0px -3068px;
}
.emoji-1f350 {
    background-position: -0px -3094px;
}
.emoji-1f351 {
    background-position: -0px -3120px;
}
.emoji-1f352 {
    background-position: -0px -3146px;
}
.emoji-1f353 {
    background-position: -0px -3172px;
}
.emoji-1f354 {
    background-position: -0px -3198px;
}
.emoji-1f355 {
    background-position: -0px -3224px;
}
.emoji-1f356 {
    background-position: -0px -3250px;
}
.emoji-1f357 {
    background-position: -0px -3276px;
}
.emoji-1f358 {
    background-position: -0px -3302px;
}
.emoji-1f359 {
    background-position: -0px -3328px;
}
.emoji-1f35a {
    background-position: -0px -3354px;
}
.emoji-1f35b {
    background-position: -0px -3380px;
}
.emoji-1f35c {
    background-position: -0px -3406px;
}
.emoji-1f35d {
    background-position: -0px -3432px;
}
.emoji-1f35e {
    background-position: -0px -3458px;
}
.emoji-1f35f {
    background-position: -0px -3484px;
}
.emoji-1f360 {
    background-position: -0px -3510px;
}
.emoji-1f361 {
    background-position: -0px -3536px;
}
.emoji-1f362 {
    background-position: -0px -3562px;
}
.emoji-1f363 {
    background-position: -0px -3588px;
}
.emoji-1f364 {
    background-position: -0px -3614px;
}
.emoji-1f365 {
    background-position: -0px -3640px;
}
.emoji-1f366 {
    background-position: -0px -3666px;
}
.emoji-1f367 {
    background-position: -0px -3692px;
}
.emoji-1f368 {
    background-position: -0px -3718px;
}
.emoji-1f369 {
    background-position: -0px -3744px;
}
.emoji-1f36a {
    background-position: -0px -3770px;
}
.emoji-1f36b {
    background-position: -0px -3796px;
}
.emoji-1f36c {
    background-position: -0px -3822px;
}
.emoji-1f36d {
    background-position: -0px -3848px;
}
.emoji-1f36e {
    background-position: -0px -3874px;
}
.emoji-1f36f {
    background-position: -0px -3900px;
}
.emoji-1f370 {
    background-position: -0px -3926px;
}
.emoji-1f371 {
    background-position: -0px -3952px;
}
.emoji-1f372 {
    background-position: -0px -3978px;
}
.emoji-1f373 {
    background-position: -0px -4004px;
}
.emoji-1f374 {
    background-position: -0px -4030px;
}
.emoji-1f375 {
    background-position: -0px -4056px;
}
.emoji-1f376 {
    background-position: -0px -4082px;
}
.emoji-1f377 {
    background-position: -0px -4108px;
}
.emoji-1f378 {
    background-position: -0px -4134px;
}
.emoji-1f379 {
    background-position: -0px -4160px;
}
.emoji-1f37a {
    background-position: -0px -4186px;
}
.emoji-1f37b {
    background-position: -0px -4212px;
}
.emoji-1f37c {
    background-position: -0px -4238px;
}
.emoji-1f380 {
    background-position: -0px -4264px;
}
.emoji-1f381 {
    background-position: -0px -4290px;
}
.emoji-1f382 {
    background-position: -0px -4316px;
}
.emoji-1f383 {
    background-position: -0px -4342px;
}
.emoji-1f384 {
    background-position: -0px -4368px;
}
.emoji-1f385 {
    background-position: -0px -4394px;
}
.emoji-1f386 {
    background-position: -0px -4420px;
}
.emoji-1f387 {
    background-position: -0px -4446px;
}
.emoji-1f388 {
    background-position: -0px -4472px;
}
.emoji-1f389 {
    background-position: -0px -4498px;
}
.emoji-1f38a {
    background-position: -0px -4524px;
}
.emoji-1f38b {
    background-position: -0px -4550px;
}
.emoji-1f38c {
    background-position: -0px -4576px;
}
.emoji-1f38d {
    background-position: -0px -4602px;
}
.emoji-1f38e {
    background-position: -0px -4628px;
}
.emoji-1f38f {
    background-position: -0px -4654px;
}
.emoji-1f390 {
    background-position: -0px -4680px;
}
.emoji-1f391 {
    background-position: -0px -4706px;
}
.emoji-1f392 {
    background-position: -0px -4732px;
}
.emoji-1f393 {
    background-position: -0px -4758px;
}
.emoji-1f3a0 {
    background-position: -0px -4784px;
}
.emoji-1f3a1 {
    background-position: -0px -4810px;
}
.emoji-1f3a2 {
    background-position: -0px -4836px;
}
.emoji-1f3a3 {
    background-position: -0px -4862px;
}
.emoji-1f3a4 {
    background-position: -0px -4888px;
}
.emoji-1f3a5 {
    background-position: -0px -4914px;
}
.emoji-1f3a6 {
    background-position: -0px -4940px;
}
.emoji-1f3a7 {
    background-position: -0px -4966px;
}
.emoji-1f3a8 {
    background-position: -0px -4992px;
}
.emoji-1f3a9 {
    background-position: -0px -5018px;
}
.emoji-1f3aa {
    background-position: -0px -5044px;
}
.emoji-1f3ab {
    background-position: -0px -5070px;
}
.emoji-1f3ac {
    background-position: -0px -5096px;
}
.emoji-1f3ad {
    background-position: -0px -5122px;
}
.emoji-1f3ae {
    background-position: -0px -5148px;
}
.emoji-1f3af {
    background-position: -0px -5174px;
}
.emoji-1f3b0 {
    background-position: -0px -5200px;
}
.emoji-1f3b1 {
    background-position: -0px -5226px;
}
.emoji-1f3b2 {
    background-position: -0px -5252px;
}
.emoji-1f3b3 {
    background-position: -0px -5278px;
}
.emoji-1f3b4 {
    background-position: -0px -5304px;
}
.emoji-1f3b5 {
    background-position: -0px -5330px;
}
.emoji-1f3b6 {
    background-position: -0px -5356px;
}
.emoji-1f3b7 {
    background-position: -0px -5382px;
}
.emoji-1f3b8 {
    background-position: -0px -5408px;
}
.emoji-1f3b9 {
    background-position: -0px -5434px;
}
.emoji-1f3ba {
    background-position: -0px -5460px;
}
.emoji-1f3bb {
    background-position: -0px -5486px;
}
.emoji-1f3bc {
    background-position: -0px -5512px;
}
.emoji-1f3bd {
    background-position: -0px -5538px;
}
.emoji-1f3be {
    background-position: -0px -5564px;
}
.emoji-1f3bf {
    background-position: -0px -5590px;
}
.emoji-1f3c0 {
    background-position: -0px -5616px;
}
.emoji-1f3c1 {
    background-position: -0px -5642px;
}
.emoji-1f3c2 {
    background-position: -0px -5668px;
}
.emoji-1f3c3 {
    background-position: -0px -5694px;
}
.emoji-1f3c4 {
    background-position: -0px -5720px;
}
.emoji-1f3c6 {
    background-position: -0px -5746px;
}
.emoji-1f3c7 {
    background-position: -0px -5772px;
}
.emoji-1f3c8 {
    background-position: -0px -5798px;
}
.emoji-1f3c9 {
    background-position: -0px -5824px;
}
.emoji-1f3ca {
    background-position: -0px -5850px;
}
.emoji-1f3e0 {
    background-position: -0px -5876px;
}
.emoji-1f3e1 {
    background-position: -0px -5902px;
}
.emoji-1f3e2 {
    background-position: -0px -5928px;
}
.emoji-1f3e3 {
    background-position: -0px -5954px;
}
.emoji-1f3e4 {
    background-position: -0px -5980px;
}
.emoji-1f3e5 {
    background-position: -0px -6006px;
}
.emoji-1f3e6 {
    background-position: -0px -6032px;
}
.emoji-1f3e7 {
    background-position: -0px -6058px;
}
.emoji-1f3e8 {
    background-position: -0px -6084px;
}
.emoji-1f3e9 {
    background-position: -0px -6110px;
}
.emoji-1f3ea {
    background-position: -0px -6136px;
}
.emoji-1f3eb {
    background-position: -0px -6162px;
}
.emoji-1f3ec {
    background-position: -0px -6188px;
}
.emoji-1f3ed {
    background-position: -0px -6214px;
}
.emoji-1f3ee {
    background-position: -0px -6240px;
}
.emoji-1f3ef {
    background-position: -0px -6266px;
}
.emoji-1f3f0 {
    background-position: -0px -6292px;
}
.emoji-1f400 {
    background-position: -0px -6318px;
}
.emoji-1f401 {
    background-position: -0px -6344px;
}
.emoji-1f402 {
    background-position: -0px -6370px;
}
.emoji-1f403 {
    background-position: -0px -6396px;
}
.emoji-1f404 {
    background-position: -0px -6422px;
}
.emoji-1f405 {
    background-position: -0px -6448px;
}
.emoji-1f406 {
    background-position: -0px -6474px;
}
.emoji-1f407 {
    background-position: -0px -6500px;
}
.emoji-1f408 {
    background-position: -0px -6526px;
}
.emoji-1f409 {
    background-position: -0px -6552px;
}
.emoji-1f40a {
    background-position: -0px -6578px;
}
.emoji-1f40b {
    background-position: -0px -6604px;
}
.emoji-1f40c {
    background-position: -0px -6630px;
}
.emoji-1f40d {
    background-position: -0px -6656px;
}
.emoji-1f40e {
    background-position: -0px -6682px;
}
.emoji-1f40f {
    background-position: -0px -6708px;
}
.emoji-1f410 {
    background-position: -0px -6734px;
}
.emoji-1f411 {
    background-position: -0px -6760px;
}
.emoji-1f412 {
    background-position: -0px -6786px;
}
.emoji-1f413 {
    background-position: -0px -6812px;
}
.emoji-1f414 {
    background-position: -0px -6838px;
}
.emoji-1f415 {
    background-position: -0px -6864px;
}
.emoji-1f416 {
    background-position: -0px -6890px;
}
.emoji-1f417 {
    background-position: -0px -6916px;
}
.emoji-1f418 {
    background-position: -0px -6942px;
}
.emoji-1f419 {
    background-position: -0px -6968px;
}
.emoji-1f41a {
    background-position: -0px -6994px;
}
.emoji-1f41b {
    background-position: -0px -7020px;
}
.emoji-1f41c {
    background-position: -0px -7046px;
}
.emoji-1f41d {
    background-position: -0px -7072px;
}
.emoji-1f41e {
    background-position: -0px -7098px;
}
.emoji-1f41f {
    background-position: -0px -7124px;
}
.emoji-1f420 {
    background-position: -0px -7150px;
}
.emoji-1f421 {
    background-position: -0px -7176px;
}
.emoji-1f422 {
    background-position: -0px -7202px;
}
.emoji-1f423 {
    background-position: -0px -7228px;
}
.emoji-1f424 {
    background-position: -0px -7254px;
}
.emoji-1f425 {
    background-position: -0px -7280px;
}
.emoji-1f426 {
    background-position: -0px -7306px;
}
.emoji-1f427 {
    background-position: -0px -7332px;
}
.emoji-1f428 {
    background-position: -0px -7358px;
}
.emoji-1f429 {
    background-position: -0px -7384px;
}
.emoji-1f42a {
    background-position: -0px -7410px;
}
.emoji-1f42b {
    background-position: -0px -7436px;
}
.emoji-1f42c {
    background-position: -0px -7462px;
}
.emoji-1f42d {
    background-position: -0px -7488px;
}
.emoji-1f42e {
    background-position: -0px -7514px;
}
.emoji-1f42f {
    background-position: -0px -7540px;
}
.emoji-1f430 {
    background-position: -0px -7566px;
}
.emoji-1f431 {
    background-position: -0px -7592px;
}
.emoji-1f432 {
    background-position: -0px -7618px;
}
.emoji-1f433 {
    background-position: -0px -7644px;
}
.emoji-1f434 {
    background-position: -0px -7670px;
}
.emoji-1f435 {
    background-position: -0px -7696px;
}
.emoji-1f436 {
    background-position: -0px -7722px;
}
.emoji-1f437 {
    background-position: -0px -7748px;
}
.emoji-1f438 {
    background-position: -0px -7774px;
}
.emoji-1f439 {
    background-position: -0px -7800px;
}
.emoji-1f43a {
    background-position: -0px -7826px;
}
.emoji-1f43b {
    background-position: -0px -7852px;
}
.emoji-1f43c {
    background-position: -0px -7878px;
}
.emoji-1f43d {
    background-position: -0px -7904px;
}
.emoji-1f43e {
    background-position: -0px -7930px;
}
.emoji-1f440 {
    background-position: -0px -7956px;
}
.emoji-1f442 {
    background-position: -0px -7982px;
}
.emoji-1f443 {
    background-position: -0px -8008px;
}
.emoji-1f444 {
    background-position: -0px -8034px;
}
.emoji-1f445 {
    background-position: -0px -8060px;
}
.emoji-1f446 {
    background-position: -0px -8086px;
}
.emoji-1f447 {
    background-position: -0px -8112px;
}
.emoji-1f448 {
    background-position: -0px -8138px;
}
.emoji-1f449 {
    background-position: -0px -8164px;
}
.emoji-1f44a {
    background-position: -0px -8190px;
}
.emoji-1f44b {
    background-position: -0px -8216px;
}
.emoji-1f44c {
    background-position: -0px -8242px;
}
.emoji-1f44d {
    background-position: -0px -8268px;
}
.emoji-1f44e {
    background-position: -0px -8294px;
}
.emoji-1f44f {
    background-position: -0px -8320px;
}
.emoji-1f450 {
    background-position: -0px -8346px;
}
.emoji-1f451 {
    background-position: -0px -8372px;
}
.emoji-1f452 {
    background-position: -0px -8398px;
}
.emoji-1f453 {
    background-position: -0px -8424px;
}
.emoji-1f454 {
    background-position: -0px -8450px;
}
.emoji-1f455 {
    background-position: -0px -8476px;
}
.emoji-1f456 {
    background-position: -0px -8502px;
}
.emoji-1f457 {
    background-position: -0px -8528px;
}
.emoji-1f458 {
    background-position: -0px -8554px;
}
.emoji-1f459 {
    background-position: -0px -8580px;
}
.emoji-1f45a {
    background-position: -0px -8606px;
}
.emoji-1f45b {
    background-position: -0px -8632px;
}
.emoji-1f45c {
    background-position: -0px -8658px;
}
.emoji-1f45d {
    background-position: -0px -8684px;
}
.emoji-1f45e {
    background-position: -0px -8710px;
}
.emoji-1f45f {
    background-position: -0px -8736px;
}
.emoji-1f460 {
    background-position: -0px -8762px;
}
.emoji-1f461 {
    background-position: -0px -8788px;
}
.emoji-1f462 {
    background-position: -0px -8814px;
}
.emoji-1f463 {
    background-position: -0px -8840px;
}
.emoji-1f464 {
    background-position: -0px -8866px;
}
.emoji-1f465 {
    background-position: -0px -8892px;
}
.emoji-1f466 {
    background-position: -0px -8918px;
}
.emoji-1f467 {
    background-position: -0px -8944px;
}
.emoji-1f468 {
    background-position: -0px -8970px;
}
.emoji-1f469 {
    background-position: -0px -8996px;
}
.emoji-1f46a {
    background-position: -0px -9022px;
}
.emoji-1f46b {
    background-position: -0px -9048px;
}
.emoji-1f46c {
    background-position: -0px -9074px;
}
.emoji-1f46d {
    background-position: -0px -9100px;
}
.emoji-1f46e {
    background-position: -0px -9126px;
}
.emoji-1f46f {
    background-position: -0px -9152px;
}
.emoji-1f470 {
    background-position: -0px -9178px;
}
.emoji-1f471 {
    background-position: -0px -9204px;
}
.emoji-1f472 {
    background-position: -0px -9230px;
}
.emoji-1f473 {
    background-position: -0px -9256px;
}
.emoji-1f474 {
    background-position: -0px -9282px;
}
.emoji-1f475 {
    background-position: -0px -9308px;
}
.emoji-1f476 {
    background-position: -0px -9334px;
}
.emoji-1f477 {
    background-position: -0px -9360px;
}
.emoji-1f478 {
    background-position: -0px -9386px;
}
.emoji-1f479 {
    background-position: -0px -9412px;
}
.emoji-1f47a {
    background-position: -0px -9438px;
}
.emoji-1f47b {
    background-position: -0px -9464px;
}
.emoji-1f47c {
    background-position: -0px -9490px;
}
.emoji-1f47d {
    background-position: -0px -9516px;
}
.emoji-1f47e {
    background-position: -0px -9542px;
}
.emoji-1f47f {
    background-position: -0px -9568px;
}
.emoji-1f480 {
    background-position: -0px -9594px;
}
.emoji-1f481 {
    background-position: -0px -9620px;
}
.emoji-1f482 {
    background-position: -0px -9646px;
}
.emoji-1f483 {
    background-position: -0px -9672px;
}
.emoji-1f484 {
    background-position: -0px -9698px;
}
.emoji-1f485 {
    background-position: -0px -9724px;
}
.emoji-1f486 {
    background-position: -0px -9750px;
}
.emoji-1f487 {
    background-position: -0px -9776px;
}
.emoji-1f488 {
    background-position: -0px -9802px;
}
.emoji-1f489 {
    background-position: -0px -9828px;
}
.emoji-1f48a {
    background-position: -0px -9854px;
}
.emoji-1f48b {
    background-position: -0px -9880px;
}
.emoji-1f48c {
    background-position: -0px -9906px;
}
.emoji-1f48d {
    background-position: -0px -9932px;
}
.emoji-1f48e {
    background-position: -0px -9958px;
}
.emoji-1f48f {
    background-position: -0px -9984px;
}
.emoji-1f490 {
    background-position: -0px -10010px;
}
.emoji-1f491 {
    background-position: -0px -10036px;
}
.emoji-1f492 {
    background-position: -0px -10062px;
}
.emoji-1f493 {
    background-position: -0px -10088px;
}
.emoji-1f494 {
    background-position: -0px -10114px;
}
.emoji-1f495 {
    background-position: -0px -10140px;
}
.emoji-1f496 {
    background-position: -0px -10166px;
}
.emoji-1f497 {
    background-position: -0px -10192px;
}
.emoji-1f498 {
    background-position: -0px -10218px;
}
.emoji-1f499 {
    background-position: -0px -10244px;
}
.emoji-1f49a {
    background-position: -0px -10270px;
}
.emoji-1f49b {
    background-position: -0px -10296px;
}
.emoji-1f49c {
    background-position: -0px -10322px;
}
.emoji-1f49d {
    background-position: -0px -10348px;
}
.emoji-1f49e {
    background-position: -0px -10374px;
}
.emoji-1f49f {
    background-position: -0px -10400px;
}
.emoji-1f4a0 {
    background-position: -0px -10426px;
}
.emoji-1f4a1 {
    background-position: -0px -10452px;
}
.emoji-1f4a2 {
    background-position: -0px -10478px;
}
.emoji-1f4a3 {
    background-position: -0px -10504px;
}
.emoji-1f4a4 {
    background-position: -0px -10530px;
}
.emoji-1f4a5 {
    background-position: -0px -10556px;
}
.emoji-1f4a6 {
    background-position: -0px -10582px;
}
.emoji-1f4a7 {
    background-position: -0px -10608px;
}
.emoji-1f4a8 {
    background-position: -0px -10634px;
}
.emoji-1f4a9 {
    background-position: -0px -10660px;
}
.emoji-1f4aa {
    background-position: -0px -10686px;
}
.emoji-1f4ab {
    background-position: -0px -10712px;
}
.emoji-1f4ac {
    background-position: -0px -10738px;
}
.emoji-1f4ad {
    background-position: -0px -10764px;
}
.emoji-1f4ae {
    background-position: -0px -10790px;
}
.emoji-1f4af {
    background-position: -0px -10816px;
}
.emoji-1f4b0 {
    background-position: -0px -10842px;
}
.emoji-1f4b1 {
    background-position: -0px -10868px;
}
.emoji-1f4b2 {
    background-position: -0px -10894px;
}
.emoji-1f4b3 {
    background-position: -0px -10920px;
}
.emoji-1f4b4 {
    background-position: -0px -10946px;
}
.emoji-1f4b5 {
    background-position: -0px -10972px;
}
.emoji-1f4b6 {
    background-position: -0px -10998px;
}
.emoji-1f4b7 {
    background-position: -0px -11024px;
}
.emoji-1f4b8 {
    background-position: -0px -11050px;
}
.emoji-1f4b9 {
    background-position: -0px -11076px;
}
.emoji-1f4ba {
    background-position: -0px -11102px;
}
.emoji-1f4bb {
    background-position: -0px -11128px;
}
.emoji-1f4bc {
    background-position: -0px -11154px;
}
.emoji-1f4bd {
    background-position: -0px -11180px;
}
.emoji-1f4be {
    background-position: -0px -11206px;
}
.emoji-1f4bf {
    background-position: -0px -11232px;
}
.emoji-1f4c0 {
    background-position: -0px -11258px;
}
.emoji-1f4c1 {
    background-position: -0px -11284px;
}
.emoji-1f4c2 {
    background-position: -0px -11310px;
}
.emoji-1f4c3 {
    background-position: -0px -11336px;
}
.emoji-1f4c4 {
    background-position: -0px -11362px;
}
.emoji-1f4c5 {
    background-position: -0px -11388px;
}
.emoji-1f4c6 {
    background-position: -0px -11414px;
}
.emoji-1f4c7 {
    background-position: -0px -11440px;
}
.emoji-1f4c8 {
    background-position: -0px -11466px;
}
.emoji-1f4c9 {
    background-position: -0px -11492px;
}
.emoji-1f4ca {
    background-position: -0px -11518px;
}
.emoji-1f4cb {
    background-position: -0px -11544px;
}
.emoji-1f4cc {
    background-position: -0px -11570px;
}
.emoji-1f4cd {
    background-position: -0px -11596px;
}
.emoji-1f4ce {
    background-position: -0px -11622px;
}
.emoji-1f4cf {
    background-position: -0px -11648px;
}
.emoji-1f4d0 {
    background-position: -0px -11674px;
}
.emoji-1f4d1 {
    background-position: -0px -11700px;
}
.emoji-1f4d2 {
    background-position: -0px -11726px;
}
.emoji-1f4d3 {
    background-position: -0px -11752px;
}
.emoji-1f4d4 {
    background-position: -0px -11778px;
}
.emoji-1f4d5 {
    background-position: -0px -11804px;
}
.emoji-1f4d6 {
    background-position: -0px -11830px;
}
.emoji-1f4d7 {
    background-position: -0px -11856px;
}
.emoji-1f4d8 {
    background-position: -0px -11882px;
}
.emoji-1f4d9 {
    background-position: -0px -11908px;
}
.emoji-1f4da {
    background-position: -0px -11934px;
}
.emoji-1f4db {
    background-position: -0px -11960px;
}
.emoji-1f4dc {
    background-position: -0px -11986px;
}
.emoji-1f4dd {
    background-position: -0px -12012px;
}
.emoji-1f4de {
    background-position: -0px -12038px;
}
.emoji-1f4df {
    background-position: -0px -12064px;
}
.emoji-1f4e0 {
    background-position: -0px -12090px;
}
.emoji-1f4e1 {
    background-position: -0px -12116px;
}
.emoji-1f4e2 {
    background-position: -0px -12142px;
}
.emoji-1f4e3 {
    background-position: -0px -12168px;
}
.emoji-1f4e4 {
    background-position: -0px -12194px;
}
.emoji-1f4e5 {
    background-position: -0px -12220px;
}
.emoji-1f4e6 {
    background-position: -0px -12246px;
}
.emoji-1f4e7 {
    background-position: -0px -12272px;
}
.emoji-1f4e8 {
    background-position: -0px -12298px;
}
.emoji-1f4e9 {
    background-position: -0px -12324px;
}
.emoji-1f4ea {
    background-position: -0px -12350px;
}
.emoji-1f4eb {
    background-position: -0px -12376px;
}
.emoji-1f4ec {
    background-position: -0px -12402px;
}
.emoji-1f4ed {
    background-position: -0px -12428px;
}
.emoji-1f4ee {
    background-position: -0px -12454px;
}
.emoji-1f4ef {
    background-position: -0px -12480px;
}
.emoji-1f4f0 {
    background-position: -0px -12506px;
}
.emoji-1f4f1 {
    background-position: -0px -12532px;
}
.emoji-1f4f2 {
    background-position: -0px -12558px;
}
.emoji-1f4f3 {
    background-position: -0px -12584px;
}
.emoji-1f4f4 {
    background-position: -0px -12610px;
}
.emoji-1f4f5 {
    background-position: -0px -12636px;
}
.emoji-1f4f6 {
    background-position: -0px -12662px;
}
.emoji-1f4f7 {
    background-position: -0px -12688px;
}
.emoji-1f4f9 {
    background-position: -0px -12714px;
}
.emoji-1f4fa {
    background-position: -0px -12740px;
}
.emoji-1f4fb {
    background-position: -0px -12766px;
}
.emoji-1f4fc {
    background-position: -0px -12792px;
}
.emoji-1f500 {
    background-position: -0px -12818px;
}
.emoji-1f501 {
    background-position: -0px -12844px;
}
.emoji-1f502 {
    background-position: -0px -12870px;
}
.emoji-1f503 {
    background-position: -0px -12896px;
}
.emoji-1f504 {
    background-position: -0px -12922px;
}
.emoji-1f505 {
    background-position: -0px -12948px;
}
.emoji-1f506 {
    background-position: -0px -12974px;
}
.emoji-1f507 {
    background-position: -0px -13000px;
}
.emoji-1f509 {
    background-position: -0px -13026px;
}
.emoji-1f50a {
    background-position: -0px -13052px;
}
.emoji-1f50b {
    background-position: -0px -13078px;
}
.emoji-1f50c {
    background-position: -0px -13104px;
}
.emoji-1f50d {
    background-position: -0px -13130px;
}
.emoji-1f50e {
    background-position: -0px -13156px;
}
.emoji-1f50f {
    background-position: -0px -13182px;
}
.emoji-1f510 {
    background-position: -0px -13208px;
}
.emoji-1f511 {
    background-position: -0px -13234px;
}
.emoji-1f512 {
    background-position: -0px -13260px;
}
.emoji-1f513 {
    background-position: -0px -13286px;
}
.emoji-1f514 {
    background-position: -0px -13312px;
}
.emoji-1f515 {
    background-position: -0px -13338px;
}
.emoji-1f516 {
    background-position: -0px -13364px;
}
.emoji-1f517 {
    background-position: -0px -13390px;
}
.emoji-1f518 {
    background-position: -0px -13416px;
}
.emoji-1f519 {
    background-position: -0px -13442px;
}
.emoji-1f51a {
    background-position: -0px -13468px;
}
.emoji-1f51b {
    background-position: -0px -13494px;
}
.emoji-1f51c {
    background-position: -0px -13520px;
}
.emoji-1f51d {
    background-position: -0px -13546px;
}
.emoji-1f51e {
    background-position: -0px -13572px;
}
.emoji-1f51f {
    background-position: -0px -13598px;
}
.emoji-1f520 {
    background-position: -0px -13624px;
}
.emoji-1f521 {
    background-position: -0px -13650px;
}
.emoji-1f522 {
    background-position: -0px -13676px;
}
.emoji-1f523 {
    background-position: -0px -13702px;
}
.emoji-1f524 {
    background-position: -0px -13728px;
}
.emoji-1f525 {
    background-position: -0px -13754px;
}
.emoji-1f526 {
    background-position: -0px -13780px;
}
.emoji-1f527 {
    background-position: -0px -13806px;
}
.emoji-1f528 {
    background-position: -0px -13832px;
}
.emoji-1f529 {
    background-position: -0px -13858px;
}
.emoji-1f52a {
    background-position: -0px -13884px;
}
.emoji-1f52b {
    background-position: -0px -13910px;
}
.emoji-1f52c {
    background-position: -0px -13936px;
}
.emoji-1f52d {
    background-position: -0px -13962px;
}
.emoji-1f52e {
    background-position: -0px -13988px;
}
.emoji-1f52f {
    background-position: -0px -14014px;
}
.emoji-1f530 {
    background-position: -0px -14040px;
}
.emoji-1f531 {
    background-position: -0px -14066px;
}
.emoji-1f532 {
    background-position: -0px -14092px;
}
.emoji-1f533 {
    background-position: -0px -14118px;
}
.emoji-1f534 {
    background-position: -0px -14144px;
}
.emoji-1f535 {
    background-position: -0px -14170px;
}
.emoji-1f536 {
    background-position: -0px -14196px;
}
.emoji-1f537 {
    background-position: -0px -14222px;
}
.emoji-1f538 {
    background-position: -0px -14248px;
}
.emoji-1f539 {
    background-position: -0px -14274px;
}
.emoji-1f53a {
    background-position: -0px -14300px;
}
.emoji-1f53b {
    background-position: -0px -14326px;
}
.emoji-1f53c {
    background-position: -0px -14352px;
}
.emoji-1f53d {
    background-position: -0px -14378px;
}
.emoji-1f550 {
    background-position: -0px -14404px;
}
.emoji-1f551 {
    background-position: -0px -14430px;
}
.emoji-1f552 {
    background-position: -0px -14456px;
}
.emoji-1f553 {
    background-position: -0px -14482px;
}
.emoji-1f554 {
    background-position: -0px -14508px;
}
.emoji-1f555 {
    background-position: -0px -14534px;
}
.emoji-1f556 {
    background-position: -0px -14560px;
}
.emoji-1f557 {
    background-position: -0px -14586px;
}
.emoji-1f558 {
    background-position: -0px -14612px;
}
.emoji-1f559 {
    background-position: -0px -14638px;
}
.emoji-1f55a {
    background-position: -0px -14664px;
}
.emoji-1f55b {
    background-position: -0px -14690px;
}
.emoji-1f55c {
    background-position: -0px -14716px;
}
.emoji-1f55d {
    background-position: -0px -14742px;
}
.emoji-1f55e {
    background-position: -0px -14768px;
}
.emoji-1f55f {
    background-position: -0px -14794px;
}
.emoji-1f560 {
    background-position: -0px -14820px;
}
.emoji-1f561 {
    background-position: -0px -14846px;
}
.emoji-1f562 {
    background-position: -0px -14872px;
}
.emoji-1f563 {
    background-position: -0px -14898px;
}
.emoji-1f564 {
    background-position: -0px -14924px;
}
.emoji-1f565 {
    background-position: -0px -14950px;
}
.emoji-1f566 {
    background-position: -0px -14976px;
}
.emoji-1f567 {
    background-position: -0px -15002px;
}
.emoji-1f5fb {
    background-position: -0px -15028px;
}
.emoji-1f5fc {
    background-position: -0px -15054px;
}
.emoji-1f5fd {
    background-position: -0px -15080px;
}
.emoji-1f5fe {
    background-position: -0px -15106px;
}
.emoji-1f5ff {
    background-position: -0px -15132px;
}
.emoji-1f600 {
    background-position: -0px -15158px;
}
.emoji-1f601 {
    background-position: -0px -15184px;
}
.emoji-1f602 {
    background-position: -0px -15210px;
}
.emoji-1f603 {
    background-position: -0px -15236px;
}
.emoji-1f604 {
    background-position: -0px -15262px;
}
.emoji-1f605 {
    background-position: -0px -15288px;
}
.emoji-1f606 {
    background-position: -0px -15314px;
}
.emoji-1f607 {
    background-position: -0px -15340px;
}
.emoji-1f608 {
    background-position: -0px -15366px;
}
.emoji-1f609 {
    background-position: -0px -15392px;
}
.emoji-1f60a {
    background-position: -0px -15418px;
}
.emoji-1f60b {
    background-position: -0px -15444px;
}
.emoji-1f60c {
    background-position: -0px -15470px;
}
.emoji-1f60d {
    background-position: -0px -15496px;
}
.emoji-1f60e {
    background-position: -0px -15522px;
}
.emoji-1f60f {
    background-position: -0px -15548px;
}
.emoji-1f610 {
    background-position: -0px -15574px;
}
.emoji-1f611 {
    background-position: -0px -15600px;
}
.emoji-1f612 {
    background-position: -0px -15626px;
}
.emoji-1f613 {
    background-position: -0px -15652px;
}
.emoji-1f614 {
    background-position: -0px -15678px;
}
.emoji-1f615 {
    background-position: -0px -15704px;
}
.emoji-1f616 {
    background-position: -0px -15730px;
}
.emoji-1f617 {
    background-position: -0px -15756px;
}
.emoji-1f618 {
    background-position: -0px -15782px;
}
.emoji-1f619 {
    background-position: -0px -15808px;
}
.emoji-1f61a {
    background-position: -0px -15834px;
}
.emoji-1f61b {
    background-position: -0px -15860px;
}
.emoji-1f61c {
    background-position: -0px -15886px;
}
.emoji-1f61d {
    background-position: -0px -15912px;
}
.emoji-1f61e {
    background-position: -0px -15938px;
}
.emoji-1f61f {
    background-position: -0px -15964px;
}
.emoji-1f620 {
    background-position: -0px -15990px;
}
.emoji-1f621 {
    background-position: -0px -16016px;
}
.emoji-1f622 {
    background-position: -0px -16042px;
}
.emoji-1f623 {
    background-position: -0px -16068px;
}
.emoji-1f624 {
    background-position: -0px -16094px;
}
.emoji-1f625 {
    background-position: -0px -16120px;
}
.emoji-1f626 {
    background-position: -0px -16146px;
}
.emoji-1f627 {
    background-position: -0px -16172px;
}
.emoji-1f628 {
    background-position: -0px -16198px;
}
.emoji-1f629 {
    background-position: -0px -16224px;
}
.emoji-1f62a {
    background-position: -0px -16250px;
}
.emoji-1f62b {
    background-position: -0px -16276px;
}
.emoji-1f62c {
    background-position: -0px -16302px;
}
.emoji-1f62d {
    background-position: -0px -16328px;
}
.emoji-1f62e {
    background-position: -0px -16354px;
}
.emoji-1f62f {
    background-position: -0px -16380px;
}
.emoji-1f630 {
    background-position: -0px -16406px;
}
.emoji-1f631 {
    background-position: -0px -16432px;
}
.emoji-1f632 {
    background-position: -0px -16458px;
}
.emoji-1f633 {
    background-position: -0px -16484px;
}
.emoji-1f634 {
    background-position: -0px -16510px;
}
.emoji-1f635 {
    background-position: -0px -16536px;
}
.emoji-1f636 {
    background-position: -0px -16562px;
}
.emoji-1f637 {
    background-position: -0px -16588px;
}
.emoji-1f638 {
    background-position: -0px -16614px;
}
.emoji-1f639 {
    background-position: -0px -16640px;
}
.emoji-1f63a {
    background-position: -0px -16666px;
}
.emoji-1f63b {
    background-position: -0px -16692px;
}
.emoji-1f63c {
    background-position: -0px -16718px;
}
.emoji-1f63d {
    background-position: -0px -16744px;
}
.emoji-1f63e {
    background-position: -0px -16770px;
}
.emoji-1f63f {
    background-position: -0px -16796px;
}
.emoji-1f640 {
    background-position: -0px -16822px;
}
.emoji-1f645 {
    background-position: -0px -16848px;
}
.emoji-1f646 {
    background-position: -0px -16874px;
}
.emoji-1f647 {
    background-position: -0px -16900px;
}
.emoji-1f648 {
    background-position: -0px -16926px;
}
.emoji-1f649 {
    background-position: -0px -16952px;
}
.emoji-1f64a {
    background-position: -0px -16978px;
}
.emoji-1f64b {
    background-position: -0px -17004px;
}
.emoji-1f64c {
    background-position: -0px -17030px;
}
.emoji-1f64d {
    background-position: -0px -17056px;
}
.emoji-1f64e {
    background-position: -0px -17082px;
}
.emoji-1f64f {
    background-position: -0px -17108px;
}
.emoji-1f680 {
    background-position: -0px -17134px;
}
.emoji-1f681 {
    background-position: -0px -17160px;
}
.emoji-1f682 {
    background-position: -0px -17186px;
}
.emoji-1f683 {
    background-position: -0px -17212px;
}
.emoji-1f684 {
    background-position: -0px -17238px;
}
.emoji-1f685 {
    background-position: -0px -17264px;
}
.emoji-1f686 {
    background-position: -0px -17290px;
}
.emoji-1f687 {
    background-position: -0px -17316px;
}
.emoji-1f688 {
    background-position: -0px -17342px;
}
.emoji-1f689 {
    background-position: -0px -17368px;
}
.emoji-1f68a {
    background-position: -0px -17394px;
}
.emoji-1f68c {
    background-position: -0px -17420px;
}
.emoji-1f68d {
    background-position: -0px -17446px;
}
.emoji-1f68e {
    background-position: -0px -17472px;
}
.emoji-1f68f {
    background-position: -0px -17498px;
}
.emoji-1f690 {
    background-position: -0px -17524px;
}
.emoji-1f691 {
    background-position: -0px -17550px;
}
.emoji-1f692 {
    background-position: -0px -17576px;
}
.emoji-1f693 {
    background-position: -0px -17602px;
}
.emoji-1f694 {
    background-position: -0px -17628px;
}
.emoji-1f695 {
    background-position: -0px -17654px;
}
.emoji-1f696 {
    background-position: -0px -17680px;
}
.emoji-1f697 {
    background-position: -0px -17706px;
}
.emoji-1f698 {
    background-position: -0px -17732px;
}
.emoji-1f699 {
    background-position: -0px -17758px;
}
.emoji-1f69a {
    background-position: -0px -17784px;
}
.emoji-1f69b {
    background-position: -0px -17810px;
}
.emoji-1f69c {
    background-position: -0px -17836px;
}
.emoji-1f69d {
    background-position: -0px -17862px;
}
.emoji-1f69e {
    background-position: -0px -17888px;
}
.emoji-1f69f {
    background-position: -0px -17914px;
}
.emoji-1f6a0 {
    background-position: -0px -17940px;
}
.emoji-1f6a1 {
    background-position: -0px -17966px;
}
.emoji-1f6a2 {
    background-position: -0px -17992px;
}
.emoji-1f6a3 {
    background-position: -0px -18018px;
}
.emoji-1f6a4 {
    background-position: -0px -18044px;
}
.emoji-1f6a5 {
    background-position: -0px -18070px;
}
.emoji-1f6a6 {
    background-position: -0px -18096px;
}
.emoji-1f6a7 {
    background-position: -0px -18122px;
}
.emoji-1f6a8 {
    background-position: -0px -18148px;
}
.emoji-1f6a9 {
    background-position: -0px -18174px;
}
.emoji-1f6aa {
    background-position: -0px -18200px;
}
.emoji-1f6ab {
    background-position: -0px -18226px;
}
.emoji-1f6ac {
    background-position: -0px -18252px;
}
.emoji-1f6ad {
    background-position: -0px -18278px;
}
.emoji-1f6ae {
    background-position: -0px -18304px;
}
.emoji-1f6af {
    background-position: -0px -18330px;
}
.emoji-1f6b0 {
    background-position: -0px -18356px;
}
.emoji-1f6b1 {
    background-position: -0px -18382px;
}
.emoji-1f6b2 {
    background-position: -0px -18408px;
}
.emoji-1f6b3 {
    background-position: -0px -18434px;
}
.emoji-1f6b4 {
    background-position: -0px -18460px;
}
.emoji-1f6b5 {
    background-position: -0px -18486px;
}
.emoji-1f6b6 {
    background-position: -0px -18512px;
}
.emoji-1f6b7 {
    background-position: -0px -18538px;
}
.emoji-1f6b8 {
    background-position: -0px -18564px;
}
.emoji-1f6b9 {
    background-position: -0px -18590px;
}
.emoji-1f6ba {
    background-position: -0px -18616px;
}
.emoji-1f6bb {
    background-position: -0px -18642px;
}
.emoji-1f6bc {
    background-position: -0px -18668px;
}
.emoji-1f6bd {
    background-position: -0px -18694px;
}
.emoji-1f6be {
    background-position: -0px -18720px;
}
.emoji-1f6bf {
    background-position: -0px -18746px;
}
.emoji-1f6c0 {
    background-position: -0px -18772px;
}
.emoji-1f6c1 {
    background-position: -0px -18798px;
}
.emoji-1f6c2 {
    background-position: -0px -18824px;
}
.emoji-1f6c3 {
    background-position: -0px -18850px;
}
.emoji-1f6c4 {
    background-position: -0px -18876px;
}
.emoji-1f6c5 {
    background-position: -0px -18902px;
}
.emoji-203c {
    background-position: -0px -18928px;
}
.emoji-2049 {
    background-position: -0px -18954px;
}
.emoji-2122 {
    background-position: -0px -18980px;
}
.emoji-2139 {
    background-position: -0px -19006px;
}
.emoji-2194 {
    background-position: -0px -19032px;
}
.emoji-2195 {
    background-position: -0px -19058px;
}
.emoji-2196 {
    background-position: -0px -19084px;
}
.emoji-2197 {
    background-position: -0px -19110px;
}
.emoji-2198 {
    background-position: -0px -19136px;
}
.emoji-2199 {
    background-position: -0px -19162px;
}
.emoji-21a9 {
    background-position: -0px -19188px;
}
.emoji-21aa {
    background-position: -0px -19214px;
}
.emoji-231a {
    background-position: -0px -19240px;
}
.emoji-231b {
    background-position: -0px -19266px;
}
.emoji-23e9 {
    background-position: -0px -19292px;
}
.emoji-23ea {
    background-position: -0px -19318px;
}
.emoji-23eb {
    background-position: -0px -19344px;
}
.emoji-23ec {
    background-position: -0px -19370px;
}
.emoji-23f0 {
    background-position: -0px -19396px;
}
.emoji-23f3 {
    background-position: -0px -19422px;
}
.emoji-24c2 {
    background-position: -0px -19448px;
}
.emoji-25aa {
    background-position: -0px -19474px;
}
.emoji-25ab {
    background-position: -0px -19500px;
}
.emoji-25b6 {
    background-position: -0px -19526px;
}
.emoji-25c0 {
    background-position: -0px -19552px;
}
.emoji-25fb {
    background-position: -0px -19578px;
}
.emoji-25fc {
    background-position: -0px -19604px;
}
.emoji-25fd {
    background-position: -0px -19630px;
}
.emoji-25fe {
    background-position: -0px -19656px;
}
.emoji-2600 {
    background-position: -0px -19682px;
}
.emoji-2601 {
    background-position: -0px -19708px;
}
.emoji-260e {
    background-position: -0px -19734px;
}
.emoji-2611 {
    background-position: -0px -19760px;
}
.emoji-2614 {
    background-position: -0px -19786px;
}
.emoji-2615 {
    background-position: -0px -19812px;
}
.emoji-261d {
    background-position: -0px -19838px;
}
.emoji-263a {
    background-position: -0px -19864px;
}
.emoji-2648 {
    background-position: -0px -19890px;
}
.emoji-2649 {
    background-position: -0px -19916px;
}
.emoji-264a {
    background-position: -0px -19942px;
}
.emoji-264b {
    background-position: -0px -19968px;
}
.emoji-264c {
    background-position: -0px -19994px;
}
.emoji-264d {
    background-position: -0px -20020px;
}
.emoji-264e {
    background-position: -0px -20046px;
}
.emoji-264f {
    background-position: -0px -20072px;
}
.emoji-2650 {
    background-position: -0px -20098px;
}
.emoji-2651 {
    background-position: -0px -20124px;
}
.emoji-2652 {
    background-position: -0px -20150px;
}
.emoji-2653 {
    background-position: -0px -20176px;
}
.emoji-2660 {
    background-position: -0px -20202px;
}
.emoji-2663 {
    background-position: -0px -20228px;
}
.emoji-2665 {
    background-position: -0px -20254px;
}
.emoji-2666 {
    background-position: -0px -20280px;
}
.emoji-2668 {
    background-position: -0px -20306px;
}
.emoji-267b {
    background-position: -0px -20332px;
}
.emoji-267f {
    background-position: -0px -20358px;
}
.emoji-2693 {
    background-position: -0px -20384px;
}
.emoji-26a0 {
    background-position: -0px -20410px;
}
.emoji-26a1 {
    background-position: -0px -20436px;
}
.emoji-26aa {
    background-position: -0px -20462px;
}
.emoji-26ab {
    background-position: -0px -20488px;
}
.emoji-26bd {
    background-position: -0px -20514px;
}
.emoji-26be {
    background-position: -0px -20540px;
}
.emoji-26c4 {
    background-position: -0px -20566px;
}
.emoji-26c5 {
    background-position: -0px -20592px;
}
.emoji-26ce {
    background-position: -0px -20618px;
}
.emoji-26d4 {
    background-position: -0px -20644px;
}
.emoji-26ea {
    background-position: -0px -20670px;
}
.emoji-26f2 {
    background-position: -0px -20696px;
}
.emoji-26f3 {
    background-position: -0px -20722px;
}
.emoji-26f5 {
    background-position: -0px -20748px;
}
.emoji-26fa {
    background-position: -0px -20774px;
}
.emoji-26fd {
    background-position: -0px -20800px;
}
.emoji-2702 {
    background-position: -0px -20826px;
}
.emoji-2705,
.sample-positive {
    background-position: -0px -20852px;
}
.emoji-2708 {
    background-position: -0px -20878px;
}
.emoji-2709 {
    background-position: -0px -20904px;
}
.emoji-270a {
    background-position: -0px -20930px;
}
.emoji-270b {
    background-position: -0px -20956px;
}
.emoji-270c {
    background-position: -0px -20982px;
}
.emoji-270f {
    background-position: -0px -21008px;
}
.emoji-2712 {
    background-position: -0px -21034px;
}
.emoji-2714 {
    background-position: -0px -21060px;
}
.emoji-2716 {
    background-position: -0px -21086px;
}
.emoji-2728 {
    background-position: -0px -21112px;
}
.emoji-2733 {
    background-position: -0px -21138px;
}
.emoji-2734 {
    background-position: -0px -21164px;
}
.emoji-2744 {
    background-position: -0px -21190px;
}
.emoji-2747 {
    background-position: -0px -21216px;
}
.emoji-274c,
.sample-negative {
    background-position: -0px -21242px;
}
.emoji-274e {
    background-position: -0px -21268px;
}
.emoji-2753 {
    background-position: -0px -21294px;
}
.emoji-2754 {
    background-position: -0px -21320px;
}
.emoji-2755 {
    background-position: -0px -21346px;
}
.emoji-2757 {
    background-position: -0px -21372px;
}
.emoji-2764 {
    background-position: -0px -21398px;
}
.emoji-2795 {
    background-position: -0px -21424px;
}
.emoji-2796 {
    background-position: -0px -21450px;
}
.emoji-2797 {
    background-position: -0px -21476px;
}
.emoji-27a1 {
    background-position: -0px -21502px;
}
.emoji-27b0 {
    background-position: -0px -21528px;
}
.emoji-27bf {
    background-position: -0px -21554px;
}
.emoji-2934 {
    background-position: -0px -21580px;
}
.emoji-2935 {
    background-position: -0px -21606px;
}
.emoji-2b05 {
    background-position: -0px -21632px;
}
.emoji-2b06 {
    background-position: -0px -21658px;
}
.emoji-2b07 {
    background-position: -0px -21684px;
}
.emoji-2b1b {
    background-position: -0px -21710px;
}
.emoji-2b1c {
    background-position: -0px -21736px;
}
.emoji-2b50 {
    background-position: -0px -21762px;
}
.emoji-2b55 {
    background-position: -0px -21788px;
}
.emoji-3030 {
    background-position: -0px -21814px;
}
.emoji-303d {
    background-position: -0px -21840px;
}
.emoji-3297 {
    background-position: -0px -21866px;
}
.emoji-3299 {
    background-position: -0px -21892px;
}
/************** END emoji.css **************/

/* -------------------- */
/* post_section.css END */
/* -------------------- */

/* -------------------- */
/* django_bs3.css START */
/* -------------------- */

.user-nav {
    position: absolute;
    right: 30px;
    top: 9px;
    z-index: 20;
    margin: 0;
    min-height: 30px !important;
}
.user-nav .btn-inverse {
    background: #fafbfa url('') 0 0 no-repeat;
    margin-right: 5px;
    border-radius: 3px !important;
    border: 0;
    padding: 0;
    font-size: 0.7em;
    height: 30px;
}

.user-nav li a {
    color: #666;
    font-weight: bold;
    padding: 7px 12px;
}
.user-nav li:hover a {
    color: #222;
    background-color: transparent !important;
}
.user-nav .icon {
    margin-top: -1px;
    opacity: 0.5;
}
.user-nav li:hover .icon {
    opacity: 1;
}

.user-nav-text {
    line-height: 16px;
}

.tt-hint {
    height: calc(100% + 1px);
    width: 285px;
}
#typeahead-input,
#typeahead-artist-input {
    padding-top: 5px !important;
    width: 285px !important;
}

.streamitem-media,
.yt-thumbnail img {
    max-width: 100%;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* -------------------------------------------------------- */
/* >>>>>>>>>>>>> ICONS BACKWARDS COMPATIBILITY <<<<<<<<<<<< */
/* -------------------------------------------------------- */

[class^='icon-'],
[class*=' icon-'] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: 0.3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url('../../img/glyphicons-halflings.png');
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-user {
    background-position: -168px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-white {
    background-image: url('../../img/glyphicons-halflings-white.png') !important;
}

.quick-actions-horizontal li a i[class^='icon-'],
.quick-actions-horizontal li a i[class*=' icon-'] {
    padding: 20px;
}

/* -------------------------------------------- */
/* >>>>>>>>>>>>> EXPLORE BLINKFIRE <<<<<<<<<<<< */
/* -------------------------------------------- */

.see-more-cta,
.see-more-upgrade-cta {
    color: #fff;
    max-width: 500px;
    margin: 2em auto;
    border-radius: 0.5em;
    padding: 1em;
    font-size: 1.3em;
    text-align: center;
    display: none;
}

.alert-blinkfire {
    color: #fff;
    background-color: rgb(85, 95, 138);
}

.alert-blinkfire.alert-blinkfire-error {
    background-color: rgb(216, 100, 100);
}

.alert-blinkfire a {
    /*font-weight: 900;*/
    color: inherit;
    text-decoration: underline;
}

.alert-blinkfire-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
}

.bf-alert-slim {
    padding: 5px 10px;
    margin-bottom: 5px;
}

.search-example-text {
    color: #999;
    margin-top: 5px;
}

.search-example-text a {
    color: #777;
    font-weight: 900;
    font-style: italic;
}

.content-select {
    margin: 5px 0;
    height: 40px;
}

.search1234 {
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}

.filter-toggle,
.radio-toggle {
    display: none;
}

.filter-toggle + label {
    width: 75px;
    height: 75px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    line-height: 75px;
}

.filter-toggle:checked + label {
    border: 1px solid #3b8686;
    background-color: #79bd9a;
    color: #fff;
}

.radio-toggle + label {
    width: calc(100% / 3);
    height: 75px;
    line-height: 75px;
    text-align: center;
    padding: 0 5px;
    margin-right: -5px;
    margin-bottom: 0;
    transition: all 100ms;
}

.radio-toggle + label:last-of-type {
    width: 33.6%;
}

.radio-toggle:checked + label {
    background-color: rgba(255, 128, 0, 0.8);
    color: #fff;
}

.media-filter .radio-toggle + label {
    width: calc(100% / 7 + 1px);
}

.post-type-filter .radio-toggle + label {
    width: 25%;
}

.interactions-filter .radio-toggle + label {
    width: 25%;
}

.view-selector-filter label,
.view-selector-filter label:last-of-type {
    width: 50%;
}

.filterfield {
    border: solid #ccc;
    border-width: 1px 0;
    background-color: #fff;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: 10px;
}
.filtername {
    border-bottom: 1px solid #ccc;
    font-size: 0.8em;
    font-weight: 900;
    margin: 0;
    width: 100%;
    padding: 2px 0 2px 10px;
    background-color: #dce7f1;
}

.search-submit {
    text-align: center;
    padding: 20px;
}

/*.search-container {*/
/*min-height: 850px;*/
/*}*/

.sport-selected {
    background-color: blue;
}

.author-filter .tt-hint,
.brand-filter .tt-hint,
.target-filter .tt-hint,
.asset-filter .tt-hint,
.scene-filter .player-filter .exposure-filter .tt-hint {
    background-color: transparent !important;
}

.item-amount-container {
    display: inline-block;
    width: 32%;
    text-align: center;
}

.item-amount {
    display: inline-block;
    width: auto;
}

.author-selected,
.brand-selected,
.country-selected,
.asset-selected,
.scene-selected,
.player-selected,
.exposure-selected {
    display: none;
    margin: 5px 10px 0 0;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #b5b5b5;
    background-color: rgb(255, 255, 255);
}

.author-selected-image,
.brand-selected-image {
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
}

.author-selected-name,
.brand-selected-name {
    color: #333;
}

.author-filter > .row,
.media-filter > .row,
.brand-filter > .row,
.target-filter > .row,
.asset-filter > .row,
.scene-filter > .row,
.player-filter > .row,
.exposure-filter > .row,
.category-filter > .row {
    padding: 1em;
}

.author-clear,
.brand-clear,
.focus-clear,
.target-clear,
.asset-clear,
.scene-clear,
.player-clear,
.exposure-clear {
    display: none;
}

.author-input,
.focus-input,
.brand-input,
.asset-input,
.scene-input,
.player-input,
.exposure-input,
.country-input {
    width: 285px;
    margin: 0 auto;
}

.sport-input-wrapper .twitter-typeahead .twitter-typeahead {
    cursor: pointer !important;
    width: 100%;
    margin-right: 6.5%;
}
.sport-input-wrapper > .twitter-typeahead {
    width: 74%;
    margin-right: 6.5%;
}
.sport-input-wrapper .tt-input,
.sport-input-wrapper .tt-hint {
    width: 100%;
    margin-right: 6.5%;
}
.sport-input-wrapper input.tt-input {
    background-color: white !important;
}

/*#datepicker-start,*/
/*#datepicker-end {*/
/*display: none;*/
/*}*/

.date-filter-container .cancelBtn,
.date-filter-container .applyBtn {
    display: none !important;
}
.date-filter-container .daterangepicker {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
}
.date-filter-container .daterangepicker {
    display: none;
}
#advanced-search #dateRangePicker,
#advanced-search #dateRangePickerEnd {
    display: none;
}
.start-date-clear,
.end-date-clear {
    display: none;
}

.date-filter-container {
    display: inline-flex;
    height: 100%;
    width: 100%;
    vertical-align: top;
    justify-content: center;
    position: relative;
    margin-bottom: 2em;
}
#advanced-search .date-filter-container {
    margin-top: -2em;
}
@media (max-width: 768px) {
    #advanced-search .date-filter-container {
        display: inline;
    }
    #advanced-search .daterangepicker.single .ranges,
    #advanced-search .daterangepicker.single .drp-calendar {
        float: none;
        max-width: inherit;
    }
    #advanced-search .datefilter__Selector:first-of-type {
        margin-right: 0;
    }
}
.datefilter__Selector:first-of-type {
    margin-right: 2em;
}
.datefilter__Selector {
    margin-top: 2em;
}
.datefilter__Selector .inactive {
    opacity: 0.2;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    height: 100%;
    pointer-events: none;
}
.padding-top-bottom-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.brand-typeahead-checkbox {
    margin: 4px 0px 0px 0px !important;
}

.asset-brand-info {
    color: #aaa;
    transition: 200ms;
    margin-left: 5px;
}
.asset-brand-info:hover {
    color: #c1c1c1;
}

.asset-divider {
    border-bottom: 1px solid #b5b5b5;
    font-size: 1em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    margin-bottom: 5px;
}

.asset-selected-name {
    margin: 0px 0.25em 0px 0.25em;
}

.add-brand-to-asset {
    cursor: pointer;
}

.asset-brand--margin {
    margin-left: 5px;
}
.brand-in-asset-selected {
    margin: 5px 0px 5px 5px;
}
.asset-brand-selected {
    display: inline-block;
    margin: 5px 10px 0 0;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #b5b5b5;
    background-color: #f5f5f5;
}

.exposure-brand-info {
    color: #aaaaaa;
    transition: 200ms;
    margin-left: 5px;
}
.exposure-brand-info:hover {
    color: #c1c1c1;
}

.exposure-divider {
    border-bottom: 1px solid #b5b5b5;
    font-size: 1em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    margin-bottom: 5px;
}

.exposure-selected-name {
    margin: 0px 0.25em 0px 0.25em;
}

.add-brand-to-exposure {
    cursor: pointer;
}

.exposure-brand--margin {
    margin-left: 5px;
}
.brand-in-exposure-selected {
    margin: 5px 0px 5px 5px;
}
.exposure-brand-selected {
    display: inline-block;
    margin: 5px 10px 0 0;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #b5b5b5;
    background-color: #f5f5f5;
}

/* ---------------------------------------------- */
/* >>>>>>>>>>>>> ADVANCED SEARCH CSS <<<<<<<<<<<< */
/* ---------------------------------------------- */

#advanced-search input[type='radio'],
#advanced-search input[type='checkbox'] {
    margin: 12px -2px 12px 12px;
}

.search1234 label {
    cursor: pointer;
}

#advanced-search label,
#advanced-search input + label {
    font-weight: 100;
}

.advanced-search__remove-icon {
    color: red;
    margin-left: 1em;
    cursor: pointer;
    /* background-color: #333; */
    padding: 0.02em 0.5em 0.2em 0.5em;
    border-radius: 30px;
    font-size: 0.8em;
    margin-top: -9px;
}
.asset-tag_remove-icon {
    color: #333;
    font-size: 1.2em;
    float: right;
    margin-top: 0px;
}
#slide-form-btn {
    display: none;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fefefe;
    margin: 0 auto;
    padding: 7px;
}

/* ------------------------------------------ */
/* >>>>>>>>>>>>> EVENT PAGES CSS <<<<<<<<<<<< */
/* ------------------------------------------ */

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

#event ul.social-numbers,
#event-report ul.social-numbers {
    padding: 0;
}

#event-report .scoreboard-tab {
    border-top: 1px solid #cdcdcd !important;
}

#event .brand.dropdown-submenu > .dropdown-menu,
#event-report .brand.dropdown-submenu > .dropdown-menu {
    top: inherit;
    margin-top: -40px;
}

#event .th-tooltip {
    color: inherit !important;
}

/* ------------------------------------------ */
/* >>>>>>>>>>>>> ARTIST PAGE CSS <<<<<<<<<<<< */
/* ------------------------------------------ */

#artist-page #sidebar > ul > li.active {
    background-color: #3c3c3c !important;
}

#artist-page #sidebar > ul {
    border: 0 !important;
}

#artist-page #sidebar > ul > li {
    border: 0 !important;
}

#artist-page ul.social-numbers {
    padding-left: 0;
}

/* ------------------------------------------ */
/* >>>>>>>>>>>>> UPLOAD PAGE CSS <<<<<<<<<<<< */
/* ------------------------------------------ */

.uploadPage__upload-container {
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #dadada;
    display: inline-flex;
    align-items: center;
    height: 5em;
    margin-left: 1em;
}

.uploadPage__table {
    vertical-align: middle;
    overflow: inherit;
}
.uploadPage__table td a,
.uploadPage__table td a:hover,
.uploadPage__table td a:active,
.uploadPage__table td a:focus {
    color: white;
}
.uploadPage__table__brandContainer {
    width: 28em;
    max-width: 28em;
}
.brandButton {
    color: #2e6da4 !important;
}

.uploadPage__faded {
    opacity: 0.3;
}
.uploadPage__videoList__container .tt-hint {
    display: none;
}

.uploadPage__table .search-brand .twitter-typeahead {
    margin-bottom: 5px;
}

.uploadPage__table .search-brand .twitter-typeahead,
.uploadPage__videoList__Container input[type='text'],
.uploadPage__table input[type='text'].tt-input {
    width: 100%;
    background-color: #ffffff;
}
.uploadPage--inline-block {
    display: inline-block !important;
}
.uploadPage__video-upload-form--container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.uploadPage__video-upload-form.dropzone {
    border: 2px dashed #abb5c6;
    border-radius: 20px;
    min-height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0.6;
    margin: 2em 15px;
    width: 28%;
}
.uploadPage__brand-icon {
    width: 20px;
    height: 20px;
}
.uploadPage__video-upload-form__icon {
    width: 20px;
    padding-bottom: 1em;
}
.uploadPage__container {
    display: none;
}
.uploadPage__upload-info-message {
    position: absolute;
}
.uploadPage__upload-label {
    margin-right: 1em;
}
.uploadPage__upload-label--separator-right {
    border-right: 1px solid #dadada;
}
a.uploadPage__buttons__delete {
    background-color: #c0c0c0;
    border: 1px solid #999;
    color: white;
}
.uploadPage__button__tag__icon {
    opacity: 0.5;
    margin-top: 2.5px;
}
a.uploadPage__button {
    color: white;
}
.uploadPage__buttons__send_item.disabled {
    opacity: 0.2;
}
.uploadPage__element--hidden {
    display: none;
}
.uploadPage__modal .modal-dialog {
    top: 30%;
}

/* ---------------------------------------- */
/* >>>>>>>>>>>>> PPTX Modal <<<<<<<<<<<< */
/* ---------------------------------------- */

.pptxModal .modal-dialog {
    width: 52em;
}

.pptModal__smallDescription {
    font-size: 10px;
}
.pptxModal__images {
    width: 88%;
    margin: 0 auto;
}
.pptxModal__bottom-margin {
    margin-bottom: 4em;
}

.pptxModal__powerImage__wrapper {
    height: 180px;
    margin-top: 1em;
}
.pptxModal__companyLogo__wrapper {
    height: 54px;
    width: 54px;
}
.pptxModal__companyLogo {
    border-top: 1px solid #cacaca;
    padding-top: 2em;
    margin-bottom: 1em;
}

.pptxModal__powerImage {
    padding-right: 1em;
}

.pptxModal__companyLogo__useDefaultLogo {
    color: #ababab;
}

.pptxModal__powerImage__useURL,
.pptxModal__companyLogo__useURL,
.pptxModal__companyLogo__useDefaultLogo {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.pptxModal__disabled .pptxModal__powerImage__wrapper,
.pptxModal__disabled .pptxModal__companyLogo__wrapper {
    cursor: not-allowed;
}

.pptxModal__companyLogo__upload--container,
.pptxModal__powerImage__upload--container {
    height: 100%;
    cursor: pointer;
}

.pptxModal__description {
    padding: 2em 0em 2.5em 0em;
}

.pptxModal__powerImage__useURL,
.pptxModal__companyLogo__useURL,
.pptxModal__companyLogo__useDefaultLogo {
    font-size: 0.8em !important;
}

.pptxModal__footerOptions {
    margin-top: 1em;
}
.pptxModal .btn-primary {
    margin: 1em;
}
.pptxModal .no-padding {
    padding: 0;
}

.pptxModal__settings {
    padding-left: 50px;
    padding-right: 50px;
}
.pptxModal__settings-description {
    padding-left: 1em;
    border: 1px solid #c6d1da;
    border-left: 5px solid #337ab7;
}

.pptxModal__settings-description-content {
    margin-top: 15px;
    font-size: 12px;
}

.pptxModal__settings-description-toggle {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
.pptxModal__settings-description-toggle-preview {
    display: flex;
    justify-content: space-between;
    margin: 0px;
}

.pptxModal__settings-description-toggle-plus {
    color: #337ab7;
    font-weight: 800;
    margin-top: -5px;
    font-size: 20px;
    transition: all 0.4s ease;
}

.pptxModal__settings-description-toggle:hover {
    color: #333;
    text-decoration: none;
}
.pptxModal__settings-description-toggle:focus {
    color: #333;
    text-decoration: none;
}

.pptxModal__upload-container {
    background-color: #f9f9f9;
    border-radius: 10px;
    border: 1px solid #dadada;
    display: inline-flex;
    align-items: center;
    height: 5em;
    margin-left: 1em;
}
.pptxModal__powerImage__upload--container.dropzone {
    border: 1px dashed #c7c7c7;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100%;
    position: relative;
}
.pptxModal__companyLogo__upload.dropzone {
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100%;
    position: relative;
}

.pptxModal__images .dropzone.noBorder {
    border: 1px dashed #ffffff;
}

.pptxModal__footerOptions__button {
    margin: 1em 0 0.5em;
}

.pptxModal__powerImage__saveImages {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.pptxModal__powerImage__saveImages__textLabel {
    margin-bottom: 0px;
    font-weight: 100;
    font-size: 13px;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

.pptxModal__disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.pptxModal .dz-default {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    width: 150px;
}

.pptxModal__companyLogo .loader {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -6em;
    width: 50px;
    height: 50px;
}

.pptxModal__powerImage .loader {
    position: absolute;
    z-index: 1;
    left: 30.5%;
    top: -2em;
}

/* The switch - the box around the slider */
.pptxModal .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 18px;
    margin-bottom: 0px;
    margin-right: 0.5em;
}

/* Hide default HTML checkbox */
.pptxModal .switch input {
    display: none;
}

/* The slider */
.pptxModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.pptxModal .slider:before {
    position: absolute;
    content: '';
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 2.2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.pptxModal input:checked + .slider {
    background-color: #2196f3;
}

.pptxModal input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

.pptxModal input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.pptxModal .slider.round {
    border-radius: 34px;
}

.pptxModal .slider.round:before {
    border-radius: 50%;
}

.pptxModal__companyLogo__useURL__input,
.pptxModal__powerImage__useURL__input {
    width: 100%;
    transition: all ease 1s;
}

.pptxModal__video-upload-form__icon {
    width: 50px;
    padding-bottom: 1em;
}
.pptxModal__video-upload-form__small-icon {
    width: 20px;
    padding-bottom: 0;
    cursor: pointer;
}
.pptxModal__companyLogo__preview,
.pptxModal__powerImage__preview {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

.pptxModal__powerImage .dz-image img {
    width: 100%;
    height: 179px;
    object-fit: cover;
    position: absolute;
    top: 0;
}

.pptxModal__companyLogo .dz-image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    position: absolute;
    top: 0;
    border: 1px solid #cacaca;
    border-radius: 6px;
}

.pptxModal__no-padding {
    padding: 0;
}

.pptxModal .dz-details,
.pptxModal .dz-success-mark {
    display: none;
}
.pptxModal .dz-error-mark {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 1em;
    margin-right: 1em;
}

.pptxModal__companyLogo__remove,
.pptxModal__powerImage__remove {
    right: 1em;
    position: absolute;
    top: 1em;
    width: 1.3em;
}

.pptxModal__companyLogo__remove {
    right: -18px;
    position: absolute;
    top: -6px;
    width: 10px;
}

.pptxModal .invisible {
    opacity: 0.4;
    visibility: inherit;
}
.pptxModal .dz-error-mark svg {
    display: none;
}

.pptxModal__powerImage__useURL__placeholder,
.pptxModal__companyLogo__useURL__placeholder {
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
}
.pptxModal__companyLogo__useURL__placeholder input,
.pptxModal__powerImage__useURL__placeholder input {
    width: calc(100% - 60px);
    margin-right: 3px;
}

.pptxModal__powerImage__iconRotate,
.pptxModal__companyLogo__iconRotate {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    font-weight: 800;
    color: #828282;
}
.pptxModal__powerImage__iconRotate.active,
.pptxModal__companyLogo__iconRotate.active {
    opacity: 1;
    transform: rotate(-90deg);
    color: #828282;
    transition: all 0.3s ease-in-out;
}

.pptxModal__useUrl__more {
    width: 20px;
    display: inline;
}
.pptxModal_powerImage_uploaded,
.pptxModal_companyLogo_uploaded {
    position: absolute;
    background-color: rgba(136, 218, 46, 0.8);
    color: white;
    display: flex;
    justify-content: center;
    font-weight: bold;
    flex-direction: column;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.pptxModal--absolute {
    position: absolute;
}

.pptxModal__flex-wrapper {
    display: inline-flex;
    width: 100%;
}

.pptxModal__flex-wrapper--padding {
    padding-top: 5px;
}

.pptxModal_powerImage_uploaded.active p,
.pptxModal_companyLogo_uploaded.active p {
    top: -20px;
    transition: all 0.8s ease-in;
}

.pptxModal_powerImage_uploaded.active,
.pptxModal_companyLogo_uploaded.active {
    z-index: 1;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.pptxModal_powerImage_uploaded {
    width: 86.5%;
    height: 180px;
}
.pptxModal_companyLogo_uploaded {
    width: 50px;
    height: 50px;
}

.pptxModal_powerImage_uploaded > *,
.pptxModal_companyLogo_uploaded > * {
    margin: 0 auto;
}

.pptxModal__playlistContainer {
    display: inline-flex;
    align-items: center;
    height: 280px;
    border-left: 1px solid #cacaca;
    padding-left: 2em;
    margin-bottom: 1.7em;
}

.pptxModal__playlist {
    padding-top: 0.5em;
    margin: 0 auto;
    width: 100%;
}
.pptxModal__playlist__description {
    font-size: 12px;
}
.pptxModal__playlist__selection.form-control {
    width: 95%;
    margin: 0 auto;
    border-bottom: 3px solid #337ab7;
}
.pptxModal__playlist__clear {
    display: none;
    margin-top: 2em;
    background-color: #afafaf;
    border-color: #868686;
}

.pptxModal .pptxModal__hr {
    clear: both;
    border-top: 1px solid #e2e2e2;
    border-bottom: 0px;
    border-radius: 0;
    padding-top: 1em;
}

.pptxModal__playlist__thumbnail {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.pptxModal__playlist__thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.pptxModal__playlist__imageList {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 780px) {
    .pptxModal__playlistContainer {
        margin-bottom: 7.7em;
        margin-top: 2em;
        border-left: 0px;
    }
}

/* ---------------------------------------- */
/* >>>>>>>>>>>>> SETTINGS PAGE <<<<<<<<<<<< */
/* ---------------------------------------- */

.default-led {
    width: 16px;
    height: 16px;
    position: relative;
    border-radius: 50%;
    background-color: #bbb;
    margin: 0 auto;
    z-index: 0;
}
.default-led:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #ddd;
    border-radius: 50%;
}
.default-led:after {
    content: '';
    width: 6px;
    height: 2px;
    position: absolute;
    right: 2px;
    top: 4px;
    background-color: #fff;
    border-radius: 50%;
    transform: rotate3d(0, 0, 1, 45deg);
}
.green-led:before {
    background-color: #3fff1e;
}
.yellow-led:before {
    background-color: #ffff00;
}
.orange-led:before {
    background-color: #ffa500;
}
.red-led:before {
    background-color: #ff4848;
}
.cInstructions {
    margin-bottom: 20px;
}
.cInstructions__item {
    margin-top: 6px;
}
.cInstructions__item--help {
    list-style: disc;
}
.cInstructions__note {
    font-style: italic;
    color: #bbb;
}
.cAddCredentials {
    margin-bottom: 20px;
}
.cAddCredentials__medium {
    height: 70%;
}
.cAddCredentials__option {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 5px;
}
.cAddCredentials__name {
    font-size: 12px;
    margin-top: 2px;
}
.cAddCredentials__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    margin-bottom: 7px;
}
.cAddCredentials__header a {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #1d73e8;
    border-radius: 4px;
    color: #1d73e8;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    white-space: nowrap;
    transition: all 0.2s linear;
}
.cAddCredentials__header a:hover,
.cAddCredentials__header a:active,
.cAddCredentials__header a:focus {
    outline: 0;
    text-decoration: none;
    color: #1d73e8;
}
.cAddCredentials__header a:hover {
    border-color: #1561cb;
    color: #1561cb;
}
.blinkfire-table.cCurrentCredentials {
    margin-bottom: 10px;
}
.cCurrentCredentials__medium {
    width: 14px;
    margin-right: 3px;
    margin-top: -1px;
}
.cGoToNextStep {
    margin-top: 1em;
}
.credentialButton {
    height: 4.7em;
    width: 5em;
    display: inline-flex;
    align-items: center;
    border: 1px solid #dcdcdc;
}
.cAddCredentials__media__buttons {
    display: flex;
    margin-right: 0;
    margin-bottom: 1em;
    flex-wrap: wrap;
}
.credentialsFilter {
    border-radius: 2px;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all ease-in-out 0.3s;
}
.credentialButton:hover .credentialsFilter {
    background-color: rgba(26, 34, 78, 0.84);
}
.relative {
    position: relative;
}
.credentialButton {
    align-items: center;
    justify-content: center;
}
.credentialName {
    z-index: 5;
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    color: white;
    font-size: 1.2em;
    transition: all ease-in-out 0.2s;
}
.credentialsHover {
    position: absolute;
    opacity: 0;
    z-index: 5;
    color: white;
    font-size: 3em;
    transition: all ease-in-out 0.2s;
    transform: translateY(0.3em);
}
.credentialButton:hover .credentialsHover {
    opacity: 1;
    transform: translateY(0);
}
.credentialsBanner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    background-color: #f5f8ff;
    border: 1px solid #639eec;
    color: #333;
    padding: 20px;
}
.credentialsBanner__text {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.credentialsBanner h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
.credentialsBanner span {
    font-size: 12px;
}
.credentialsBanner__link {
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 7px;
    background-color: #1c73e7;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 25px;
    opacity: 1;
    white-space: nowrap;
    transition: all 0.2s linear;
}
.credentialsBanner__link:hover,
.credentialsBanner__link:focus,
.credentialsBanner__link:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
}
.credentialsBanner__link:hover {
    opacity: 0.9;
}

/* Hide the browser's default checkbox */
.cInstructions__item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.cInstructions__item:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.cInstructions__item input:checked ~ .checkmark {
    background-color: #2196f3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.cInstructions__item input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.cInstructions__item .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cInstructions__item label {
    margin-left: 1.5em;
}
.cInstructions__disabled {
    opacity: 0.3;
}
.cInstructions__image {
    width: 100%;
    margin: 8px 0;
}
.cInstructions__banner {
    width: 100%;
    display: flex;
    background-color: #f5f8ff;
    border: 1px solid #1967d2;
    border-radius: 3px;
    color: #333;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 15px;
}
.cInstructions__banner i {
    color: #1967d2;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 2px;
}
.cInstructions__banner span {
    text-align: left;
}
.cInstructions__medium {
    white-space: nowrap;
}
.cInstructions__medium img {
    width: 12px;
    margin-right: 4px;
}
.cFirstStepButtonHref .btn-success {
    font-size: 16px;
}
.modal.in .modal-dialog.modal-dialog-tiktok {
    top: 1em !important;
}
/* ---------------------------------------- */
/* >>>>>>>>> SCHEDULE REPORT MODAL <<<<<<<< */
/* ---------------------------------------- */
.schedule__email-tag {
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    background-color: #f1f1f1;
    width: fit-content;
    padding: 0.3em;
    margin-left: 0.5em;
    margin-bottom: 4px;
}
.schedule__input::placeholder {
    color: #ccc;
}
.schedule__left-separator {
    border-left: 1px solid #ccc;
}
.width-100 {
    width: 100% !important;
}
.padding-05 {
    padding: 0.5em;
}
.schedule__description {
    padding: 0.5em 0em 0.5em 0em;
}
.schedule__formats > button {
    width: 30%;
}
.schedule__formats .active {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.schedule__flex-container {
    display: flex;
    align-items: center;
}
.schedule__remove-icon {
    color: red;
    margin-left: 1em;
    cursor: pointer;
}
.schedule__button {
    margin-top: 1em;
}
.schedule__brand-avatar {
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
}
.schedule__label {
    display: block;
}
#schedule__brandInput,
#schedule__emailInput {
    width: 100%;
}
.scheduleEmail__container {
    width: 80%;
}
.schedule__emailInput__submitButton {
    margin-left: 1%;
    width: 19%;
}
.schedule-report__form .twitter-typeahead {
    width: 100%;
}
.schedule-report__form .tt-menu {
    width: 100%;
}
.schedule__brandsTagContainer,
.schedule__emailsTagContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.schedule__date__auxText {
    color: #333;
    margin: 1em 0em;
}

/* ----------------------------------------- */
/* >>>>>>>>> DOWNLOAD REPORT MODALS <<<<<<<< */
/* ----------------------------------------- */
.report__input {
    width: 100%;
}
.report__limitBrandsContainer .twitter-typeahead,
.report__limitColumnsContainer .twitter-typeahead {
    width: 100%;
    margin-bottom: 15px;
}
.report__limitBrandsContainer .tt-menu,
.report__limitColumnsContainer .tt-menu {
    width: 100%;
}
.report__label {
    display: block;
    font-weight: 500;
}
.report__limitBrandsToggle {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
.report__limitBrandsToggle:hover {
    color: #333;
    text-decoration: none;
}
.report__limitBrandsToggle:focus {
    color: #333;
    text-decoration: none;
}

.report__brand-tag {
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
    background-color: #f1f1f1;
    width: fit-content;
    padding: 0.3em;
    margin-left: 0.5em;
    margin-bottom: 4px;
}
.report__brand-avatar {
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
}
.report__brandDescription {
    padding: 0.5em 0em 0.5em 0em;
}
.report__brandsTagContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.report__limitBrandsContainer,
.report__limitColumnsContainer {
    border: 1px solid #d3d4d5;
    border-left: 5px solid #cc6f08;
    margin-bottom: 15px;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 5px;
    transition: all 0.4s ease;
}

.report__limitBrands-plus {
    color: #cc6f08;
    font-weight: 800;
    margin-top: -5px;
    font-size: 20px;
    transition: all 0.4s ease;
}
/* ----------------------------------------- */
/* >>>>>>>>>>>>> MEDIA EXPOSURE <<<<<<<<<<<< */
/* ----------------------------------------- */
.media-exposure__card-wrapper {
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #cacaca;
    padding: 20px;
    margin-bottom: 20px;
}

.media-exposure__totals_summary {
    margin: 0;
}

.cInstructions__attention {
    color: #ff8600;
    font-weight: bold;
    margin-left: -1em;
}
.pointer {
    cursor: pointer;
}

/* ----------------------------------------- */
/* >>>>>>>>>  SPONSOR LEVEL REPORT <<<<<<<<< */
/* ----------------------------------------- */

.sponsorReport__toggleShowBrands {
    margin-bottom: 1em;
}
.sponsorReport__toggleShowBrands-container {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: flex-end;
}
.sponsorship__view-toggle {
    bottom: -1.5em;
    position: absolute;
    right: 0;
    z-index: 1;
}

@media (max-width: 1023px) {
    .sponsorship__view-toggle {
        bottom: 0.5em;
    }
}

.sponsorship__view-container {
    width: 100%;
    height: 2em;
    float: right;
    position: relative;
}

.sponsorship__view-toggle-element {
    background-color: #ffffff;
    text-decoration: none;
    color: #393e61;
    height: 33px;
    font-weight: 800;
    border: 1px solid #393e61;
    border-left: 0;
    align-items: center;
    cursor: pointer;
    padding: 6px 25px;
    display: table-cell;
    margin-right: -4px;
}
.sponsorship__view-toggle-element:first-child {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #393e61;
}

.sponsorship__view-toggle-element:last-child {
    border-radius: 0 3px 3px 0;
}

.sponsorship__view-toggle-element:focus {
    text-decoration: none;
}

.sponsorship__view-toggle-element.active {
    background-color: #393e61;
    color: #ffffff;
}

.beta__tag {
    display: inline-block;
    font: 600 0.55em/1 'Lato', sans-serif;
    padding: 2px 3px;
    color: #ffffff;
    background-color: #f44336;
    border-radius: 5px;
    margin-left: 5px;
    vertical-align: middle;
}

/* -------------------------------------------- */
/* >>>>>>>>>  SPONSORSHIP CLASS UTILS <<<<<<<<< */
/* -------------------------------------------- */

.sponsorship__noDataHeader {
    text-align: center;
    margin: 60px auto;
}
/* ---------------------------------------- */
/* >>>>>>>>>>>>> MEDIA QUERIES <<<<<<<<<<<< */
/* ---------------------------------------- */

@media (max-width: 480px) {
    #sidebar > a {
        border-top: 1px solid #473e4d;
        margin-top: 20px;
    }

    #sidebar > ul {
        background-color: #fafbfa;
    }

    .search-box {
        display: none;
        left: 10px;
        top: 40px;
    }

    .search-hook {
        width: 100%;
        text-align: center;
    }

    #search {
        top: 60px !important;
        left: calc((100% - 285px) / 2);
    }

    .user-nav {
        right: inherit;
        top: 60px;
        margin-bottom: 0;
        width: 100%;
        text-align: center;
    }

    .typeahead-input,
    .tt-hint {
        width: 270px;
    }

    .radio-toggle + label {
        font-size: 0.8em;
        height: 50px !important;
        line-height: 50px !important;
    }

    .interactions-filter .radio-toggle + label {
        font-size: 0.65em;
    }

    .item-amount {
        width: 75px;
        font-size: 0.8em;
        margin-left: 4px;
    }

    .post-type-filter .radio-toggle + label,
    .interactions-filter .radio-toggle + label {
        /*width: 25%;*/
        line-height: 1 !important;
        vertical-align: middle;
    }

    .post-type-span {
        top: 13px;
        position: relative;
    }

    .filter-toggle + label {
        width: 49% !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .author-input,
    .brand-input,
    .country-input {
        width: 100% !important;
    }

    .author-container,
    .brand-container,
    .sport-container,
    .target-container {
        text-align: center;
    }

    .author-selected,
    .author-clear,
    .brand-selected,
    .brand-clear,
    .asset-selected,
    .asset-clear,
    .scene-selected,
    .scene-clear,
    .sport-selected,
    .sport-clear,
    .player-selected,
    .player-clear,
    .exposure-selected,
    .exposure-clear,
    .target-selected,
    .target-clear {
        margin: 10px 10px 0;
    }

    .author-filter .twitter-typeahead,
    .brand-filter .twitter-typeahead,
    .asset-filter .twitter-typeahead,
    .scene-filter .twitter-typeahead,
    .player-filter .twitter-typeahead,
    .exposure-filter .twitter-typeahead,
    .sport-filter .twitter-typeahead,
    .target-filter .twitter-typeahead {
        width: 100%;
    }

    #datepicker-start,
    #datepicker-end {
        display: block;
    }
}

.sport-selector {
    width: 105px;
    font: 600 0.9em 'Open Sans', sans-serif;
    height: auto;
    color: #777;
    border: 1px solid #08c;
}

.entity-box {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 2px 2px 5px;
    display: inline-block;
    margin: 5px;
}

/* bs3-template classes - inherited from the time when BS2 and BS3 coexisted */
/* now these are necessary */
ul.social-numbers {
    padding-left: 0;
}
#share-menu .dropdown-menu,
#item-playlists-menu .dropdown-menu {
    top: 10px !important;
}
.loader.micro.typeahead-load {
    height: 14px;
    width: 14px;
    margin: 3px 0;
}
.bficon-dots:after {
    top: -1px;
    left: 4px;
}
.bficon-plus:after {
    top: 2px !important;
    left: 5px !important;
}
.brand.dropdown-submenu {
    display: inline-block;
    position: relative;
    margin-bottom: -5px;
}
.brand.dropdown-submenu > .dropdown-menu {
    top: -50px;
}

/* End of bs3-template classes */

/* sponsorship refactoring to base.html */
.nav.nav-tabs {
    margin: 0;
}
.widget-title {
    height: 38px;
}
.nav-tabs li {
    height: 37px;
}

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

.insights-panel {
    padding: 20px 60px;
    border-radius: 6px;
    border: 1px solid #ccc;
    max-width: 800px;
    margin: 0 auto;
    background-color: #fafafa;
}
.insights-label .icon-lock {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin: 0 1px 0 -2px;
}
.insights-label.th-tooltip .icon-lock {
    margin-right: -2px;
} /* compressed version with tooltip */
.insights-estimated {
    color: #fff;
}
.nowrap {
    white-space: nowrap;
} /* apply nowrap to cells containing insights data */
.label-light-gray {
    background-color: #aaa;
    padding: 0.3em 0.6em 0.3em;
}

input.compare-checkbox {
    position: absolute;
    left: 10px;
    display: none;
}
input.compare-checkbox:checked {
    display: inline-block;
}

.sticky-compare-row td {
    background-color: #ffc965;
}

tr.sticky-compare-row:hover td {
    background-color: #ffdd8e;
    -webkit-transition: none;
    transition: none;
}
.compare-row:hover .compare-checkbox {
    display: inline-block;
}
.leaderboard-compare-panel {
    width: 400px;
    height: 80px;
    background-color: #55555f;
    position: fixed;
    bottom: 40px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    border: 1px solid #404040;
    padding: 10px;
    display: none;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}

.term-definition {
    font-family: 'Times New Roman', serif;
    font-weight: lighter;
    font-size: 0.75em;
}
.empty-state-error {
    display: inline-block;
}

.bf-load-25 {
    margin: 0 auto;
    display: block;
    padding: 10px 6px;
    max-width: 235px;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* auxiliary classes */
.mt0 {
    margin-top: 0 !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb-minus20 {
    margin-bottom: -20px !important;
}

/* ------------------ */
/* django_bs3.css END */
/* ------------------ */

/* ------------------ */
/*   Pollock  BEGIN   */
/* ------------------ */

.pollock-body {
    background: none repeat scroll 0 0 #eeeeee;
    position: relative;
    min-height: 500px;
    width: auto;
}

.bk-watermark {
    position: absolute;
    display: block;
    top: -200%;
    width: 100%;
    height: 300%;
    background: transparent url('../../img/blinkfire-watermark-45deg.png') 0 0 no-repeat;
    opacity: 0.3;
    background-size: 100%;
}

/* ------------------ */
/*   Pollock  END     */
/* ------------------ */

/* Social Sharing */
.twitter-share-button,
.fb-share-button,
.IN-widget {
    vertical-align: middle !important;
}

/*Filter bar*/
.streamItems__filterBar {
    display: flex;
    flex-direction: column;
}
.no-bullet {
    list-style: none;
}
#tops-trends .isotope-content {
    width: calc(100% - 380px);
}
.filterBar {
    background-color: #94a1b5;
    position: relative;
    width: 94%;
    left: 2.6vw;
    color: white;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 1em 0 2em 0;
    margin-left: 5px;
    height: 100%;
}
.filterBar__filtersList,
.filterBar__mobile__filterList {
    width: 100%;
}
.filterBar__filtersList,
.filterBar__searchBox,
.filterBar__mobile__filterList {
    display: inline-flex;
    height: 3em;
    align-items: center;
    align-content: center;
    margin: 0;
}
#tops-trends > .streamItems__filterBar {
    width: 75.6vw;
    margin-left: 2.3em;
}
.filterBar__filtersList__element:hover {
    background-color: #7f8ca0;
}
.filterBar__filtersList li:last-child {
    border: none;
}
.filterBar__filtersList__element,
.filterBar__mobile__filterList__element {
    width: 25.5%;
    list-style: none;
    text-align: center;
    padding: 0.78em;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    white-space: nowrap;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.padding-1 {
    padding-top: 1em 0;
}
.filterBar__mobile__filterList__element {
    width: 44%;
}
.filterBar__mobile__filterList__element img {
    width: 10px;
}
.filterBar__arrow {
    width: 11px;
    margin: -8px 0 0 5px;
}
.active > .filterBar__arrow {
    transform: rotate(180deg) translateY(-9px);
}
.filterBar__searchBox input {
    border-radius: 20px;
    width: 100%;
    padding-right: 2.5em;
}
.filterBar__searchBox__search:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: 1.5em;
    background-image: url(/publisher/img/search_purple.png);
    background-size: 15px;
    background-repeat: no-repeat;
    top: 13px;
    cursor: pointer;
}

.filterBar__filtersTabs {
    min-height: 7em;
    background-color: #abb5c5;
    position: relative;
    align-content: center;
    align-items: center;
}
.filterBar__filtersTabs > * {
    display: inline-flex;
    align-items: center;
}
.on.filterList__option:after {
    background-position-y: -45px;
}
.filterList__option,
.filterList__option__input {
    background-color: white;
    min-width: 15em;
    height: 2.5em;
    border-radius: 5px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    color: #707070;
    white-space: nowrap;
    margin-right: 1em;
    position: relative;
    text-align: center;
    margin-bottom: 2px;
    border: 1px solid #999;
    transition: border-color 200ms ease;
}
.filterList__option:hover,
.filterList__option__input:hover {
    border-color: #444;
}
.filterList__option__icon {
    width: 15px;
    margin: 0 1em 0 0.5em;
}
.filterBar__filtersList__channels ul {
    padding: 0;
    margin: 0;
}

.isotope-content {
    margin-left: 3.5vw;
    height: 100% !important;
}
.filterBar__deselectAll {
    position: relative;
}
.filtersList__deselect {
    width: 10em;
    white-space: nowrap;
    background-color: #5a5e7b;
    color: white;
    border-radius: 5px;
    padding: 0.5em 1em;
    border-color: transparent;
    justify-content: inherit;
    order: 2;
    margin-top: 10px;
}

.flex-inline {
    display: inline-flex;
    align-items: center;
    align-content: center;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.width-100 {
    width: 100%;
}
.height-100 {
    height: 100%;
}
.filterList__height-100 {
    height: 100%;
    min-height: 7em;
}
.margin-0 {
    margin: 0 auto;
}
.margin-top-05 {
    margin-top: 0.5em;
}
.margin-top-2 {
    margin-top: 2em;
}
.filterBar__filtersList__element.active,
.filterBar__filtersList__element.active:hover {
    border-right: none;
    background-color: #aab5c4;
    border-radius: 5px 5px 0 0;
}
.capitalize {
    text-transform: capitalize;
}
.flex-center {
    display: inline-flex;
    align-items: center;
    align-content: center;
}
.filterList__channel__wrapper {
    margin: 5px 0;
}
.filterList__option:after,
.filterList__option__input:after {
    content: ' ';
    width: 1.5em;
    height: 1.5em;
    background-image: url(/publisher/img/filters-check.png);
    position: absolute;
    right: 1em;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 4px 3px;
}
.filterList__channel__wrapper .filterList__option {
    margin: 0.3em 1em 0.3em 0;
}
.filterList__option--disabled {
    position: relative;
    background-color: #ddd;
    cursor: default;
}
.filterList__option--disabled:hover {
    border-color: #999;
}
.filterList__lock {
    position: absolute;
    top: -7px;
    right: -6px;
    font-size: 8px;
    color: #fcc334;
    background-color: #fdf1d2;
    border-radius: 50%;
    padding: 4px 5px 5px 4px;
    cursor: default;
}
.filterList__option--disabled:after {
    background-image: unset;
}
.filterList__option__input:after {
    background-image: url(/publisher/img/radio-buttons.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: -2px -9px;
}
.on.filterList__option__input:after {
    background-position-y: -40px;
}
.filterList__option__updateText {
    background-color: #2ba24f;
    color: #fff;
    position: absolute;
    top: 3em;
    left: 0;
    width: 100%;
    border-radius: 2px;
    font-size: 10px;
    padding: 0.2em;
    opacity: 0;
    transition: all ease-in-out 0.3s;
}
.filterList__option__updateText.displaying {
    background-color: #2ba24f;
}
.filterList__option__updateText.hiding {
    background-color: #999;
}
.filterList__option__updateText.active {
    opacity: 1;
    top: 4em;
}
input.filterList__option {
    display: none;
}
input.filterList__option:after {
    display: none;
}
.filterBar__applyAll__wrapper .btn {
    width: 14em;
    padding: 0.7em 0;
    margin: 0.5em 0;
}
.font-size-13 {
    font-size: 13px;
}
.settings__saved {
    display: none;
    color: #0b0;
    position: relative;
    top: -4px;
    padding-left: 1em;
}
.filter-control {
    flex-wrap: wrap;
}
.margin-5 {
    margin-top: 5px;
}
.filterBar__mobile {
    display: none;
}
.filterBar__buttonElement {
    margin: 0 auto;
    padding-right: 2.5em;
    font-weight: normal;
}
.filterList__option__icon:before {
    font-size: 17px;
}
.deselect__container__text {
    width: 5em;
}
@media screen and (max-width: 767px) {
    .deselect__container__text {
        margin-top: -9px;
    }
    .filterList__height-100 {
        min-height: inherit;
    }
    .filterBar {
        width: 127%;
        height: auto;
        margin: 0 0 0 -5px;
        left: -35px;
        border-radius: 0;
    }
    .filterBar__mobile {
        background-color: #94a1b5;
        position: fixed;
        width: 100%;
        left: 0;
        height: 100%;
        border-radius: 3px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        overflow-y: scroll;
        top: 0;
        z-index: 9999;
    }
    .filterBar__mobile__top {
        width: 100%;
        height: 4em;
        font-size: 1.3em;
        background-color: white;
        color: #5b5e79;
        text-align: center;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        align-content: center;
        font-weight: bold;
    }
    .filterBar__mobile__top p {
        margin-bottom: 0;
    }
    .filterBar__mobile__op p {
        margin: 0 auto;
    }
    .filterBar__mobile__element {
        background-color: #acb4c3;
        list-style: none;
    }
    .filterBar__mobile__header {
        padding: 1em 1em;
        font-weight: 700;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        background-color: #969fb2;
    }
    .filterBar__mobile__header:after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-image: url('/publisher/img/plus.png');
        right: 2em;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -27px;
    }
    .active.filterBar__mobile__header:after {
        background-position-y: 0px;
    }
    .filterList__channel__wrapper {
        flex-wrap: wrap;
    }
    .filterList__option {
        min-width: 14em;
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: 4px -32px;
        right: 0.3em;
        margin: 5px 5px 5px 0;
    }
    .filterList__option:after {
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: 4px 5px;
        right: 0.3em;
    }
    .on.filterList__option:after {
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: 4px -32px;
        right: 0.3em;
    }
    .on.filterList__option__input:after {
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: 4px -32px;
        right: 0.3em;
    }
    .filterList__option__icon {
        width: 6px;
        margin: 0 1em 0 0.1em;
    }
    #tab1-streamitems {
        margin-top: 1em;
    }
    .mobile__search img {
        width: 20px;
    }

    .filterBar__close {
        position: absolute;
        color: #000;
        font-weight: 700;
        right: 2em;
        top: 1.7em;
        font-size: 16px;
        width: 14px;
    }
    .mobile__content {
        padding: 1.5em 1em;
    }
    .filterBar__mobile__content {
        background-color: #acb3c2;
    }
    .mobile__orderBy .filterList__option {
        display: none;
    }
    .mobile__orderBy .filterList__option__input {
        min-width: 100%;
        background-color: transparent;
        color: white;
        font-weight: normal;
        border-bottom: 1px solid #9ca4b6;
        padding: 1.9em 0 1.5em 1em;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .mobile__orderBy .filterList__option__input label {
        font-weight: normal;
    }

    .filterBar__mobile .filterBar__applyAll__wrapper {
        background-color: white;
        height: 8em;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .isotope-content {
        margin-left: 8vw;
    }
    .filtersList__deselect {
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: -3px;
    }

    .filterBar__buttonElement {
        padding-right: 2em;
        padding-left: 0.5em;
        pointer-events: none;
    }

    .filterList__option__input:after {
        background-image: url(/publisher/img/radio-buttons.png);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: -4px -9px;
    }
    .on.filterList__option__input:after {
        background-position: -6px -40px;
        background-size: 30px;
    }
    .filterBar__mobile__filterby .filterList__option__input:after {
        background-size: 32px;
        background-position: -8px -12px;
        right: 9vw;
    }
    .filterBar__mobile__filterby .on.filterList__option__input:after {
        background-position: -8px -45px;
        right: 9vw;
        background-size: 33px;
    }
}

@media screen and (max-width: 990px) {
    .filterBar__filtersTab {
        top: 3em;
    }
    .filterBar__filtersList__media .filtersList__deselect__container {
        display: flex;
        align-items: center;
        flex-flow: wrap;
    }
    #tops-trends .isotope-content {
        width: 93%;
    }
}

.target-countries {
    background-color: #e2edfa;
    color: #1f66b7;
    min-width: 100px;
    margin-right: 10px;
    margin-top: 10px;
    height: 30px;
    border-radius: 24px;
    text-align: center;
    box-shadow: none;
}
.target-countries__container {
    display: flex;
    flex-direction: column;
}
.target-countries__title {
    display: flex;
    align-items: center;
    margin: 1em 0;
}
.targetpost {
    width: 15px;
    height: 15px;
}
.targetpost-title {
    font-size: 15px;
    color: #676767;
    font-weight: 700;
    margin-left: 8px;
}
.pview-date img.targetPost__submenu__icon__image {
    width: 11px;
    height: 11px;
    opacity: 1;
}
.targeted-countries {
    font-size: 13px;
    margin: 6px 12px 0px 12px;
}
.target-countries-container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 1em 0.8em;
}
.target-countries__wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.8em;
}

.height-auto {
    height: auto;
    position: relative;
}

.post-video-insights-container,
.post-video-live-container {
    background-color: #fff;
    z-index: 2;
    margin-bottom: 70px;
}

.post-data-brands-container {
    padding-left: 0;
    padding-right: 0;
    z-index: 3;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
}

.post-data-container {
    background-color: #fff;
    padding: 0 15px;
}

.post-video-insights-block {
    margin: 2em 0;
}

.post-video-insights-container__total-time__container,
.post-video-live-container__total-time__container {
    border-right: 1px solid #cacaca;
}

.post-video-insights__total-time,
.post-video-insights__average-time,
.post-video-live__total-time,
.post-video-live__peak-viewers {
    font-size: 14px;
    font-weight: 800;
    color: #444444;
}

.post-video-insights-container__title,
.post-video-live-container__title {
    font-weight: bold;
}

.current_metric--indicator {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: #3366cc;
    margin-right: 5px;
}

.current_metric--box {
    border: 1px solid #c6c6c6;
    border-radius: 25px;
    text-align: left;
    padding: 5px 10px 5px 10px;
    margin: 8px 0px;
}

.time-watched-title {
    text-align: left;
}

.time-watched_box--text {
    color: #707070;
    font-size: 13px;
    text-align: left;
    margin-bottom: 40px;
}

.time-watched_box--no-wrap {
    white-space: nowrap;
}

.time-watched_box--img {
    width: 12px;
    vertical-align: baseline;
}

.retention_graph-box {
    padding: 20px;
}

.retention_graph-margin {
    margin-bottom: 15px;
}

.meter-selected-box {
    display: inline-block;
    width: max-content;
    padding: 6px 12px;
    border-radius: 6px;
    text-align: center;
    background-color: #1a73e8;
    color: #fff;
    position: absolute;
    top: -35px;
}

.meter-scale-display {
    display: flex;
    position: relative;
    min-height: 20px;
    margin: 0 15px;
}

.meter-chart {
    display: flex;
    position: relative;
    margin: 0 15px;
}

.meter-selected {
    position: absolute;
    text-align: initial;
}

.meter-indicator--round {
    background-color: #fff;
    border: 3px solid #1a73e8;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -7px;
    top: 3px;
}

.meter-indicator--round::after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #1a73e8;
    position: absolute;
    bottom: 10px;
    left: -1px;
}

.meter-line {
    border-radius: 2px;
    height: 4px;
    margin: 8px 0;
    flex: 1 0 1px;
}

.meter-left-line.meter-line {
    background-color: #ea4335;
    margin-right: 2px;
}

.meter-middle-line.meter-line {
    background-color: #fbbc04;
    flex-grow: 2;
}

.meter-right-line.meter-line {
    background-color: #34a853;
    margin-left: 2px;
}

.meter-scale {
    color: #5f6368;
    font: 400 12px/16px Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0.3px;
}
.meter-label--text {
    color: #3c4043;
    font: 400 14px/20px Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0.2px;
    display: none;
}

.meter-left-line.scale-text {
    left: 25%;
    position: absolute;
    transform: translateX(-50%);
    width: max-content;
}

.meter-right-line.scale-text {
    left: 75%;
    position: absolute;
    transform: translateX(-50%);
    width: max-content;
}

.targeted-country-button {
    background: transparent;
    border: none;
}
.countries-click-background {
    background-color: #2768ac;
    color: #fff;
}

.single-item__alert {
    margin-top: 8px;
    margin-bottom: -10px;
}

.regions_div {
    width: 100%;
}
.targetPost {
    top: -1px;
}
.textBreak {
    word-wrap: break-word;
    max-width: 200px;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.switch {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 44px;
    margin: 0 0 0 5px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #808080;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch__slider:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    left: 0px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .switch__slider {
    background-color: #27ae60;
    left: 0px;
}

input:focus + .switch__slider {
    box-shadow: 0 0 1px #27ae60;
}

input:checked + .switch__slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.switch__slider--round {
    border-radius: 34px;
}

.switch__slider--round:before {
    border-radius: 50%;
}
.td-opacity {
    color: rgba(0, 0, 0, 0.5);
}
.img-opacity {
    opacity: 0.5;
}
.no-pointer-events {
    pointer-events: none;
}

.customColumns__button {
    padding: 0.5em 1em;
    display: inline-flex;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    background-color: #e8e8e8;
    color: #949494;
    width: 12%;
    height: 3.5em;
    align-items: center;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.customColumns__button:hover {
    background-color: #e0dfdf;
}

.customColumns__button.active {
    background-color: #67b17e;
    color: white;
}
.customColumns__button.active:hover {
    background-color: #5fa575;
}

.customColumns__toggleButton,
.customColumns__button__bulkSelect {
    display: inline-block;
    width: auto;
    position: relative;
    cursor: pointer;
    background-color: #f3f3f3;
    padding: 0.5em 2em;
    margin-bottom: 1em;
}

.customColumns__button__bulkSelect {
    border-radius: 5px;
    border: 1px solid #bdbdbd;
}

.customColumns__button span {
    width: 93%;
    pointer-events: none;
    display: table-cell;
    position: absolute;
    left: 3%;
    padding: 0.5em;
}

.customColumns__toggleButton.active {
    border-bottom: 2px solid #67b17e;
    border-radius: 5px;
}

.customColumns__toggleButton__info {
    display: block;
    position: relative;
    margin-top: -9px;
    margin-bottom: 2em;
    font-size: 12px;
    color: #67b17e;
    font-weight: bold;
}

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

.largeModal {
    width: 70%;
}
#downloadXLSXModal .modal-dialog {
    transition: all 0.4s ease-in-out;
}
.lowerOpacity {
    opacity: 0.2;
}
.customColumns__alertInfo {
    transition: all 0.3s ease-in-out;
    width: 50%;
    margin: 0 auto;
}
#columnSearch {
    width: 50%;
}

@media screen and (max-width: 1560px) {
    .customColumns__button {
        width: 19%;
    }
}
@media screen and (max-width: 1010px) {
    .customColumns__button {
        width: 23.5%;
    }
}
@media screen and (max-width: 857px) {
    .customColumns__button {
        width: 32.5%;
    }
}

.margin-left-auto {
    margin-left: auto;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .filterBar__filtersList__media .filtersList__deselect__container {
        width: 25%;
    }
}

.segmented-td {
    margin: 0 auto;
    display: inline-grid;
    width: 100%;
    grid-template-columns: 37% 91px 37%;
}
.segmented-td a:hover {
    text-decoration: underline;
}
.hc-branded-vs-unbranded-pie {
    padding: 0 2em;
}
.brandedColor,
.brandedColor a {
    color: #4f909f !important;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    flex-flow: column;
}
.flex-inline-column {
    display: inline-flex;
    justify-content: center;
    flex-flow: column;
}
.min-width-25 {
    min-width: 25%;
}
.no-height {
    line-height: inherit;
}
.table-image {
    width: 10px;
    align: left;
    white-space: nowrap;
}
.nowrap {
    white-space: nowrap;
    width: auto;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #878787;
    border-radius: 10px;
    -webkit-box-shadow: inset 2px 2px 2px #878787, inset -2px -2px 2px #878787;
    box-shadow: inset 2px 2px 2px #878787, inset -2px -2px 2px #878787;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    background: linear-gradient(to right, #c3c3c3, #c3c3c3 1px, #c3c3c3 1px, #c3c3c3);
}

.dataTables_scrollHead {
    border-right: 1px solid #d0d0d0;
}
div .DTFC_LeftBodyLiner {
    overflow-y: hidden !important;
}

.missingChannels__message {
    border-radius: 4px;
    background-color: #d0d0d0;
    margin-left: -1.3em;
    padding: 0.5em 0.8em;
    width: fit-content;
    font-size: 12px;
    color: #616161;
}

.highcharts-xaxis-labels > *,
.chartLabels {
    text-decoration: none !important;
    color: inherit;
    text-transform: capitalize;
    font-weight: 100;
}

.highcharts-legend-item {
    text-transform: capitalize;
}
.highcharts-axis-labels {
    text-align: center;
}
.chartLabelImage {
    width: 20px !important;
    margin-bottom: 5px;
}
.chart__drilldown-info {
    color: #333;
    fill: #333;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

@media only screen and (max-width: 600px) {
    .chart__drilldown-info {
        display: none;
    }
}

#hc-bar-content-engagement,
#hc-bar-content-valuation,
#hc-bar-content-escore,
#hc-bar-content-impressions,
#hc-bar-content-reach,
#hc-bar-content-video-views,
#hc-line-time-engagement,
#hc-line-relative-growth {
    background-color: white !important;
    padding: 1em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 1em !important;
}

#hc-line-time-engagement,
#hc-line-relative-growth {
    margin-top: 2em;
    padding-top: 3em;
}

.highcharts-tooltip > *,
.highcharts-label-box {
    z-index: 99999 !important;
    padding: 5px;
}
.highcharts-legend > *,
.highcharts-label-box {
    z-index: 1 !important;
}
.highcharts-tooltip,
.highcharts-tooltip > *,
.highcharts-label-box {
    background: rgba(255, 255, 255, 1);
}
.text-right {
    text-align: right;
}
#dateRangePicker {
    width: 20em;
    cursor: pointer;
    margin-left: 0.8em;
    font-size: 16px;
}
.calendarSeparator {
    width: 20px;
}
.margin-right-18 {
    margin-right: 18px;
}
input#dateRangePicker,
.styled_calendar input,
.styled_input input {
    color: #656565;
    font-style: normal;
    background-color: white;
    height: 40px !important;
    font-weight: bold;
    border: 1px solid #cecece;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input#dateRangePicker {
    font-size: 12px !important;
}
.styled_calendar input,
.styled_input input {
    font-size: 14px !important;
}
.reports__header {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: white;
    border-radius: 5px 5px 0 0;
    height: 55px;
    padding: 3em 2em 3em;
    position: relative;
}
.reports__header--border {
    border-bottom: 1px solid #e6e6e6;
}
#sticky_header {
    display: table;
    margin-left: -15px;
    margin: 0 auto;
}
#sticky_header.sticky__date {
    flex-direction: column;
    display: inline-flex;
    width: 100%;
}
#sticky_header.sticky_header .reports__header {
    border-radius: 0px;
}
#sticky_header .report-buttons {
    margin-right: 5px;
    border-radius: 5px !important;
}
#sticky_header.demographics {
    position: absolute;
    top: 48px;
    left: 72px;
    right: 0;
    width: calc(100% - 72px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#sticky_header.demographics.sticky {
    position: sticky;
    top: 0;
    left: unset;
    right: unset;
    width: inherit;
}
#sticky_header.demographics .report-buttons {
    margin-right: 0;
}

.sticky__date .date-container {
    padding: 0;
}
.reportTools__title {
    color: #4578a3;
    position: absolute;
    top: 9px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
.sticky__date .reportTools__title {
    display: none;
}
.left-17 {
    margin-left: 17px;
}
@media (max-width: 1280px) {
    .datepicker__bar span {
        display: none;
    }
    .sticky__date .date-container {
        width: auto;
    }
}
@media (max-width: 820px) {
    .sticky__date .reports-top-paragraph__title a,
    .sticky__date .reports-top-paragraph__title span {
        display: none;
    }
}

.reduced#sticky_header {
    display: flex;
    margin-top: 0.5em;
}
.reduced #reports__header {
    width: auto;
    margin: 0 auto;
    margin-bottom: 1.5em;
}
.reduced #reports__header .report-buttons {
    display: inline-block;
    margin-top: 0.5em;
}
.reduced > .date-container {
    float: inherit;
}
.reports-top-paragraph__container {
    align-content: center;
    align-items: center;
    color: #656565;
    font-weight: bold;
    font-size: 14px;
}
.sticky__date .reports__header {
    padding: 1em 1em;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.sticky__date {
    position: sticky;
    z-index: 101;
    width: inherit;
    border-radius: 0;
    top: 0;
}

.sticky__date--shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.opacity-1 {
    opacity: 1;
}
.daterangepicker {
    transition: all ease-in-out 0.3s;
}
.dateRangePicker__container {
    position: relative;
    border-left: 1px solid #e4e4e4;
}
.dateRangePicker__hideLeftBar.dateRangePicker__container {
    border-left: none;
    margin-left: -8px;
}
.dateRangePicker__scheduledReports {
    background-color: #00c851;
    color: #fff;
    font-size: 10px;
    border-radius: 10px;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    margin-left: 4px;
    padding-bottom: 2px;
}
.dateRangePicker__scheduledReports span {
    margin-top: 2px;
    margin-left: 1px;
}
.daterangepicker {
    z-index: 9999 !important;
}
#advanced-search .daterangepicker:after,
#advanced-search .daterangepicker:before {
    display: none;
}
.dateRangePicker__calendarImage {
    width: 15px;
    position: absolute;
    right: 18px;
    top: 15px;
    cursor: pointer;
    opacity: 0.8;
}

.daterangepicker.daterangepicker__index {
    z-index: 100 !important;
}

.daterangepicker.single td.disabled {
    background-color: #f5f5f5;
    border-color: #fff;
}

.daterangepicker.single td.active {
    border-color: transparent !important;
}

.daterangepicker.single td.available:hover {
    opacity: 1;
    background-color: #e0e2e5;
}

.reports__header-paragraph {
    text-align: center;
    margin: 30px auto 20px;
    font: 100 1.3em 'Open Sans', sans-serif;
    font: 100 14px 'Open Sans', sans-serif;
    font-weight: 600;
    color: #656565;
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 2em;
    float: left;
}
.container-100 {
    width: 100%;
    height: 100px;
}

.reports-top-paragraph__title {
    align-items: center;
    height: 56px;
    align-content: center;
    display: flex;
}

.reports-top-paragraph__title a {
    display: flex;
    align-items: center;
}

.reports-top-paragraph__title span.breadcrumb-arrow {
    font-size: 18px;
}

.reports-top-paragraph__title img.avatar_header.small {
    max-width: 26px;
    top: 0;
}

.reports-top-paragraph__title img.avatar_header.small.entity_avatar {
    margin-right: 0;
}

.reports-top-paragraph__title img.avatar_header.small.medium_avatar {
    max-width: 24px;
    border: none;
}

.reports-top-paragraph__title > *,
.reports-top-paragraph__title a img {
    margin-right: 6px;
}

.reports-top-paragraph__title a + .report-name-margin-smaller {
    margin-left: -2px;
}

.reports-top-paragraph__title a.admin-link {
    color: transparent;
    text-decoration: none;
}

.reports-top-paragraph__title a.admin-link:hover {
    color: #656565;
}

.reports-top-paragraph__title i.flag {
    margin-top: 0;
}

.maxRangeNode {
    width: 40%;
    position: absolute;
    bottom: 8px;
    font-size: 12px !important;
    font-weight: bold;
    text-align: left;
    left: 16px;
    color: #e07a2c;
    transition: all 0.5s ease-out;
}

.maxRangeNode--lock {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 11px !important;
    font-weight: unset;
    line-height: 13px;
    color: #333;
}

#advanced-search .maxRangeNode {
    text-align: center;
    width: 100%;
}
.date-filter-container .maxRangeNode {
    margin-bottom: -2em;
    left: 0;
}
.opacity-0 {
    opacity: 0;
}
.report-buttons {
    display: inline-flex;
    justify-content: center;
    align-content: center;
}
.report-buttons .btn,
input#dateRangePicker {
    transition: all ease-in-out 0.3s;
    border: 1px solid #333;
    padding: 7px;
    font-size: 12px;
}
.report-buttons .btn {
    margin-right: 0.5em !important;
}
.report-buttons .btn:hover,
.report-buttons .btn:focus,
#dateRangePicker:hover {
    background-color: #fff !important;
    border-color: #4578a3;
    color: #4578a3;
}
.modal.in .modal-dialog {
    top: 5em !important;
}

.card {
    background-color: white;
    padding: 1em;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.card .hc-angular-chart {
    padding: 0.5em;
    transition: all ease-in-out 0.1s;
}

#hc-bar-new-followers .highcharts-title,
#hc-bar-channel-growth .highcharts-title {
    font-size: 18px !important;
}
#hc-bar-new-followers .highcharts-yaxis-grid .highcharts-grid-line,
#hc-bar-channel-growth .highcharts-yaxis-grid .highcharts-grid-line {
    opacity: 0.4 !important;
}
#hc-bar-new-followers .highcharts-data-label,
#hc-bar-channel-growth .highcharts-data-label {
    color: red !important;
}
#hc-bar-new-followers .highcharts-subtitle {
    margin-bottom: 20em !important;
}
#hc-bar-new-followers .highcharts-label highcharts-data-label > * {
    text-decoration: none !important;
}

.fanInsights__dataBlocks {
    color: #525252;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.fanInsights__dataBlocks__container {
    width: calc(100% / 5);
    display: inline-flex;
    margin-bottom: 2em;
    margin-top: -2em;
}
@media (max-width: 1515px) {
    .fanInsights__dataBlocks {
        justify-content: center;
    }
    .fanInsights__dataBlocks__container {
        width: calc(100% / 3);
        margin-bottom: 2.6em;
    }
}
@media (max-width: 1000px) {
    .fanInsights__dataBlocks__container {
        width: calc(100% / 2);
    }
}
@media (max-width: 730px) {
    .fanInsights__dataBlocks__container {
        width: calc(100%);
    }
}
.fanInsights__dataBlocks__block {
    border-radius: 5px;
    height: 6em;
    width: 98%;
}
.fanInsights__dataBlocks__container:nth-child(1) .fanInsights__dataBlock__data .fanInsights__dataBlock__border {
    background-color: #6ccac9;
}
.fanInsights__dataBlocks__container:nth-child(2) .fanInsights__dataBlock__data .fanInsights__dataBlock__border {
    background-color: #fd7a6f;
}
.fanInsights__dataBlocks__container:nth-child(3) .fanInsights__dataBlock__data .fanInsights__dataBlock__border {
    background-color: #ffbe58;
}
.fanInsights__dataBlocks__container:nth-child(4) .fanInsights__dataBlock__data .fanInsights__dataBlock__border {
    background-color: #57c8f2;
}
.fanInsights__dataBlocks__container:nth-child(5) .fanInsights__dataBlock__data .fanInsights__dataBlock__border {
    background-color: #9381a7;
    margin-right: 0em;
}
.fanInsights__dataBlocks__container:nth-child(4) .fanInsights__dataBlock__data .dateRangePicker__calendarImage svg {
    max-width: 25px;
}
.fanInsights__dataBlocks__container:nth-child(5) .fanInsights__dataBlock__data .dateRangePicker__calendarImage svg {
    max-width: 25px;
}
.fanInsights__dataBlock__data {
    position: relative;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    border-color: #333;
    display: inline-flex;
    height: 100%;
    white-space: nowrap;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    justify-content: space-between;
}
.fanInsights__dataBlock__border {
    transition: all ease-in 0.1s;
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.fanInsights__dataBlock__data:hover .fanInsights__dataBlock__border {
    height: 10px;
}
.fanInsights__dataBlock__numbers,
.fanInsights__dataBlock__numbers__total {
    font-size: 28px;
    transition: all ease-in-out 0.3s;
    max-width: 8em;
    width: 8em;
    text-align: left;
}
.fanInsights__dataBlock__numbers__total {
    position: absolute;
    opacity: 0;
}
.fanInsights__dataBlocks__container:nth-child(1)
    .fanInsights__dataBlock__data:hover
    .fanInsights__dataBlock__numbers__total,
.fanInsights__dataBlocks__container:nth-child(2)
    .fanInsights__dataBlock__data:hover
    .fanInsights__dataBlock__numbers__total {
    opacity: 1;
}
.fanInsights__dataBlocks__container:nth-child(1) .fanInsights__dataBlock__data:hover .fanInsights__dataBlock__numbers,
.fanInsights__dataBlocks__container:nth-child(2) .fanInsights__dataBlock__data:hover .fanInsights__dataBlock__numbers {
    opacity: 0;
}
.fanInsights__dataBlocks__container:nth-child(4)
    .fanInsights__dataBlock__data:hover
    .fanInsights__dataBlock__numbers__total,
.fanInsights__dataBlocks__container:nth-child(5)
    .fanInsights__dataBlock__data:hover
    .fanInsights__dataBlock__numbers__total {
    opacity: 1;
}
.fanInsights__dataBlocks__container:nth-child(4) .fanInsights__dataBlock__data:hover .fanInsights__dataBlock__numbers,
.fanInsights__dataBlocks__container:nth-child(5) .fanInsights__dataBlock__data:hover .fanInsights__dataBlock__numbers {
    opacity: 0;
}
.fanInsights__dataBlock__data .flex-column {
    align-items: self-start;
    margin-left: 1.5em;
    max-width: 91%;
}
.fanInsights__dataBlock__bestChannel {
    text-transform: capitalize;
    max-width: 62%;
    display: inline-block;
    font-size: 12px;
    opacity: 0.7;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-left: 5px;
}
.fanInsights__dataBlock__description {
    white-space: normal;
    text-align: left;
    font-size: 13px;
}
.fanInsights__dataBlock__icon {
    height: 30px;
    max-width: 30px;
    position: absolute;
    right: 1em;
    bottom: 2.5em;
}
.fanInsights__dataBlock__icon.small svg {
    height: 25px;
    max-width: 25px;
    fill: #393d62;
}
.small,
small {
    font-size: 85%;
}
.normal-whitespace {
    white-space: normal;
}
.dateRangePicker__calendarImage {
    height: 30px;
    max-width: 30px;
    position: absolute;
    right: 1em;
    bottom: 2.5em;
}
.dateRangePicker__calendarImage svg {
    height: 30px;
    max-width: 30px;
    fill: #393d62;
}
.dateRangePicker__calendarImage.small svg {
    height: 25px;
    max-width: 25px;
    fill: #393d62;
}
.dateRangePicker__calendarImage__img {
    width: 100%;
}

.changeChartType {
    position: absolute;
    right: 3.3em;
    z-index: 1;
    top: 1.5em;
}

.fanInsights__chart-icon__container {
    display: inline-flex;
}

.fanInsights__chart-icon__container__wrapper.active {
    background-color: #eeeeee;
}
.fanInsights__chart-icon__container__wrapper:hover {
    background-color: #eaeaea;
}
.fanInsights__chart-icon__container__wrapper {
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding: 0.3em 0.5em;
    z-index: 9999;
    cursor: pointer;
}
.fanInsights__chart-icon__container__wrapper:first-child {
    margin-right: 5px;
}
.fanInsights__chart-icon {
    width: 18px;
    transition: all ease-in-out 0.3s;
    opacity: 0.7;
}
.fanInsights__chart-icon__container__wrapper:hover .fanInsights__chart-icon {
    transform: scale(1.1);
}

#hc-bar-new-followers-pie .highcharts-drilldown-data-label text {
    fill: #093593 !important;
}

.highcharts-text-outline:after {
    content: 'Click';
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: red;
}
.sticky_header__secondBar {
    height: 22px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #4578a3;
    color: white;
    text-align: center;
    font-weight: normal;
    margin-bottom: 2px;
}
.sticky__date .sticky_header__secondBar {
    border-radius: 0;
    margin-bottom: 0px;
}
.date-textInfo {
    display: inline;
    font-size: 12px;
}
.datepicker__bar svg {
    height: 18px;
    width: 28px;
    fill: #393e5f;
}
.report-buttons .btn-default,
.datepicker__bar {
    display: inline-flex !important;
}
.calendar .dateRangePicker__calendarImage {
    position: absolute;
    right: inherit !important;
    top: 0.8em;
    left: 1.5em;
}
.calendar .dateRangePicker__calendarImage svg {
    height: 18px;
    width: 28px;
}
.calendar #dateRangePicker {
    padding-left: 3.5em;
}
@media screen and (max-width: 600px) {
    .calendar #dateRangePicker {
        width: 100%;
    }
    .sticky__date .calendar #dateRangePicker {
        width: 95%;
    }
    #sticky_header {
        display: inline;
    }
    #sticky_header.demographics {
        width: 100%;
    }
    .container.demographics {
        margin-top: 100px;
    }
    .report-buttons {
        display: inline;
        white-space: nowrap;
    }
    .reports__header {
        height: inherit;
        padding: 2.2em 2em 1em;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .reports-top-paragraph__title {
        height: unset;
        margin-bottom: 8px;
    }
    .reports-top-paragraph__title span,
    .reports-top-paragraph__title a {
        display: block !important;
    }
    .daterangepicker {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }
    .ranges ul li {
        display: inline-block;
        width: auto;
    }
    .daterangepicker .ranges li {
        float: left;
    }
    .daterangepicker.show-ranges.ltr .drp-calendar.left,
    .daterangepicker .drp-calendar.right {
        border-left: 0px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 480px) {
    .sticky__date {
        top: 50px;
    }
    #sticky_header.demographics {
        width: 100%;
        left: 0;
    }
}

.overflow-hidden {
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
.btn-default.raised {
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.btn-default.raised:active {
    background: #0c7dd8;
}

.anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
}
.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}

.hoverable:hover > .anim {
    -moz-animation: anim-out 0.75s;
    -webkit-animation: anim-out 0.75s;
    animation: anim-out 0.75s;
}
.hoverable:hover > .anim:after {
    -moz-animation: anim-out-pseudo 0.75s;
    -webkit-animation: anim-out-pseudo 0.75s;
    animation: anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-moz-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-ms-keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes anim-in {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes anim-in-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@-moz-keyframes anim-in-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@-ms-keyframes anim-in-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@keyframes anim-in-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@-webkit-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-moz-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-ms-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes anim-out-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@-moz-keyframes anim-out-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@-ms-keyframes anim-out-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}
@keyframes anim-out-pseudo {
    0% {
        background: #d7e2f1;
    }
    100% {
        background: transparent;
    }
}

.daterangepicker .calendar-table th {
    text-transform: uppercase;
    font-size: 10px !important;
    color: #347ebd;
}
.daterangepicker td {
    font-size: 11px !important;
}
.daterangepicker select {
    color: #333;
    background-color: white;
    border: none;
}
.daterangepicker td.available:hover {
    opacity: 0.4;
}
.daterangepicker .ranges li {
    transition: all ease-in 0.3s;
    padding: 10px 12px !important;
}
.daterangepicker td.in-range {
    background-color: #f5f5f5 !important;
}
.daterangepicker td.active {
    background-color: #357ebd !important;
    color: white !important;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left-color: #f1f1f1 !important;
}

.comparison-team {
    margin-top: 1em;
    display: inline-flex;
    flex-direction: column;
    padding: 1em;
    border-radius: 5px;
    background-color: #f1f1f1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.compared-entity-input::placeholder {
    /* Firefox, Chrome, Opera */
    color: #cacaca;
    font-weight: 100;
}

.compared-entity-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cacaca;
    font-weight: 100;
}

.compared-entity-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #cacaca;
    font-weight: 100;
}
.compared-entity-input,
.datepickers,
#datepicker-start,
#datepicker-end {
    cursor: pointer;
}
.comparison-team:first-child {
    margin-right: 15px;
}

.comparison-team__title {
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 3px;
}

.comparison-team .comparison-team__title {
    margin-left: 4px;
}

.compare__calendar input {
    width: 82.5%;
}
@media (max-width: 480px) {
    .mobile__topnav {
        z-index: 99999 !important;
    }
}

/* ----------------------- */
/* L2 Sponsorship Overview */
/* ----------------------- */

.l2-overview__container {
    display: flex;
}
.l2-overview__container.first {
    margin-top: 12px;
}
.l2-overview__card {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 12px;
    flex-basis: 100%;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
}
.l2-overview__container--dark .l2-overview__card {
    background-color: #e3e3e3;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.l2-overview__card:last-of-type {
    margin-right: 0;
}
.l2-overview__title {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
}
.l2-overview__header {
    display: flex;
    border-bottom: 1px solid #ccc;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.l2-overview__container--dark .l2-overview__header {
    border-bottom: 1px solid #bbb;
}
.l2-overview__name {
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2;
}
.l2-overview__delta {
    color: #333;
    margin-left: 10px;
    display: none;
    opacity: 0;
    transition: opacity 300ms;
    align-items: center;
}

.l2-overview__delta .fas {
    font-size: 10px;
    margin-right: 3px;
}

.l2-overview__delta--infinity {
    color: #bbb;
    font-size: 0.7em;
    line-height: 1.3;
}
.l2-overview__delta--positive i {
    color: #42b72a;
}
.l2-overview__delta--negative i {
    color: #c42626;
}
.l2-overview__metrics {
    display: flex;
    justify-content: flex-start;
}
.l2-overview__metric {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 30px;
}
.l2-overview__metric-value {
    font-weight: 100;
    font-size: 2.1em;
}
.l2-overview__metric-name {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 0.9em;
}
.l2-overview__container--dark .l2-overview__metric-name {
    color: #999999;
}
.l2-overview__avatar {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    object-fit: contain;
    border-radius: 50%;
}
.asset-overview,
.scene-overview {
    display: flex;
    margin-bottom: 10px;
}
.asset-overview:last-of-type,
.scene-overview:last-of-type {
    margin-bottom: 0;
}
.asset__name,
.scene__name {
    white-space: nowrap;
}
.asset__bar,
.scene__bar {
    height: 22px;
    background-color: rgb(229, 229, 229);
    flex-grow: 1;
    position: relative;
}
.asset__bar--active {
    width: 0;
    background-color: rgb(124, 214, 226);
    height: 100%;
    transition: 300ms;
}
.scene__bar--active {
    width: 0;
    background-color: rgb(112, 234, 206);
    height: 100%;
    transition: 300ms;
}
.asset__bar-value,
.scene__bar-value {
    font-size: 0.85em;
    font-weight: bold;
    position: absolute;
    top: 3px;
    left: 5px;
}
.grid-asset-overview,
.grid-scene-overview {
    display: grid;
    grid-template-columns: min-content auto min-content;
    grid-column-gap: 12px;
    grid-row-gap: 7px;
}
.grid-asset-overview *,
.grid-scene-overview * {
    align-self: center;
}
.valuation-chart__meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.valuation-chart__toggle {
    align-self: flex-end;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity 300ms;
    display: none;
}
.chart-toggle__checkbox {
    margin-right: 5px !important;
}
@media (max-width: 979px) {
    .l2-overview__container {
        flex-direction: column;
    }
    .valuation-chart__meta {
        flex-direction: column;
    }
    .l2-overview__card {
        margin-right: 0;
    }
}

.mostLeastPopularPosts {
    width: 100%;
    max-width: 100%;
    background-color: white;
    margin: 40px auto 0;
    padding: 25px 35px;
    position: relative;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}
.mostPopularLeastPosts__posts {
    margin: 0 auto;
    max-width: 750px;
}
.mostLeastPopularPosts__post {
    padding: 15px;
    border-radius: 5px;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    background-color: white;
    display: grid;
    grid-template-columns: 30% 1fr 30%;
    column-gap: 15px;
}
.mostLeastPopularPosts__picture,
.mostLeastPopularPosts__video {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    max-height: 15em;
}
.mostLeastPopularPosts__video {
    display: flex;
}
.mostLeastPopularPosts__picture img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
}
.mostLeastPopularPosts__video video {
    object-fit: contain;
    object-position: center;
    width: 100%;
    background-color: #161a1d;
}
.mostLeastPopularPosts__data__container {
    display: flex;
    flex-direction: column;
}
.mostLeastPopularPosts__numeration {
    z-index: 1;
    position: absolute;
    background-color: #004e62;
    color: white;
    font-weight: bold;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 0;
    top: 0;
}
.mostLeastPopularPosts__numeration__text {
    font-size: 18px;
    font-weight: 600;
}
.mostLeastPopularPosts__post {
    margin-bottom: 15px;
}
.mostLeastPopularPosts__post--no-picture {
    grid-template-columns: 1fr 30%;
}
.mostLeastPopularPosts__post--no-picture .mostLeastPopularPosts__data__container {
    margin-left: 25px;
}
.mostLeastPopularPosts__usernameContainer {
    display: flex;
    justify-content: space-between;
}
.mostLeastPopularPosts__meta-wrapper {
    display: flex;
    flex-direction: column;
}
.mostLeastPopularPosts__name-wrapper {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-bottom: 2px;
}
.mostLeastPopularPosts__avatars {
    min-width: 27px;
    height: 27px;
    margin-bottom: auto;
    position: relative;
}
.mostLeastPopularPosts__avatars .mostLeastPopularPosts__avatar + .mostLeastPopularPosts__avatar {
    position: absolute;
    top: 8px;
    left: 8px;
}
.mostLeastPopularPosts__avatar {    
    width: 19px;
    height: 19px;
    border-radius: 4px;
    margin-bottom: auto;
}
.mostLeastPopularPosts__coauthors {
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 9px;
    left: 9px;
    color: #333;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e6e6e6;

    &:before {
        content: attr(data-qty);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 10px;
        font-weight: 600;
        margin-left: -1px;
        margin-top: -1px;
    }
}
.mostLeastPopularPosts__username {
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    display: inline-flex;
    flex-wrap: wrap;
    word-break: break-all;
}
.mostLeastPopularPosts__username.small {
    font-size: 16px !important;
}
.mostLeastPopularPosts__meta {
    display: flex;
    align-items: center;
}
.mostLeastPopularPosts__media {
    width: 15px;
    display: inline-flex;
    margin-right: 5px;
}
.mostLeastPopularPosts__media img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 3px;
}
.mostLeastPopularPosts__date {
    font-size: 11px;
    color: #999;
}
.mostLeastPopularPosts__postButton {
    float: right;
}
.mostLeastPopularPosts__postButton a {
    display: flex;
    color: white;
    background-color: #086cd1 !important;
    border: none;
    border-radius: 3px;
    padding: 6px;
}
.mostLeastPopularPosts__postButton a:hover,
.mostLeastPopularPosts__postButton a:active,
.mostLeastPopularPosts__postButton a:visited,
.mostLeastPopularPosts__postButton a:focus {
    color: white;
}
.mostLeastPopularPosts__postButton .btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: white !important;
}
.mostLeastPopularPosts__postUrlIcon {
    color: white;
    font-size: 14px;
}
.mostLeastPopularPosts__brandsDetected__title {
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px;
}
.mostLeastPopularPosts__brandsDetected__brands__brand {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 3px;
    z-index: 1;
}
.mostLeastPopularPosts__brandsDetected__brands__brand img {
    position: absolute;
    top: 0;
    left: 0;
}
.mostLeastPopularPosts__metrics__topBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5px;
}
.mostLeastPopularPosts__topBox:only-child {
    grid-column: span 2;
}
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__escore__title,
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__escore__data,
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__engagement__data__title,
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__impressions__data {
    font-size: 12px;
}
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__escore__title,
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__engagement__data__title {
    margin-right: 5px;
}
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__escore__data,
.mostLeastPopularPosts__metrics__topBox .mostLeastPopularPosts__impressions__data {
    font-weight: 700;
}
.mostLeastPopularPosts__escore {
    width: 100%;
    justify-content: space-between;
    font-size: 11px;
    padding: 10px;
    border-radius: 4px;
    display: inline-flex;
    border: 1px solid #e6e6e6;
}
.mostLeastPopularPosts__impressions {
    width: 100%;
    justify-content: space-between;
    font-size: 11px;
    padding: 10px;
    border-radius: 4px;
    display: inline-flex;
    border: 1px solid #e6e6e6;
}
.mostLeastPopularPosts__engagement {
    border-radius: 4px;
    margin-top: 0.5em;
    min-height: 34%;
    border: 1px solid #e6e6e6;
    padding: 10px;
}
.mostLeastPopularPosts__engagement__total {
    display: flex;
    justify-content: space-between;
}
.mostLeastPopularPosts__engagement__total--border {
    border-bottom: 1px solid #e6e6e6;
}
.mostLeastPopularPosts__engagement__total__data {
    align-self: flex-end;
}
.mostLeastPopularPosts__engagement__total__title,
.mostLeastPopularPosts__engagement__total__data {
    margin-bottom: 6px;
    font-size: 12px;
}
.mostLeastPopularPosts__engagement__data {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 9px;
    grid-row-gap: 6px;
    border-bottom: 0px;
    margin-top: 0.5em;
}
.mostLeastPopularPosts__engagement__data__bar-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
}
.mostLeastPopularPosts__engagement__data__bar {
    background-color: #eae8e8;
    width: 100%;
    position: relative;
    height: 12px;
}
.mostLeastPopularPosts__engagement__data__bar__filled {
    background-color: #9ac4d0;
    width: 50%;
    position: absolute;
    height: 100%;
}
.mostLeastPopularPosts__engagement__data__number,
.mostLeastPopularPosts__engagement__total__data {
    font-weight: bold;
    text-align: right;
}
.mostLeastPopularPosts__engagement__data__number {
    font-size: 12px;
}
.mostLeastPopularPosts__engagement__data__title {
    display: flex;
    align-items: center;
}
.mostLeastPopularPosts__engagement__data__title img {
    width: 14px;
    margin-right: 5px;
}
.mostLeastPopularPosts__engagement__data__title span {
    font-size: 11px;
}
@media only screen and (min-width: 1024px) {
    .mostLeastPopularPosts {
        max-width: 1170px;
    }
}
.fas-xs {
    font-size: 12px;
}
.flex.no-wrap {
    flex-wrap: nowrap;
}
[v-cloak] {
    display: none !important;
}

.networkFilter,
.displayFilter {
    margin-right: 0.5em;
    position: relative;
}
.networkFilter__button,
.displayFilter__button {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background-color: #fff;
    padding: 0.5em 1.1em;
    position: relative;
    border: 1px solid #e0e1e4;
    margin-right: 0.5em;
    cursor: pointer;
    transition: all 200ms;
}
.networkFilter__button span,
.displayFilter__button span {
    font-size: 13px;
}
.networkFilter__button i,
.displayFilter__button i {
    margin-left: 5px;
}
.toggleMostLeast__button {
    background-color: #fff;
    float: right;
    border-radius: 8px;
    border: 1px solid #e0e1e4;
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 36px;
}
.toggleMostLeast__options {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
.toggleMostLeast__option {
    display: inline-block;
    width: 50%;
    height: 34px;
    padding: 7px 8px;
    margin: 0;
    color: #aaa;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    transition: all 200ms;
}
.toggleMostLeast__option.active {
    color: #fff;
}
.toggleMostLeast__highlight {
    transform: translateX(0);
    width: 50%;
    background-color: rgb(71, 108, 228);
    height: 100%;
    position: absolute;
    top: 0;
    transition: transform 200ms;
    z-index: 1;
}
.toggleMostLeast__highlight.least {
    transform: translateX(100%);
}

.networkFilter__button:hover,
.displayFilter__button:hover,
.toggleMostLeast__button:hover {
    background: #f5f5f5;
}

.networkFilter__unfold,
.displayFilter__unfold {
    background-color: white;
    z-index: 9;
}

.networkFilter__unfold {
    width: 32vw;
    min-width: 340px;
    max-height: 500px;
    overflow-y: auto;
    background-color: #fff;
}
.displayFilter__unfold {
    width: 15em;
    min-height: 5em;
    align-items: center;
    display: inline-flex;
    margin-top: 0.5em;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    position: absolute;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.075);
    left: 0;
}
.networkFilter__unfold__container {
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.075);
    z-index: 3;
}
.networkFilter__sendButton--container {
    z-index: 2;
    width: 100%;
    background-color: white;
    padding: 1em 0em;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.networkFilter__sendButton {
    text-align: center;
}
.displayFilter__filterList {
    padding: 0 !important;
    margin: 0 !important;
}
.displayFilter__filterList__check {
    color: #52936a;
}
.displayFilter__filterList li:hover {
    background-color: #e3eefc;
}
.displayFilter__filterList li {
    list-style: none;
    display: inline-flex;
    width: 100%;
    padding: 0.3em 1em;
    justify-content: space-between;
    align-items: center;
}
.filtersContainer {
    position: relative;
    height: auto;
    display: flex;
}
.filtersContainer:first-child {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #ccc;
}

.mostLeastPopularPosts__vue {
    display: flex;
    flex-direction: column;
}

.mostPopularLeastPosts__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.mostPopularLeastPosts__header .widget-wizard__container {
    height: fit-content;
}
.mostPopularLeastPosts__header .widget-wizard__container .dashboard__button {
    margin-right: 0;
}
.mostPopularLeastPosts__header .text-center {
    color: #666;
}
.mostPopularLeastPosts__title {
    font-weight: 600;
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 3px;
}
.mostLeastPopularPosts__filters {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

.networkFilter__title {
    font-weight: bold;
    width: 100%;
    margin-bottom: 1em;
    padding: 1em 0 0 1em;
}
.networkFilter__filterAll {
    padding-left: 1.5em;
}
.networkFilter label {
    font-weight: normal;
}
.networkFilter__channels {
    margin-top: 1em;
    margin-bottom: 2em;
}
.networkFilter__channels__title {
    border-bottom: 2px solid #eee;
    padding-left: 1em;
    padding-bottom: 0.5em;
}
.networkFilter__channels__channel {
    padding-left: 1em;
    padding-top: 0.5em;
    display: block;
    position: relative;
    margin-right: 1.5em;
    border-bottom: 2px solid #eee;
}
.networkFilter__channels__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 2em;
}
.networkFilter__channels__channel__container {
    display: block;
    position: relative;
    margin-right: 1.5em;
}
.networkFilter__channels__channel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.networkFilter__channels__channel__mediums {
    display: inline-flex;
}
.checkbox__container:hover .checkmark {
    border: 2px solid #2196f3;
}
.checkbox__container {
    margin-left: 2em;
    margin-top: 0.2em;
}
.checkbox__name {
    cursor: pointer;
}

/* When the checkbox is checked, add a blue background */
.networkCheckbox:checked + .checkbox__container .checkmark {
    border: 2px solid #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox__container .checkmark {
    border: 2px solid #2196f3;
    background-color: white;
}

/* Show the checkmark when checked */
.networkCheckbox:checked + .checkbox__container .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox__container .checkmark:after {
    content: '';
    position: absolute;
    display: none;
    left: 5px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #2196f3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mostLeastPopularPosts__description {
    font-size: 12px;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    padding: 0.5em 0.6em;
    border-radius: 5px;
    margin-top: 9px;
    flex-grow: 1;
    position: relative;
    word-break: break-word;
}
.mostLeastPopularPosts__description.long:after {
    content: '';
    width: 100%;
    height: 65px;
    background: linear-gradient(0deg, #fff 15%, transparent);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
.mostLeastPopularPosts-container {
    position: relative;
    height: auto;
    display: inline-block;
    width: 100%;
}
.fanInsights__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 20;
}
.fanInsights__loading img {
    margin-top: 25% !important;
}

.blur {
    filter: blur(3px);
}

/* Specific styles for the no access modal */

.no-access__header {
    position: relative;
}

.no-access__close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 27px;
    margin-top: 0;
}

.no-access__title {
    font-weight: bold;
    font-size: 16px;
}

.no-access__options {
    text-align: center;
    margin-top: 25px;
}

.no-access__back,
.no-access__contact {
    width: 105px;
}

.no-access__back {
    border: 1px solid #cacaca;
    margin-right: 10px;
}

.no-access__sphere {
    background-color: #fcf0d3;
    position: relative;
    width: 75px;
    height: 70px;
    border-radius: 37px;
    margin: 0 auto 15px;
}

.no-access__lock {
    width: 26px;
    height: 31px;
    fill: #ffcc4c;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Specific styles for custom toasts */

.toast__alerts {
    z-index: 9999;
    position: fixed;
    top: 60px;
    right: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 10px;
}

.toast__alert {
    position: relative;
    width: fit-content;
    padding: 15px 20px;
    background-color: #333333;
    border-radius: 3px;
    color: white;
    opacity: 0.95;
    display: none;
}

.toast__alert--success {
    border-left: 5px solid #4cae4c;
}

.toast__alert--error {
    border-left: 5px solid #d5403b;
}

.toast__alert--warning {
    border-left: 5px solid #f49d21;
}

.toast__alert--info {
    border-left: 5px solid #0088cc;
}

.toast__alert .fa-times {
    cursor: pointer;
    margin-right: 5px;
}

.toast__alert .toast__link,
.toast__alert .toast__link:hover,
.toast__alert .toast__link:focus,
.toast__alert .toast__link:active {
    color: #fff;
}

.modal-footer__sticky {
    position: sticky;
    bottom: 0;
    background-color: white;
}

.modal-save-btn {
    background-color: #5cb85c;
    color: #fff;
    padding: 6px 12px;
    border: 1px solid #4cae4c;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
}

.archived__svg {
    width: 12px;
    margin-right: 5px;
}

/** Datepicker Teaser **/

.btn-teaser {
    color: #d0d0d0;
    cursor: default;
    position: relative;
    overflow: visible !important;
}

.btn-teaser:hover,
.btn-teaser:focus {
    color: #d0d0d0 !important;
    cursor: default;
}

.btn-teaser .datepicker__bar svg {
    fill: #d0d0d0;
}

.icon-teaser {
    color: #fcc334;
    font-size: 8px;
    cursor: default;
    position: absolute;
    padding: 4px 12px 13px 5px;
    background-color: #fdf1d2;
    border-radius: 50%;
    top: -7px;
    left: -6px;
}

.icon-teaser:hover {
    color: #fcc334;
}

/** Dashboard report binding **/

.dashboard-report-binding {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.dashboard-report-binding--margin {
    margin-bottom: 40px;
    margin-right: 5px;
}

.header-section-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 5px;
    justify-items: center;
    align-items: center;
    margin-top: 10px;
}

.header-section-wrapper--margin-top {
    margin: 80px 0 20px;
}

.header-section-wrapper--margin-bottom {
    margin-bottom: 10px;
}

.header-section-wrapper > p,
.header-section-wrapper > h3,
.header-section-wrapper .audience-size-pagination {
    margin: 0 !important;
    grid-column-start: 2;
}

.header-section-wrapper .dashboard-report-binding {
    display: block;
    margin: 0;
    grid-column-start: 3;
    margin-left: auto;
}

.daily-engagement .header-section-wrapper {
    margin: 30px 0;
}

/** Strength Meter visibility indicator **/

.spot-visibility-on-viewport {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    margin: 8px -1px -5px;
    padding: 5px 10px 7px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.spot-visibility-title {
    font-size: 10px;
    color: #333333;
    margin-bottom: 3px;
}

.spot-visibility-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 !important;
}

.spot-visibility-item-wrapper {
    position: relative;
    margin-top: 5px;
}

.spot-visibility-item-wrapper:not(:last-child) {
    margin-right: 5px;
}

.spot-visibility-item {
    width: 30px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}

.spot-visibility-item--enabled {
    background-color: #258067;
}

.spot-visibility-item--disabled {
    background-color: #bbb;
}

.spot-visibility-item--disabled:after {
    position: absolute;
    content: '';
    left: 3px;
    top: 45%;
    right: 0;
    width: 25px;
    border: 2px solid #f2f2f2;
    transform: skewY(-40deg);
}

.spot-visible-item {
    position: absolute;
    top: -4px;
    right: -1px;
    width: 12px;
    font-size: 6px;
    background-color: #fff;
    color: #333333;
    padding: 2px 0;
    border: 0.5px solid #258067;
    border-radius: 50%;
    text-align: center;
}

/* Ad posts teaser */

.teaser-ad-post__container {
    display: flex;
    padding: 15px 10px;
    border-radius: 2px;
}

.teaser-ad-post__container--background-white {
    background-color: white;
}

.teaser-ad-post__container--vertical-margin {
    margin: 10px 0;
}

.teaser-ad-post__icon-wrapper {
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 15px 0 10px;
}

.teaser-ad-post__icon,
.teaser__icon-option {
    color: #fcc334;
    font-size: 16px;
    padding: 10px 11px;
    background-color: #fdf1d2;
    border-radius: 50%;
}

.teaser-ad-post__icon--naked {
    color: #fcc334;
    font-size: 16px;
}

.teaser-ad-post__icon-circle {
    padding: 10px 13px;
    background-color: #fdf1d2;
    border-radius: 50%;
}

.teaser-ad-post__description-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    text-align: left;
}

.teaser-ad-post__description {
    color: #333;
}

.teaser-ad-post__btn-contact-wrapper {
    margin-top: 15px;
}

.teaser-ad-post__btn-contact {
    text-decoration: none !important;
    appearance: button;
    color: #fff !important;
    background: transparent linear-gradient(90deg, #fcc334 0%, #feb624 47%, #feab10 100%) 0% 0% no-repeat padding-box;
    padding: 6px 15px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.teaser-ad-post__btn-contact:hover {
    color: #fff !important;
    background: transparent linear-gradient(90deg, #f0ba32 0%, #fab220 47%, #f2a310 100%) 0% 0% no-repeat padding-box;
    transition: all 0.2s ease;
}

.teaser-ad-post__container--compact .teaser-ad-post__icon-wrapper {
    padding: 0 10px 0 0;
}

.teaser-ad-post__container--compact .teaser-ad-post__icon,
.teaser__icon-option--micro {
    font-size: 8px;
    padding: 5px;
}

.teaser-ad-post__container--compact .teaser-ad-post__btn-contact-wrapper {
    margin-top: 10px;
}

.teaser-ad-post__container--compact .teaser-ad-post__btn-contact {
    font-size: 10px;
    padding: 4px 10px;
}

.teaser-ad-post__container--naked {
    padding: 6px;
}

.teaser-ad-post__container--naked .teaser-ad-post__icon {
    font-size: 10px;
    padding: 7px;
}

.teaser-ad-post__container--naked .teaser-ad-post__description-wrapper {
    font-size: 10px;
}

.teaser-ad-post__container--naked .teaser-ad-post__btn-contact-wrapper {
    margin-top: 8px;
}

.teaser-ad-post__container--naked .teaser-ad-post__btn-contact {
    padding: 3px 7px;
}

.table-items .teaser-ad-post__icon {
    font-size: 8px;
    padding: 5px;
}

.table-items .teaser-ad-post__container {
    padding: 0;
}

.table-items .teaser-ad-post__icon-wrapper {
    padding: 0 5px 0 0;
}

.table-items .teaser-ad-post__btn-contact {
    font-size: 9px;
}

/* Ad posts info custom report */

.promotion-status-info,
.promotion-status-info:active,
.promotion-status-info:hover {
    text-decoration: none;
}

.promotion-status-info {
    margin-left: 3px;
}

.promotion-status-info i {
    font-size: 14px;
    color: #aca7a7;
}

/** Modifier for containers limited to max-width 1300px */
.container-fluid--limited {
    max-width: 1330px;
}

/** Legacy advanced search medium styles */
.media-filter-desktop-label--disabled {
    color: #aaa;
    cursor: not-allowed;
}

.media-filter-desktop-label--disabled input {
    cursor: not-allowed;
}

.media-filter-desktop-label--disabled.alpha:after,
.media-filter-desktop-label--disabled.beta:after,
.media-filter-desktop-label--disabled.new:after {
    background-color: #aaa;
}

/** Vue daterangepicker */
.vue-daterange-picker .daterangepicker .calendars {
    flex-wrap: nowrap;
}

@media (max-width: 767px) {
    .vue-daterange-picker .daterangepicker {
        left: unset !important;
        top: unset !important;
        min-width: 380px;
    }

    .vue-daterange-picker .daterangepicker .calendars {
        flex-wrap: wrap;
    }

    .vue-daterange-picker .daterangepicker .drp-calendar {
        width: auto;
    } 
}

.siv__header {
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    display: flex;
    height: 50px;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

.siv__header .siv__link {
    margin: 5px 0;
}

.siv__header .siv__logo {
    height: 40px;
}