:root {
    --eco-azzurro: #17a6f2;
    --eco-bianco: #ffffff;
    --eco-azzurro-active: #70bbe0;
    --eco-bianco-active: #ffffff;
    --eco-nero: #000000;
    --eco-rosso: #ff0000;
    --eco-grigio-chiaro: #f5f5f5;
    --eco-grigio-bordo: #d5d5d5;
    --eco-danger: #b94a48;
    --eco-success: #dff0d8;
    --eco-body-bg: var(--eco-bianco);
    --eco-main-font: #535353;
    --eco-brand-logo-url: url('/Assets/Img/logo.svg');
    --eco-brand-logo-old: url('../Img/logo.png'); /*usato nel sommario*/
    --eco-brand-bg: var(--eco-bianco);
    --eco-brand-fg: var(--eco-main-font);
    --eco-content-body-bg: var(--eco-grigio-chiaro);
    --eco-content-header-bg: #d1edfc;
    --eco-main-link: var(--eco-main-font);
    --eco-main-link-hover: #35478c;
    --eco-abb-bg: #2e75b6;
    --eco-abb-link: #ffffff;
    --eco-abb-link-hover: var(--eco-main-font);
    --eco-abb-link-active: #B4D1F0;
    --eco-widget-header: #d1edfc;
    --eco-widget-color: #555;
    --eco-widget-bordo: var(--eco-bianco);
    --eco-widget-content-bg: var(--eco-bianco);
    --eco-griglia-rubriche-bg: #d9d9d9;
    --eco-griglia-rubriche-bordo: var(--eco-azzurro);
    --eco-griglia-rubriche-font: var(--eco-azzurro);
    --eco-griglia-icone: var(--eco-azzurro);
    --eco-highlight: #CFE2F6;
    --eco-icone-top: #4f4f51;
    --eco-artnew: var(--eco-rosso);
    --eco-artevid: #FFFF00;
    --eco-artvisited: #cccccc;
    --eco-entitycloud: #0353A4;
    --eco-sidebar-bg: var(--eco-bianco);
    --eco-sidebar-ombra: var(--eco-grigio-bordo);
    --eco-sidebar-font: var(--eco-main-font);
    --eco-sidebar-font-hover: var(--eco-nero);
    --eco-sidebar-background-hover: var(--eco-widget-header);
    --eco-sidebar-icona: var(--eco-main-font);
    --eco-sidebar-icona-hover: var(--eco-nero);
    --eco-tab-social-bg: #EFEFEF;
    --eco-tab-social-bordo: var(--eco-grigio-bordo);
    --eco-tab-social-font: var(--eco-main-font);
    --eco-tab-social-bg-active: #FFFFFF;
    --eco-tab-social-font-active: var(--eco-main-font);
    --eco-tab-social2-bg: var(--eco-azzurro);
    --eco-tab-social2-bordo: var(--eco-bianco);
    --eco-tab-social2-font: var(--eco-bianco);
    --eco-tab-social2-bg-active: #90DBFF;
    --eco-tab-social2-font-active: var(--eco-azzurro);
    --eco-tot-bg: var(--eco-bianco);
    --eco-btn-social-bordo: var(--eco-grigio-bordo);
    --eco-btn-social-bg: var(--eco-bianco);
    --eco-hr: var(--eco-azzurro);
    --eco-hr2: var(--eco-azzurro-active);
    --eco-titolo-chart: #929292;
    --eco-sentiment-positivo: #2CC65E;
    --eco-sentiment-neutro: #F59600;
    --eco-sentiment-negativo: #DE342F;
    --eco-influencer-up: #29D25B;
    --eco-influencer-down: #EF1C11;
    --eco-input-border: #cccccc;
    --eco-input-bg: var(--eco-bianco);
    --eco-input-font: #B0BAC8;
    --eco-input-font-color: var(--eco-main-font);
    --eco-input-font-active: #787F86;
    --svg-sidebar-color: 2e8bd8;
    --svg-chiaro: ffffff;
    --svg-scuro: 535353;
    --eco-map-color: var(--eco-entitycloud);
}
/*generici*/
html {
    font-size: 13px;
    font-family: Tahoma, Verdana, Helvetica, Arial, Verdana, Geneva, Helvetica, sans-serif;
    min-height: 100%;
}

body {
    background-color: var(--eco-body-bg);
    position: relative;
    color: var(--eco-main-font);
    height: 100%;
    min-height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
}

a {
    color: var(--eco-main-link);
}

    a:hover {
        color: var(--eco-main-link-hover);
    }

.eco-app-content {
    padding: 0 0 10px 230px;
    background-color: var(--eco-grigio-chiaro);
}

.eco-widget {
    background-color: var(--eco-bianco);
    min-height: 300px;
}

.eco-widget-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 100%;
}

    .eco-widget-content table {
        background-color: var(--eco-bianco);
    }

    .eco-widget-content h4 {
        padding: 10px 20px 0px 30px;
    }

#footer {
    background-color: var(--eco-grigio-chiaro);
    height: 25px !important;
    line-height: 25px;
    width: 100% !important;
    text-align: center;
}

    #footer p {
        margin: 0px !important;
    }

.help-block {
    color: var(--eco-nero);
}

ol, ul {
    list-style: none;
}

.nowrap {
    white-space: nowrap;
}

.table-striped tbody tr.highlight td {
    background-color: var(--eco-highlight) !important;
}

.boxmini td {
    padding: 2px;
}

.datepicker-input {
    min-width: 100px;
    max-width: 100px;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: var(--eco-nero);
    text-shadow: none;
}

.main {
    padding-top: 0px !important;
}

.with-modules {
    padding-left: 10px;
}

.action-icon {
    text-decoration: none;
    cursor: pointer;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: var(--eco-azzurro);
}

a.mute {
    text-decoration: none !important;
}

.row .col-md-9 {
    width: 84.576271186%;
    *width: 74.491525424%;
}

.row .col-md-3 {
    width: 13.728813559%;
    *width: 23.644067797%;
}

.label-inverse,
.badge-inverse {
    background-color: var(--eco-azzurro);
}

.table th {
    border: 0px !important;
}

#facebox .content {
    padding-right: 20px;
}

#facebox .close img {
    width: 15px !important;
}

.close {
    float: right;
    font-size: 25px;
    font-weight: bold;
    line-height: 18px;
    color: var(--eco-main-font);
    text-shadow: 0 1px 0 var(--eco-bianco);
    opacity: 100;
    filter: alpha(opacity=100);
}

    .close:hover {
        color: var(--eco-nero);
        text-decoration: none !important;
        cursor: pointer !important;
        opacity: 100 !important;
        filter: alpha(opacity=100) !important;
    }

.pagination1 {
    margin: -10px 0px 10px;
}

.activerub { /*rubrica attiva*/
    font-weight: bold !important;
    color: var(--eco-azzurro);
}

.icon-pdfcolori {
    background-image: url('../Img/art_col1.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.mobileCheckbox {
    width: 18px !important;
    height: 18px !important;
}


input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color: var(--eco-grigio-chiaro);
}

td.sort {
    cursor: move !important;
}

.projectImages li {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
}

.inline.radio, .inline.checkbox {
    padding-top: 0
}


input[type='radio'], input[type='checkbox'] {
    margin-top: 0;
}

.modal-backdrop.fade.in {
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
}

div#leftContainer blockquote {
    font-family: Arial;
    line-height: 170%;
    font-size: 12px !important;
    padding: 0px !important;
}

.primo-piano-text {
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    max-height: 100px; /* fallback */
    -webkit-line-clamp: 5; /* number of lines to show */
    -webkit-box-orient: vertical;
    display: inline-block;
}

.primo-piano-text-visible {
    text-overflow: inherit;
    overflow: visible;
    display: inline-block;
}

.listag {
    padding-left: 20px;
}

.rastag {
    display: inline-block;
    font-size: 0.9em;
    padding: 2px 5px;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 2px;
    word-break: break-all;
}


input[type=search].filterRubriche::-webkit-search-cancel-button {
    font-size: 15px;
    padding-right: 5px;
}

.frameditorbody {
    background-color: var(--eco-azzurro-active);
    color: var(--eco-bianco);
}
/**/
/*tendine*/
.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
        color: var(--eco-bianco);
        background-color: var(--eco-azzurro);
        background-image: -moz-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--eco-azzurro)), to(var(--eco-azzurro)));
        background-image: -webkit-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: -o-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: linear-gradient(to bottom, var(--eco-azzurro), var(--eco-azzurro));
    }

    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: var(--eco-bianco);
        background-color: var(--eco-azzurro);
        background-image: -moz-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--eco-azzurro)), to(var(--eco-azzurro)));
        background-image: -webkit-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: -o-linear-gradient(top, var(--eco-azzurro), var(--eco-azzurro));
        background-image: linear-gradient(to bottom, var(--eco-azzurro), var(--eco-azzurro));
    }
/*barra logo*/
.brandOld { /*usato nel sommario*/
    background-image: var(--eco-brand-logo-old);
    background-repeat: no-repeat;
    width: 452px;
    height: 70px;
    float: left;
    display: block;
    padding-bottom: 0px !important;
    margin-left: 0px !important;
}

.logo { /*usato nel login*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 100px;
}

.spacerForEmpty { /*barretta per quando no abbonamenti*/
    position: relative;
    height: 5px;
    z-index: 40;
    border-bottom: 1px solid var(--eco-grigio-bordo);
}

.navbar-logo {
    background-color: var(--eco-brand-bg);
    position: relative;
    display: block;
    min-height: 100px;
    height: 100px;
    border-bottom: none !important;
}

.navbar .brand {
    float: left;
    display: block;
}

.brand {
    background: transparent var(--eco-brand-logo-url) no-repeat;
    width: 270px;
    height: 100px !important;
    float: left;
    display: block;
    background-size: auto 99px !important; /*TODO DIMENSIONE LOGO ECO COME QUELLO VECCHIO*/
}


.navbar .nav.pull-right {
    float: right;
}

.navbar .nav > li, .widget-header > div > ul > li, .nextnavbar .nextnavbar-inner > ul, .nextnavbar .nextnavbar-inner > ul > li {
    padding-left: 0px;
    float: left;
}

    .navbar .nav > li > a {
        padding: 5px 8px 5px !important;
        color: var(--eco-bianco);
    }

#network-toolbar li:not(ul.dropdown-menu li) {
    float: left;
}

#network-toolbar .navbar .nav > li > a:hover {
    text-decoration: underline !important;
}

#network-toolbar li > a:not(ul.dropdown-menu li a) {
    padding: 8px !important;
}

#network-toolbar ul, ol:not(ul.dropdown-menu) {
    margin: 0 10px 0 8px;
    padding: 0;
}

#network-toolbar li > a:not(ul.dropdown-menu li a) {
    font-size: 15px;
    font-weight: bold;
}

.ul-menu {
    float: right;
    border-right: 2px solid var(--eco-grigio-bordo);
}

.nav-logo > li > a {
    color: var(--eco-brand-fg);
    text-shadow: none !important;
    text-decoration: none;
}

#network-toolbar li > a:hover {
    text-decoration: underline !important;
}

#network-toolbar li > a:not(ul.dropdown-menu li a) {
    display: block;
    text-align: center;
}

/* Abbonamenti */
.tabsBar {
    color: var(--eco-bianco);
    position: relative;
    z-index: 31;
    background-color: var(--eco-abb-bg);
    min-width: 950px;
    border-bottom: 0px !important;
    font-weight: bold;
}

.tabsList {
    margin-left: -40px;
    min-height: 23px;
}

    .tabsList li:not(.dropdown-menu li) {
        float: left;
        height: 33px;
        font-weight: 700;
        line-height: 38px;
        list-style-type: none;
    }

    .tabsList li a {
        padding: 11px 12px 6px 12px;
    }

    .tabsList span.inactive {
        padding: 0 14px;
        color: #bbb;
    }

    .tabsList li a:hover {
        color: var(--eco-abb-link-hover);
        text-decoration: none;
        background-color: var(--eco-azzurro-active);
    }

    .tabsList li a:link {
        color: var(--eco-abb-link);
    }

    .tabsList li a:visited {
        color: var(--eco-abb-link);
    }

    .tabsList li a:active {
        color: var(--eco-abb-link-active);
    }
/* tendina pubblicazioni abbonamenti*/
.dda a:link {
    color: var(--eco-azzurro) !important;
}

.dda a:hover {
    color: var(--eco-bianco) !important;
}

.dda a:visited {
    color: var(--eco-azzurro) !important;
}

    .dda a:visited:hover {
        color: var(--eco-bianco) !important;
    }

.ddaCurrent a:link {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.ddaCurrent a:hover {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.ddaCurrent a:visited {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

    .ddaCurrent a:visited:hover {
        color: var(--eco-bianco);
        background-color: var(--eco-azzurro);
    }
/* */
/*toolbar griglia - tendine toolbar*/
#app-toolbar {
    padding: 10px 25px 0 25px;
}

.navbar {
    margin-left: 5px;
    margin-right: 5px;
}

.navbar-fixed-top {
    padding: 0px !important;
    margin: 0px !important;
    position: fixed !important;
    box-shadow: 5px 0 5px var(--eco-sidebar-ombra);
}

.navbar-inner {
    background-color: var(--eco-azzurro);
    border: 1px solid var(--eco-griglia-rubriche-bordo);
    min-height: 35px;
}

    .navbar-inner:before, .navbar-inner:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .navbar-inner:after {
        clear: both;
        display: table;
        content: "";
        line-height: 0;
    }

.navbar .nav {
    left: 0;
    display: block;
    float: left;
    margin: 5px 10px 0 0;
}

    .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {
        color: var(--eco-bianco);
    }

    .navbar .nav li.dropdown.open.active {
        background-color: transparent;
    }

    .navbar .nav > li > a:hover {
        color: var(--eco-abb-link-active);
    }

    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: var(--eco-azzurro);
        color: var(--eco-abb-link-active);
    }

    .navbar .nav li.dropdown > .dropdown-toggle .caret {
        border-top-color: var(--eco-bianco);
        border-bottom-color: var(--eco-bianco);
    }

.dropdown-menu li > a {
    color: var(--eco-azzurro);
    font-weight: normal;
    display: block;
    padding: 3px 10px;
    line-height: 18px;
    white-space: nowrap;
}

    .dropdown-menu li > a.active {
        text-decoration: underline;
    }

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.nav li {
    line-height: 18px;
}
/*toolbar griglia nuova*/
#app-nextoolbar {
    background-color: var(--eco-bianco);
    padding: 10px 0 4px 0;
    width: 100%;
}

.nextnavbar .nextnavbar-inner > ul > li {
    padding-left: 10px;
}

.navbar-fixed-top > .nextnavbar-inner > ul, .navbar-fixed-top > .nextnavbar-inner > div {
    padding-top: 10px;
}

.nextnavbar-inner {
    min-height: 40px;
    max-height: 40px;
}

    .nextnavbar-inner:last-child {
        margin-right: 20px;
    }

    .nextnavbar-inner:before, .nextnavbar-inner:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .nextnavbar-inner:after {
        clear: both;
        display: table;
        content: "";
        line-height: 0;
    }
/*sottotoolbar social*/
#app-toolSocial {
    border-top: 1px solid var(--eco-btn-social-bordo);
    background-color: var(--eco-bianco);
    margin-bottom: 30px;
    padding: 0px 30px 4px 30px;
    min-height: 52px;
    max-height: 52px;
}

.app-toolSocial-tab {
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 17px;
    padding-top: 16px;
}

    .app-toolSocial-tab:hover {
        background-color: var(--eco-widget-header);
        cursor: pointer;
    }

    .app-toolSocial-tab.active {
        border-bottom: 2px solid var(--eco-abb-bg);
        color: var(--eco-abb-bg);
    }
/*rotella gestione pubblicazioni*/
.subTabsPub a:link {
    color: var(--eco-azzurro);
}

.subTabsPub a:visited {
    color: var(--eco-azzurro);
}

.subTabsPub a:hover {
    color: var(--eco-bianco);
}

.divGiorniPubb {
    font-size: 9px;
    color: #808080;
}
/**/

/*sidebar rubriche*/
.sidebar-rassegna {
    left: 5px;
    width: 234px;
    float: left;
    bottom: 0;
    background-color: var(--eco-sidebar-bg);
    display: inline-block;
    z-index: 10;
    top: 0px;
    position: absolute;
    margin-left: -10px;
    box-shadow: 5px 0 5px var(--eco-sidebar-ombra);
}

    .sidebar-rassegna .panel-group, .sidebar-rassegna .panel, .sidebar-rassegna .panel-heading, .sidebar-rassegna .panel-group .panel + .panel {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        border: 0px !important;
        color: inherit !important;
        background-color: inherit !important;
    }

    .sidebar-rassegna hr {
        border-top: 1px solid var(--eco-grigio-bordo) !important;
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    .sidebar-rassegna .panel-heading {
        padding: 5px 5px 5px 15px !important;
    }



    .sidebar-rassegna .panel-title {
        font-size: 14px !important;
    }

    .sidebar-rassegna .panel-body {
        overflow-y: auto;
        overflow-x: hidden;
        border: 0px !important;
        padding: 0px !important;
    }

    .sidebar-rassegna ol, .sidebar-rassegna ul {
        padding: 0;
        margin: 0 0 9px 15px;
    }

    .sidebar-rassegna a:link, .sidebar-rassegna a:hover {
        text-decoration: none !important;
        color: var(--eco-main-font);
    }

    .sidebar-rassegna ul > li > a:link {
        display: block;
    }

    .sidebar-rassegna ul > li:not(li.tabsCurrent) > a:hover {
        background-color: var(--eco-sidebar-background-hover);
    }

.titlerubriche {
    font-weight: bold;
    margin-bottom: 3px;
    display: block;
}

.no-sidebar {
    margin-left: 0 !important;
    padding-left: 0px !important;
}
/*logo in griglia articoli*/
.logo_testata {
    height: 20px !important;
}
/**/
/*etichette tab impostazioni*/
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: var(--eco-abb-link-active);
}
/**/
/*contenitori griglia*/
#widget_grid {
    margin: 30px 30px 20px 30px;
    min-height: calc(100vh - 260px);
}

#dashOV {
    margin: 30px 15px 0 15px;
    min-height: calc(100vh - 220px);
}

#InsightContent, #div_Highlights, #div_Results, #div_Ots, #div_Ave, #div_Mix, #div_Sentiment, #div_Tag, #div_Social, #div_Benchmark {
    margin: 0 0 0px 30px;
    min-height: calc(100vh - 275px);
}

.pnl_vid {
    margin: 30px 0 0 30px;
    min-height: calc(100vh - 140px);
}
#PaymentContent{
    margin: 0 0 0 30px;
    min-height: calc(100vh - 205px);
}

#PostAnalysis {
    margin: 0 15px 0px 15px;
    min-height: calc(100vh - 275px);
}

#PostGrid, #PostInfluencers {
    margin: 30px 30px 0px 30px;
    min-height: calc(100vh - 275px);
}

.widget {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 1em;
    overflow: hidden;
}

.widget-header {
    position: relative;
    height: 35px;
    line-height: 35px;
    background-color: var(--eco-widget-header);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-background-clip: padding-box;
}

    .widget-header h3 {
        position: relative;
        top: 2px;
        left: 10px;
        display: inline-block;
        margin-right: 3em;
        font-size: 14px;
        font-weight: 800;
        color: var(--eco-widget-color);
        line-height: 10px;
    }

    .widget-header [class^="fa-"], .widget-header [class*=" fa-"] {
        display: inline-block;
        margin-left: 5px;
        font-size: 16px;
        color: var(--eco-widget-color);
        vertical-align: middle;
    }

.pagination .dropdown {
    display: inline-block;
    background-color: var(--eco-bianco);
    padding: 4px;
    border-color: var(--eco-input-border);
}

.widget-header .dropdown > a:focus,
.widget-header .dropdown > a:hover {
    text-decoration: none;
    color: var(--eco-azzurro);
}

.widget-header .dropdown-toggle span[data-bind="label"] {
    font-size: 1rem;
    padding-right: 5px;
}

.widget-content {
    padding: 0 10px 0 0;
    background: var(--eco-bianco);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    min-height: 99%;
    max-height: 99%;
}

.widget-header + .widget-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-nopad .widget-content {
    padding: 0;
}

.widget-content:before,
.widget-content:after {
    content: "";
    display: table;
}

.widget-content:after {
    clear: both;
}

.widget-content {
    zoom: 1;
}

.widget-table .widget-content {
    padding: 0;
}

.widget-table .table {
    margin-bottom: 0;
    border: none;
}

    .widget-table .table tr td:first-child {
        border-left: none;
    }

    .widget-table .table tr th:first-child {
        border-left: none;
    }

.widget-plain {
    background: transparent;
    border: none;
}

    .widget-plain .widget-content {
        padding: 0;
        background: transparent;
        border: none;
    }

.widget-box {
}

    .widget-box .widget-content {
        background: var(--eco-bianco);
    }

/**/
/*griglia*/
div.widget-content.removePaddingRight {
    padding-right: 0px !important;
}

.table-split td.nowrap-responsive {
    white-space: nowrap !important;
}

.table-split {
    margin: 0 !important;
    width: 65% !important;
    display: inline-block !important;
    float: left !important;
}

.cover-detail {
    z-index: 1;
    position: static !important;
    margin-left: 0px !important;
    width: 35%;
    display: inline-block !important;
    float: right !important;
    text-align: right !important;
}

#news-detail.preview {
    overflow: hidden;
}

    #news-detail.preview embed {
        height: 100vh;
        width: 99% !important;
    }

#news-detail.fixed {
    position: fixed !important;
    top: 35px;
    right: 0.7em;
    padding-top: 0px !important;
    max-height: 99%;
    width: calc(35% - 85px);
}

    #news-detail.fixed embed {
        height: 95vh !important;
    }

@media(max-width: 1620px) {
    .table-split td.nowrap-responsive {
        white-space: normal !important;
    }
}

.headerGroupRow { /*rubriche in griglia*/
    background-color: var(--eco-griglia-rubriche-bg);
    font-weight: bold;
}

.headerGroupCell {
    background-color: var(--eco-griglia-rubriche-bg);
    color: var(--eco-main-font);
}

tr.rowSortable td.headerGroupCell {
    background-color: var(--eco-highlight) !important;
}

#table_posts {
    table-layout: fixed;
}

    #table_articles.table-striped th, #table_influencers.table-striped th, #table_posts.table-striped th {
        color: var(--eco-main-font);
        background-color: var(--eco-bianco);
    }

.table-striped th {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.table-automatismi tr {
    border-bottom: 1px solid var(--eco-grigio-bordo) !important;
}

.table-striped th a {
    color: var(--eco-bianco);
}

.table-striped td:not(.headerGroupCell) {
    border: 0px;
}

.table-bordered th {
    color: var(--eco-bianco);
    background-color: var(--eco-azzurro);
}

.table-bordered tr {
    border-bottom: 2px solid var(--eco-hr2);
}

.linkautore {
    color: var(--eco-azzurro);
}

    .linkautore:hover {
        color: var(--eco-nero);
        text-decoration: underline;
    }

.imgCaption { /*div anteprima*/
    display: none;
    position: absolute;
    background: var(--eco-azzurro) !important;
    bottom: -50px;
    width: 100%;
    color: #fff;
    z-index: 12;
    opacity: 0.8;
    left: -10px;
    width: 225px;
}

    .imgCaption p {
        padding-left: 10px;
        padding-right: 4px;
    }

.iconcell {
    display: table-cell;
}

.footer-grid td {
    border-top: 1px solid var(--eco-nero) !important;
    font-weight: bold;
}

.cat-canc {
    border-bottom: 1px solid var(--eco-rosso) !important;
}

.clickorder {
    color: var(--eco-rosso) !important;
    font-weight: bold;
}

.artvisited {
    color: var(--eco-artvisited) !important;
}

tr.row-artnotvisited td {
    /*background-color: #ffff88 !important;*/
}

tr.row-artpubb td,
tr.row-artpubb td div,
tr.row-artpubb td a:not(.btn) {
    /*color: #0000ff !important;*/
}

tr.row-artnotpubb:not(.row-artnotvisited) td,
tr.row-artnotpubb:not(.row-artnotvisited) td div,
tr.row-artnotpubb:not(.row-artnotvisited) td a:not(.btn) {
    /*color: #999999 !important;*/
}

tr.row-artdeleted td,
tr.row-artdeleted td div,
tr.row-artdeleted td a:not(.btn) {
    /*color: #ff0000 !important;*/
}


.table-striped tbody tr.row-artselected td {
    /*background-color: #bdbec0 !important;*/
}

.artnew {
    border-bottom: solid !important;
    border-bottom-color: var(--eco-artnew) !important;
    border-bottom-width: 0.5px !important;
    vertical-align: middle !important;
}

.evidenzia {
    background-color: var(--eco-artevid) !important;
}

.label-important, .badge-important {
    background-color: var(--eco-danger);
}

.rubtot {
    display: none;
    visibility: hidden;
}

/**/
/*popover griglia*/
.popover { /*generico,ad esempio dell'anteprima articolo*/
    min-width: 236px;
    min-height: 330px;
    font-size: 12px !important;
}

.popover_summ {
    width: 350px !important;
    height: 200px !important;
}

.popover_unset {
    max-width: unset !important;
    min-height: unset !important;
}

    .popover_unset > .popover-content {
        width: 100%;
        padding: 10px;
    }

/*elaborazioni*/
.jobInErrore {
    color: var(--eco-rosso) !important;
}

    .jobInErrore a {
        color: var(--eco-rosso) !important;
    }

.jobDaElaborare {
    background-color: var(--eco-azzurro-active) !important;
    font-weight: bold;
    color: var(--eco-bianco);
}

.jobInElaborazione {
    background-color: var(--eco-azzurro-active) !important;
    font-weight: bold;
}
/**/
/*report analisi*/
.header-confronto {
    text-align: center;
    border-top: 1px solid var(--eco-abb-bg);
    border-right: 1px solid var(--eco-abb-bg);
    border-left: 1px solid var(--eco-abb-bg);
    font-weight: bold;
    background-color: var(--eco-grigio-chiaro);
}

.header-confronto-1 {
    background-color: var(--eco-azzurro-active);
}

.header-confronto-2 {
    background-color: var(--eco-grigio-chiaro);
}

.righe-confronto {
    border-top: 1px solid var(--eco-abb-bg);
    border-right: 1px solid var(--eco-abb-bg);
    border-left: 1px solid var(--eco-abb-bg);
}

.righe-confronto-1 {
    text-align: right;
    width: 80px;
}

.footer-confronto {
    border-right: 1px solid var(--eco-abb-bg);
    border-top: 1px solid var(--eco-nero);
    font-weight: bold;
    text-align: right;
}

/* sommario */
.SommFormTABLE {
    width: 100%
}

.SommHeaderTD {
    background-color: #CCCCCC;
    text-align: left;
    padding: 2px;
    font-size: 14px;
    color: #333333;
    font-weight: bold
}

.SommDataTD {
    background-color: #FFFFFF;
    text-align: left;
    padding: 2px;
    font-size: 14px;
    color: #000000;
    height: 20px
}

.SommDataTDTes {
    background-color: #FFFFFF;
    text-align: left;
    padding: 2px;
    font-size: 14px;
    color: #000000;
    height: 20px;
    font-weight: bold;
    text-transform: Capitalize;
}

.SommDataTDIta {
    background-color: #FFFFFF;
    text-align: left;
    padding: 2px;
    font-size: 14px;
    color: #000000;
    height: 20px;
    font-style: italic
}

.SommDataTDCen {
    background-color: #FFFFFF;
    text-align: center;
    padding: 4px;
    font-size: 14px;
    color: #000000;
    height: 20px
}

.SommDataTDBig {
    background-color: #999999;
    text-align: center;
    padding: 4px;
    font-size: 16px;
    color: #000000;
    font-weight: bold
}

.SommDataLINK {
    background-color: #FFFFFF;
    text-align: left;
    padding: 2px;
    font-size: 14px;
    color: #000000;
    height: 20px;
    font-style: italic
}

    .SommDataLINK:link {
        color: #000000;
        text-decoration: none
    }

    .SommDataLINK:visited {
        color: #000000;
        text-decoration: none
    }

    .SommDataLINK:active {
        color: #000000;
        text-decoration: none
    }

    .SommDataLINK:hover {
        color: #000000;
        text-decoration: underline
    }

/**/
.sidebar-fixed-top {
    padding: 0px !important;
    position: fixed !important;
}

#app-sidebar li, #abb_sidebar li {
    line-height: 30px;
}

li.tabsCurrent {
    background-color: var(--eco-azzurro-active);
}

    li.tabsCurrent a:not(ul.dropdown-menu li a) {
        color: var(--eco-bianco);
    }

    li.tabsCurrent .caret {
        border-top-color: var(--eco-bianco);
    }

li.tabsCurrent.dashsoc {
    background-color: var(--eco-grigio-bordo);
}
    li.tabsCurrent.dashsoc #socDashboard {
        color: var(--eco-main-font) !important;
    }

#socDashboard:hover {
    background-color: var(--eco-grigio-bordo);
    color: var(--eco-main-font);
}

.titlepubb {
    background: url('/Areas/SocialMedia/Assets/img/Menu Freccia Aperta@2x.png') no-repeat 6px center;
    background-size: 16px auto;
    text-decoration: underline;
    padding-left: 30px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}

.custom.table {
    margin-bottom: 0 !important;
}

    .custom.table th,
    .custom.table td {
        vertical-align: middle !important;
    }

.custom.table-striped th {
    color: var(--eco-bianco) !important;
    background-color: var(--eco-azzurro) !important;
}

.custom.draggable .gm-drag-element {
    background-color: #ccc !important;
}

.custom.draggable .gm-dropping {
    border: 2px dashed #cbd5e0;
    opacity: 0.5;
}

.custom.draggable .gm-drag-handle {
    cursor: move;
    user-select: none;
}

.gm-dragging {
    display: table;
    background-color: #dcdcdc;
    opacity: 0.6;
    z-index: 999;
    width: 100%;
}

    .gm-dragging td {
        vertical-align: middle;
    }

input[type=search].filterRubriche::-webkit-search-cancel-button {
    font-size: 15px;
    padding-right: 5px;
}

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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}



blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* header */

.header-logo {
    position: absolute;
    width: 250px;
    height: 100%;
    padding-left: 15px;
    background: transparent url('/Areas/SocialMedia/Assets/img/Menu alto Logo@2x.png') no-repeat 15px 8px;
    background-size: 235px auto;
}

@media screen and (max-width: 990px) {
    .header-logo {
        position: absolute;
        width: 90px;
        height: 100%;
        padding-left: 15px;
        background: transparent url('/Areas/SocialMedia/Assets/img/logo_small.png') no-repeat 15px 8px;
        background-size: 50px auto;
    }
}

@media screen and (min-width: 1200px) {
    .header-logo {
        width: 290px;
        height: 100%;
        padding-left: 15px;
        background: transparent url('/Areas/SocialMedia/Assets/img/Menu alto Logo@2x.png') no-repeat 15px 8px;
        background-size: 274px 45px;
    }
}

.sub-header {
    height: 35px;
    background-color: #D5D5D5;
}

.sidebar-toggle {
    float: left;
    height: 35px;
    width: 45px;
    background: transparent url('/ngAssets/Img/menu_closed.svg') no-repeat center;
    background-size: 80px auto;
}

.ereader-toggle {
    float: left;
    height: 35px;
    width: 85px;
    background: transparent url('/ngAssets/Img/ebook.svg') no-repeat center !important;
    background-size: 50px auto !important;
    border-right: 1px solid #D6D6D6;
}

.admin-toggle {
    float: left;
    height: 35px;
    width: 85px;
    background: transparent url('/ngAssets/Img/admin.svg') no-repeat center !important;
    background-size: 31px auto !important;
    border-right: 1px solid #D6D6D6;
}

.breadcrumb-first-level {
    float: left;
    font-size: 1.071rem;
    color: #ADADAD;
    line-height: 35px;
    padding: 0px 15px;
    border-right: 1px solid #D6D6D6;
    max-width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .breadcrumb-first-level.active {
        background-color: #78BBDA;
        color: var(--eco-bianco);
    }

.breadcrumb-second-level {
    position: relative;
    color: #ADADAD;
    display: inline-block;
    border-right: 1px solid #D6D6D6;
}

    .breadcrumb-second-level.active {
        background-color: #78BBDA;
        color: var(--eco-bianco);
    }

.breadcrumb-second-level-content {
    padding-left: 15px;
    max-width: 40%;
    height: 35px;
    line-height: 35px;
    margin-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
}

.breadcrumb-second-level .btn-edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: transparent url('/Areas/SocialMedia/Assets/img/Menu Modifica Dossier@2x.png') no-repeat center;
    background-size: auto 14px;
}

.breadcrumb-second-level.active .btn-edit {
    background-image: url('/Areas/SocialMedia/Assets/img/Menu Modifica Dossier On@2x.png')
}


/* sidebar */
.sidebar {
    left: -242px;
    width: 234px;
    float: left;
    bottom: 0;
    background-color: var(--eco-sidebar-bg);
    display: inline-block;
    z-index: 10;
    transition: left 0.3s ease-in-out;
    position: absolute;
    top: 100px;
    box-shadow: 5px 0 5px var(--eco-sidebar-ombra);
}

    .sidebar.open {
        left: 0px;
    }

.dashboard {
    position: relative;
    display: block;
    min-height: 60px;
    line-height: 60px;
    color: var(--eco-sidebar-icona);
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
}

.dashboard-insightpro {
    color: #000000 !important;
    margin: 0px 0px 10px 40px;
}

.ereader-home {
    position: relative;
    display: block;
    font-size: 1.5rem;
    height: 69px;
    line-height: 69px;
    color: #2eabdf;
    padding-left: 75px;
    background: var(--eco-sidebar-bg) url('/ngAssets/Img/ebook.svg') no-repeat 15px center;
    background-size: 51px auto;
    text-transform: uppercase;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

    .ereader-home:hover {
        text-decoration: none;
        color: #ABABAB;
    }

    .ereader-home:not(.collapsed),
    .ereader-home.active {
        background-color: var(--eco-azzurro-active);
        color: var(--eco-bianco);
    }

.admin-home {
    position: relative;
    display: block;
    font-size: 1.5rem;
    height: 69px;
    line-height: 69px;
    color: #2eabdf;
    padding-left: 75px;
    background: var(--eco-sidebar-bg) url('/ngAssets/Img/admin.svg') no-repeat 15px center;
    background-size: 51px auto;
    text-transform: uppercase;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

    .admin-home:hover {
        text-decoration: none;
        color: #ABABAB;
    }

    .admin-home:not(.collapsed),
    .admin-home.active {
        background-color: var(--eco-azzurro-active);
        color: var(--eco-bianco);
    }

.sidebar-list {
    padding-left: 0;
}

    .sidebar-list .panel {
        margin-bottom: 0px;
        background-color: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.sidebar-list-item {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    margin-bottom: -1px;
    border-top: 1px solid var(--eco-bianco);
    font-size: 1.071rem;
    color: var(--eco-sidebar-font);
    background: var(--eco-sidebar-bg) url('/ngAssets/img/FrecciaBiancaChiusa.var(--svg-sidebar-color,2e8bd8).svg.ashx') no-repeat 15px center;
    background-size: 8px auto;
}

    .sidebar-list-item:hover,
    .sidebar-list-item:active {
        text-decoration: none;
        color: black;
    }

    .sidebar-list-item.active {
        background: url('/ngAssets/img/FrecciaBiancaChiusa.var(--svg-sidebar-color,2e8bd8).svg.ashx') no-repeat 15px center;
        background-size: 8px auto;
        text-decoration: underline;
    }

    .sidebar-list-item:not(.collapsed) {
        background: var(--eco-sidebar-bg) url('/Areas/SocialMedia/Assets/img/Menu Freccia Aperta@2x.png') no-repeat 6px center;
        background-size: 16px auto;
    }

    .sidebar-list-item.active:not(.collapsed) {
        background-size: 16px auto;
        text-decoration: underline;
    }


.sidebar-list-preferiti {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    margin-bottom: -1px;
    border-top: 1px solid var(--eco-bianco);
    font-size: 1.071rem;
    color: #535353;
    /*
        test.svg - per skin colorato diventa
        nomeimg.<hexcolor>.svg.ashx 
        il puntamento diventa ../../ngAssets perchè è relativo a partire da ~/Skin/<skindircli>/
    */
    background: var(--eco-sidebar-bg) url('/ngAssets/img/Star_On.svg') no-repeat 6px center;
    background-size: 16px auto;
}

    .sidebar-list-preferiti:hover,
    .sidebar-list-preferiti:active {
        text-decoration: none;
        color: black;
    }

    .sidebar-list-preferiti.active {
        text-decoration: underline;
        background: url('/ngAssets/img/Star_On.var(--svg-sidebar-color,2e8bd8).svg.ashx') no-repeat 6px center;
        background-size: 16px auto;
    }

.sidebar-list-alert {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    margin-bottom: -1px;
    border-top: 1px solid var(--eco-bianco);
    font-size: 1.071rem;
    color: var(--eco-sidebar-font);
    background: var(--eco-sidebar-bg) url('/ngAssets/img/Bell_B.svg') no-repeat 6px center;
    background-size: 16px auto;
}

    .sidebar-list-alert:hover,
    .sidebar-list-alert:active {
        text-decoration: none;
        color: var(--eco-sidebar-font-hover);
    }

    .sidebar-list-alert.active {
        color: var(--eco-bianco);
        background: var(--eco-azzurro-active) url('/ngAssets/img/Bell_B.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 6px center;
        background-size: 16px auto;
    }

.sidebar-sublist-item {
    position: relative;
    display: block;
    height: 25px;
    line-height: 30px;
    background-color: var(--eco-sidebar-bg);
}

.sidebar-sublist-item-content {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--eco-sidebar-font);
    padding-left: 5px;
}

    .sidebar-sublist-item-content:hover {
        background-color: var(--eco-sidebar-background-hover);
    }

.sidebar-sublist-item a {
    display: block;
}

.sidebar-sublist-item.active {
    text-decoration: none;
    font-weight: bold;
}

    .sidebar-sublist-item.active .sidebar-sublist-item-content {
        color: var(--eco-bianco);
        background-color: var(--eco-azzurro-active);
        padding-left: 5px;
    }

    .sidebar-sublist-item.active .btn-edit {
        background-image: url('/Areas/SocialMedia/Assets/img/Menu Modifica Dossier On@2x.png');
    }

.sidebar .btn-edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: transparent url('/Areas/SocialMedia/Assets/img/Menu Modifica Dossier@2x.png') no-repeat center;
    background-size: auto 14px;
}

.sidebar-sublist-item.active .btn-alert {
    background-image: url('/Areas/SocialMedia/Assets/img/MenuAlertOn.png');
}

.sidebar .btn-alert {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: transparent url('/Areas/SocialMedia/Assets/img/MenuAlert.png') no-repeat center;
    background-size: auto 14px;
}

.sidebar .ricerca-default {
    position: absolute;
    top: 8px !important;
    right: 0;
    width: 30px;
    height: 100%;
    margin-right: 0px !important;
    background-size: auto 14px;
}

@media (max-width: 991px) {
    .sidebar {
        position: absolute;
        top: 0px;
    }
}

@media screen and (min-width: 992px) {
    .sidebar, .sidebar.open {
        left: 0px;
    }
}


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* content*/
.main-content {
    padding: 20px 15px 15px 15px;
    background-color: var(--eco-content-body-bg);
}

@media screen and (min-width: 992px) {
    .main-content {
        padding: 20px 15px 15px 249px;
    }
}

.main-content-center {
    padding: 20px 15px 15px 20px;
}

/* tabs */

.tabs-row {
    background-color: var(--eco-tab-social-bg);
    border: 1px solid var(--eco-tab-social-bordo);
    margin-bottom: 10px;
}

ul.tabs {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
}

    ul.tabs > li {
        list-style-type: none;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

        ul.tabs > li > a {
            color: var(--eco-tab-social-font);
            text-transform: uppercase;
            padding: 0px 15px;
            display: inline-table;
        }

        ul.tabs > li.active > a, ul.tabs > li.active > a:focus, ul.tabs > li.active > a:hover {
            color: var(--eco-tab-social-font-active);
            font-weight: bold;
            border: none;
            background-color: var(--eco-tab-social-bg-active);
            border-radius: 0;
        }

        ul.tabs > li > a, ul.tabs > li > a:focus, ul.tabs > li > a:hover {
            text-decoration: none;
        }

.tabs-row-blu {
    background-color: var(--eco-tab-social2-bg);
    border: 1px solid var(--eco-tab-social2-bordo);
    margin-bottom: 10px;
}

ul.tabs-blu {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
}

    ul.tabs-blu > li {
        list-style-type: none;
        display: inline-block;
    }

        ul.tabs-blu > li > a {
            color: var(--eco-tab-social2-font);
            text-transform: uppercase;
            line-height: 45px;
            padding: 0px 10px;
            display: block;
        }

        ul.tabs-blu > li.active > a, ul.tabs-blu > li.active > a:focus, ul.tabs-blu > li.active > a:hover {
            color: var(--eco-tab-social2-font-active);
            font-weight: bold;
            border: none;
            background-color: var(--eco-tab-social2-bg-active);
            border-radius: 0;
        }

        ul.tabs-blu > li > a, ul.tabs-blu > li > a:focus, ul.tabs-blu > li > a:hover {
            text-decoration: none;
        }

.btn-search {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/Icona Ricerca@2x.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

    .btn-search.active.focus, .btn-search.active:focus, .btn-search.focus, .btn-search:active.focus, .btn-search:active:focus, .btn-search:focus,
    .btn-search:hover,
    .btn-search:active {
        outline: none;
    }

.btn-glossary {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/Info.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-save {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/save.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-undo {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/undo.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

/*.btn-tb-grey {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    border: 1px solid #D6D6D6 !important;
    background: #FFFFFF;
    color: #535353;
    font-size: 1.3em;
}*/

/* pagination */

.pagination > li > a, .pagination > li > span {
    color: var(--eco-azzurro);
    border-color: var(--eco-input-border);
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--eco-azzurro-active);
    border-color: var(--eco-input-border);
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #ddd;
    /* background-color: var(--eco-widget-header);*/
    border-color: #ddd;
}
/* boxes */
.box-header {
    background-color: var(--eco-widget-header);
    border-radius: 2px;
    position: relative;
    color: var(--eco-tab-social-font);
    line-height: 35px;
    font-weight: bold;
}

    .box-header span {
        font-weight: 100;
    }

.box-title {
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: lowercase;
}

    .box-title::first-letter {
        text-transform: uppercase;
    }

    .box-title.main-title {
        font-size: 1.286rem;
        font-weight: 600;
    }

.dropdown-griglia {
    margin-top: 5px;
}

.box-header .dropdown, .dropdown-griglia {
    display: inline-block;
    background-color: var(--eco-bianco);
    padding: 5px 10px !important;
    border-radius: 2px;
    color: var(--eco-azzurro);
    font-size: 1rem;
    line-height: 15px !important;
    border: 1px solid var(--eco-input-border);
}

    .box-header .dropdown > a:focus,
    .box-header .dropdown > a:hover,
    .header-griglia .dropdown > a:focus,
    .header-griglia .dropdown > a:hover {
        text-decoration: none;
        color: var(--eco-azzurro);
    }

.box-header .dropdown-toggle span[data-bind="label"] {
    font-size: 1rem;
    padding-right: 5px;
}


.box-content {
    border: 1px solid var(--eco-widget-bordo);
    border-top: none;
    padding-top: 5px;
    background-color: var(--eco-widget-content-bg);
}

    .box-content.fluid {
        padding-top: 0;
        padding-bottom: 0;
    }

.box-footer {
    background-color: var(--eco-widget-header);
    color: var(--eco-widget-color);
    border-radius: 2px;
    position: relative;
    height: 35px;
    line-height: 35px;
}

    .box-footer nav {
        text-align: center;
    }



/* SOCIAL loghi */
.social-icon {
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
    /*griglia post social, griglia post insight, sopra avatar influencer, gestione pagine insight*/
    .social-icon.soc1 {
        background: transparent url('/ngAssets/Img/loghisocial/logo1.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc2 {
        background: transparent url('/ngAssets/Img/loghisocial/logo2.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc3 {
        background: transparent url('/ngAssets/Img/loghisocial/logo3.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc4 {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Google Off@2x.png') no-repeat center;
        background-size: 33px auto;
    }

    .social-icon.soc5 {
        background: transparent url('/ngAssets/Img/loghisocial/logo5.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc7 {
        background: transparent url('/ngAssets/Img/loghisocial/logo7.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc10 {
        background: transparent url('/ngAssets/Img/loghisocial/logo10.png') no-repeat center;
        background-size: 40px auto;
    }

    .social-icon.soc11 {
        background: transparent url('/ngAssets/Img/loghisocial/logo11.png') no-repeat center;
        background-size: 40px auto;
    }
/**/
/**/
.btn-excel {
    float: right;
    width: 42px !important;
    height: 34px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/excel.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-hamster {
    float: right;
    width: 41px !important;
    height: 34px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/Hamster_new.gif') no-repeat center;
    background-size: 35px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
    margin-left:0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.tb-hamster {
    float: right;
    width: 52px !important;
    height: 45px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 20px !important;
    background: url('/Areas/SocialMedia/Assets/img/Hamster_new.gif') no-repeat center !important;
    background-size: 35px auto !important;
}

.btn-pptx {
    float: right;
    width: 42px !important;
    height: 34px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/pptx.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-pdf {
    float: right;
    width: 42px !important;
    height: 34px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/pdf.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-periodo {
    background-color: var(--eco-btn-social-bg);
    margin-left: 5px !important;
    margin-right: 5px !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.tags-scroll-box {
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto !important;
    overflow-x: hidden;
    border: 1px solid var(--eco-btn-social-bordo) !important;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.search-box {
    min-height: 10px;
    overflow-y: auto !important;
    overflow-x: hidden;
    border: 1px solid var(--eco-btn-social-bordo) !important;
    border-radius: 5px;
}

.bootstrap-tagsinput-scoller {
}

    .bootstrap-tagsinput-scoller .bootstrap-tagsinput {
        min-height: 34px !important;
        max-height: 80px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 0px !important;
    }

.chart-box {
    border: 1px solid var(--eco-btn-social-bordo) !important;
    border-radius: 3px;
    margin-bottom: 3px;
    padding-left: 9px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 120px !important;
}

.btn-bell {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/bell.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

/*.btn-tags {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/tags.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}


.btn-star {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/ngAssets/img/Star.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}

.btn-edit-tabsbar {
    float: right;
    width: 42px !important;
    height: 35px !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    background: var(--eco-btn-social-bg) url('/Areas/SocialMedia/Assets/img/Edit.png') no-repeat center !important;
    background-size: 30px auto !important;
    border: 1px solid !important;
    border: 1px solid var(--eco-btn-social-bordo) !important;
}
*/
.btn-edit-tabsbar.active {
    background: transparent url('/Areas/SocialMedia/Assets/img/Edit.png') no-repeat center;
}

.err-on-label {
    position: relative !important;
    top: -1px !important;
    left: 5px !important;
    display: inline-block !important;
    font-family: "Glyphicons Halflings" !important;
    font-style: normal !important;
    font-weight: 100 !important;
    float: right !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    color: red !important;
    font-size:8px;
}

    .err-on-label::before {
        content: "\002a";
    }

input[type=checkbox] {
    margin-top: 0px !important;
}

.btn-trashcan-white {
    position: absolute;
    background: transparent url('/Areas/SocialMedia/Assets/img/Trashcan_W.png') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.btn-selectall-white {
    position: absolute;
    background: transparent url('/ngAssets/img/SelectAll_W.png') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.btn-selectnone-white {
    position: absolute;
    background: transparent url('/ngAssets/img/SelectNone_W.png') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.btn-trashcan {
    position: absolute;
    background: transparent url('/Areas/SocialMedia/Assets/img/Trashcan_B.png') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.tblAlert {
    margin: 5px 0 5px !important;
    border: 1px solid var(--eco-grigio-chiaro);
    width: 98%;
    font-size: 1.1em;
    display: inline-table;
    text-align: left;
}

.rigaAzzurra {
    max-width: 100%;
    position: relative;
    display: inline-block;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 25px;
    font-size: 1.4rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    background-color: var(--eco-hr2);
    color: var(--eco-bianco);
}

.rigaAzzurraThin {
    line-height: 36px !important;
    font-size: 1.2rem !important;
}

hr {
    max-width: 100% !important;
    border-top: 1px solid var(--eco-hr) !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.div-hr {
    border-bottom: 1px solid var(--eco-hr) !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.tblAlert th {
    background-color: var(--eco-grigio-chiaro);
    padding: 5px !important;
    color: var(--eco-azzurro);
    font-weight: bold;
}

.tblAlert td {
    padding: 8px 5px 8px 5px !important;
}

.label-as-badge {
    border-radius: 1em;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings' !important; /* essential for enabling glyphicon */
    content: "\e113" !important; /* adjust as needed, taken from bootstrap.css */
    float: right !important; /* adjust as needed */
    color: var(--eco-bianco) !important; /* adjust as needed */
    width: 30px;
    font-size: 0.6em;
}

.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114" !important; /* adjust as needed, taken from bootstrap.css */
    width: 30px;
}

.accordion-toggle {
    cursor: pointer;
}

@media all and (min-width: 768px) {
    .modal-xl {
        width: 100% !important;
        max-width: 1200px !important;
    }
}

/*.periodo {
    padding-top: 10px !important;
    padding-left: 7px !important;
    float: left;
    border-right: 1px solid var(--eco-btn-social-bordo);
    min-height: 57px !important;
}*/

.rowlarge {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.empty-chart {
    color: var(--eco-azzurro);
    background: transparent url('/ngAssets/img/Fab_EmptyChart.png') no-repeat;
    min-height: 150px;
    min-width: 200px;
    background-size: 200px auto;
}

.empty-table-chart {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    color: rgb(102, 102, 102);
    font-weight: bold;
}

.empty-cloud {
    color: var(--eco-azzurro);
    background: transparent url('/ngAssets/img/omino-lente.png') no-repeat;
    min-height: 200px;
    min-width: 200px;
    background-size: 200px auto;
}

.empty-social-cloud {
    color: var(--eco-azzurro);
    background: transparent url('/ngAssets/img/SocialChartEmpty.png') no-repeat;
    min-height: 200px;
    min-width: 200px;
    background-size: 200px auto;
}

.empty-tot {
    opacity: 0.4;
}

.autore-image {
    border-radius: 6px;
    width: auto;
    height: auto;
    max-height: 144px;
    max-width: 144px;
}

.autore-image-web {
    border-radius: 6px;
    width: auto;
    height: auto;
    min-height: 144px;
    min-width: 144px;
    max-height: 144px;
    max-width: 144px;
    border: 1px solid var(--eco-azzurro);
    padding: 59px;
}

.print-only {
    display: none !important;
}

/*.img-star-on {
    padding-left: 37px !important;
    background: url('/ngAssets/img/Star_On.svg') no-repeat 10px center;
    background-size: 22px auto;
}

    .img-star-on:hover {
        background: url('/ngAssets/img/Star_On.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 10px center;
        background-size: 22px auto;
    }

.img-star-w {
    width: 30px;
    background: url('/ngAssets/img/Star_On.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 0px center;
    background-size: 22px auto;
    display: inline-block;
    float: left;
}

.img-bell-b {
    padding-left: 37px !important;
    background: url('/ngAssets/img/Bell_B.svg') no-repeat 10px center;
    background-size: 22px auto;
}

    .img-bell-b:hover {
        background: url('/ngAssets/img/Bell_B.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 10px center;
        background-size: 22px auto;
    }

.img-bell-w {
    width: 30px;
    background: url('/ngAssets/img/Bell_B.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 0px center;
    background-size: 22px auto;
    display: inline-block;
    float: left;
}

.img-tray-b {
    padding-left: 37px !important;
    background: url('/ngAssets/img/Import.svg') no-repeat 10px center;
    background-size: 22px auto;
}

    .img-tray-b:hover {
        background: url('/ngAssets/img/Import.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 10px center;
        background-size: 22px auto;
    }

.img-tray-w {
    width: 30px;
    background: url('/ngAssets/img/Import.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 0px center;
    background-size: 22px auto;
    display: inline-block;
    float: left;
}

.img-tags {
    padding-left: 37px !important;
    background: url('/ngAssets/img/tags.var(--svg-sidebar-color,2e8bd8).svg.ashx') no-repeat 10px center;
    background-size: 30px auto;
}

    .img-tags:hover {
        background: url('/ngAssets/img/tags.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 10px center;
        background-size: 30px auto;
    }

.img-tags-w {
    padding-left: 17px !important;
    background: url('/ngAssets/img/tags.var(--svg-chiaro,ffffff).svg.ashx') no-repeat -5px center;
    background-size: 30px auto;
}*/

/*.result .btn-edit {
    position: absolute;
    background: transparent url('/ngAssets/img/Settings.svg') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.result .btn-edit-white {
    position: absolute;
    background: transparent url('/ngAssets/img/Settings.var(--svg-chiaro,ffffff).svg.ashx') no-repeat center;
    background-size: 22px auto;
    right: 5px;
    top: 5px;
}

.result .btn-view {
    position: absolute;
    background: transparent url('/ngAssets/img/View.svg') no-repeat center;
    background-size: 26px auto;
    right: 50px;
    top: 5px;
}*/

.popover .btn-cestino {
    background: transparent url('/ngAssets/img/Cestino.c6c6c6.svg.ashx') no-repeat center;
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px 0px 5px;
    background-size: 17px auto;
}

.popover .btn-cestino-recupera {
    background: transparent url('/ngAssets/img/Cestino.svg') no-repeat center;
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px 0px 5px;
    background-size: 17px auto;
}

.popover .btn-flag {
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px;
    background: transparent url('/ngAssets/img/Flag.c6c6c6.svg.ashx') no-repeat center;
    background-size: 17px auto;
}

.popif .btn-flag.active {
    background-image: url('/ngAssets/img/Flag.svg');
}

.popif .btn-cestino {
    background: transparent url('/ngAssets/img/Cestino.c6c6c6.svg.ashx') no-repeat center;
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px 0px 5px;
    background-size: 17px auto;
}

.popif .btn-cestino-recupera {
    background: transparent url('/ngAssets/img/Cestino.svg') no-repeat center;
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px 0px 5px;
    background-size: 17px auto;
}

.popif .btn-flag {
    width: 17px;
    height: 24px;
    padding: 0;
    float: right;
    margin: 6px 0px;
    background: transparent url('/ngAssets/img/Flag.c6c6c6.svg.ashx') no-repeat center;
    background-size: 17px auto;
}

    .popif .btn-flag.active {
        background-image: url('/ngAssets/img/Flag.svg');
    }

.divImgPost {
    min-width: 100px;
    min-height: 100px;
}

.imgPost img {
    border-radius: 6px;
    max-height: 80px;
    max-width: 90px;
    margin: 0 10px 10px 0;
}

.imgPost-large img {
    border-radius: 6px;
    width: 350px;
    height: auto;
    margin: 0 10px 10px 0;
}

.chart-title-style {
    text-transform: lowercase;
}

    .chart-title-style::first-letter {
        text-transform: uppercase;
    }

.dropdown-preferiti {
    position: absolute !important;
    padding-right: 40px !important;
    margin-top: -5px;
}

    .dropdown-preferiti ul {
        top: 32px !important;
        right: 40px !important;
    }

.header-fixed {
    width: 100%
}

    .header-fixed > thead,
    .header-fixed > tbody,
    .header-fixed > thead > tr,
    .header-fixed > tbody > tr,
    .header-fixed > thead > tr > th,
    .header-fixed > tbody > tr > td {
        display: block;
    }

        .header-fixed > tbody > tr:after,
        .header-fixed > thead > tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

    .header-fixed > tbody {
        overflow-y: auto;
        height: 150px;
    }

        .header-fixed > tbody > tr > td,
        .header-fixed > thead > tr > th {
            /*width: 25%;*/
            float: left;
        }

#div-ntt-cloud {
    padding: 30px 30px 0 30px;
}


.map-color {
    color: var(--eco-map-color) !important;
}

.entitycloud-word-color {
    color: var(--eco-entitycloud);
    display: none;
}

.datepicker-label {
    color: var(--eco-main-font);
}
/*insight*/
.totalizer-ext-div-base {
    margin: 3px;
    padding: 3%;
    background-color: var(--eco-tot-bg);
}

.totalizer-ext-innerdiv-base {
    padding-top: 5px;
}

.totalizer-ext-img-base {
    height: 50px;
}

.totalizer-ext-value-base {
    width: 100%;
    font-size: 1.7em;
    font-weight: bold;
}

.totalizer-ext-description-base {
    width: 100%;
    color: var(--eco-tab-social-font);
    text-transform: lowercase;
}

.insight-item {
    position: relative;
    display: block;
    height: 69px;
    line-height: 69px;
    color: var(--eco-tab-social-font);
    padding-left: 35px;
    background: var(--eco-tab-social-bg) url('/ngAssets/Img/insight.var(--svg-sidebar-color,2e8bd8).svg.ashx') no-repeat 10px center;
    background-size: 15px auto;
    text-transform: uppercase;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    font-size: 1.071rem;
    border-top: 1px solid var(--eco-bianco);
}

    .insight-item:hover {
        text-decoration: none;
        color: #000000;
    }


    .insight-item.active {
        background: var(--eco-tab-social-bg) url('/ngAssets/Img/insight.var(--svg-chiaro,ffffff).svg.ashx') no-repeat 10px center;
        background-size: 15px auto;
        background-color: var(--eco-tab-social-bg-active);
        color: var(--eco-bianco);
    }

.btn-new-tabsbar {
    width: 52px !important;
    padding: 7px !important;
    font-size: 15px;
    color: #000000 !important;
    margin-top: -8px;
}

.soclogin {
    float: left;
    width: 40%;
    height: 130px;
    margin: 15px;
    display: inline-block;
}

    .soclogin a, soclogin a:active, soclogin a:visited {
        display: block;
        width: 100%;
        height: 100%;
        color: var(--eco-bianco);
        text-decoration: none;
        font-size: 1.5em;
        text-align: center;
    }

        .soclogin a:hover {
            text-decoration: none;
            color: var( --eco-grigio-chiaro);
        }

        .soclogin a img {
            margin-top: 20px;
            border: 2px #ffffff solid;
            border-radius: 25px;
            width: 50px;
        }

.soclogin1 {
    background-color: #55acee;
}

.soclogin2 {
    background-color: #255d9a;
}

.soclogin5 {
    background-color: #cd3f7a;
}

.soclogin7 {
    background-color: #007bb6;
}
/**/
.result-header-thin {
    height: 37px;
}

.result-title-thin {
    line-height: 37px;
}

.label-thin {
    padding-bottom: 0px !important;
    padding-top: 12px !important;
}

#periodoIntelligence label {
    padding-top: 10px !important;
}

.valid-dropper {
}

.form-control-eco-xs {
    height: 25px !important;
    line-height: 25px !important;
    font-size: 0.85em !important;
    padding: 2px 2px 2px 2px !important;
}

.form-label-eco-xs {
    height: 25px !important;
    line-height: 25px !important;
    font-size: 0.85em !important;
    margin-bottom: 0px !important;
    padding: 2px 2px 2px 2px !important;
}

.sticky-component {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

.modal-lg.modal-vertical-centered {
    transform: translate(0, 25%) !important;
    -ms-transform: translate(0, 25%) !important; /* IE 9 */
    -webkit-transform: translate(0, 25%) !important; /* Safari and Chrome */
}

.modal-sm.modal-vertical-centered {
    transform: translate(0, 200%) !important;
    -ms-transform: translate(0, 200%) !important; /* IE 9 */
    -webkit-transform: translate(0, 200%) !important; /* Safari and Chrome */
}

/* Payment integration */
div.payment-container {
    position: relative;
    margin: 0px;
    padding: 0px;
}

iframe.payment {
    width: 100%;
    height: 100vh;
    border: none;
    overflow: auto;
}

.ul-default {
    list-style: disc !important;
    margin-left: -25px !important;
}

.btn-burger {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 15px;
}

    .btn-burger .burger-bar {
        width: 22px;
        height: 2px;
        border-radius: 8px;
        background-color: #94cef0;
        margin: auto;
    }

        .btn-burger .burger-bar + .burger-bar {
            margin-top: 4px;
        }


/* TREND */

.trend, #inf-panoramica {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
}

    .trend .box-title {
        font-size: 1rem;
        font-weight: bold;
        margin: 0px 45px 0px 0px;
    }


.trend-subtitle {
    text-transform: uppercase;
    color: #009ce4;
    font-weight: bold;
    padding-bottom: 5px;
}

.trend-legend {
    position: relative;
    padding-left: 30px;
}

    .trend-legend::before {
        content: "";
        position: absolute;
        width: 25px;
        height: 2px;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background-color: #009ce4;
    }

/* RESULTS */

.results {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.results-options {
    display: inline;
    float: right;
}

    .results-options .box-title {
        font-size: 1rem;
        margin: 0px 5px 0px 10px;
    }

    .results-options .btn-group {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }

    .results-options .btn {
        height: 40px;
        padding-left: 50px;
        border-radius: 1px;
        border: none;
    }


        .results-options .btn:focus,
        .results-options .btn:hover,
        .results-options .btn:active,
        .results-options .btn.active {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }


.btn-facebook {
    background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Facebook Off@2x.png') no-repeat center !important;
    background-size: 12px auto !important;
}

.btn-twitter {
    background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Twitter Off@2x.png') no-repeat center !important;
    background-size: 27px auto !important;
}

.btn-instagram {
    background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Instagram Off@2x.png') no-repeat center !important;
    background-size: 29px auto !important;
}

.btn-youtube {
    background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti YouTube Off@2x.png') no-repeat center !important;
    background-size: 28px auto !important;
}

.btn-googleplus {
    background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Google+ Off@2x.png') no-repeat center !important;
    background-size: 35px auto !important;
}

.btn-facebook.active, .btn-facebook:active {
    background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Facebook On@2x.png') no-repeat center;
    background-size: 12px auto !important;
}

.btn-twitter.active, .btn-twitter:active {
    background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Twitter On@2x.png') no-repeat center;
    background-size: 27px auto !important;
}

.btn-instagram.active, .btn-instagram:active {
    background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Instagram On@2x.png') no-repeat center;
    background-size: 29px auto !important;
}

.btn-youtube.active, .btn-youtube:active {
    background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti YouTube On@2x.png') no-repeat center;
    background-size: 28px auto !important;
}

.btn-googleplus.active, .btn-googleplus:active {
    background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Risultati Sorgenti Google+ On@2x.png') no-repeat center;
    background-size: 35px auto !important;
}

.results-options .dropdown.multiple .dropdown-menu {
    background-color: var(--eco-bianco);
    padding: 8px;
    min-width: 50px;
}

    .results-options .dropdown.multiple .dropdown-menu > li > button {
        border-radius: 4px;
    }

    .results-options .dropdown.multiple .dropdown-menu > li + li > button {
        margin-top: 10px;
    }


@media screen and (min-width:1200px) {
    .results-options .btn {
        height: 40px;
        width: 50px;
        border-radius: 1px;
        border: none;
        background-position: center;
    }
}

.result {
    width: 100%;
}

    .result .result-image {
        margin-left: 15px;
        width: 70px;
        height: 70px;
        border-radius: 80px;
        background-position: center;
        background-size: cover;
    }

    .result .result-image-web {
        margin-left: 15px;
        width: 70px;
        height: 70px;
        border-radius: 80px;
        border: 1px solid var(--eco-azzurro);
        padding: 27px;
        background-position: center;
        background-size: cover;
        display: inline-block;
    }

    .result .result-image-overlay {
        margin-top: -30px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        position: absolute;
    }

    .result .result-image-small {
        position: relative;
        width: 37px;
        height: 37px;
        border-radius: 35px;
        background-position: center;
        background-size: cover;
        display: inline-block;
    }

    .result .result-image-web-small {
        position: relative;
        width: 37px;
        height: 37px;
        border-radius: 35px;
        border: 1px solid var(--eco-azzurro);
        padding: 21px;
        background-color: white;
        background-position: center;
        background-size: cover;
        display: inline-block;
    }


    .result .result-title {
        max-width: 100%;
        position: relative;
        display: inline-block;
        line-height: 45px;
        padding-left: 9px;
        padding-right: 45px;
        font-size: 1.4rem;
        font-weight: bold;
        color: var(--eco-azzurro);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
    }

    .result .video-preview {
        position: absolute;
        right: 0;
        display: inline-block;
        width: 45px;
        height: 45px;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Video@2x.png') no-repeat center;
        background-size: 31px auto;
    }

/*    .result .rating {
        position: relative;
        right: 130px;
        top: 10px;
    }*/

.star-rate {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

    .star-rate.on {
        background-image: url('/Areas/SocialMedia/Assets/img/Risultati Star On@2x.png');
    }

    .star-rate.off {
        background-image: url('/Areas/SocialMedia/Assets/img/Risultati Star Off@2x.png');
    }

.result-flag {
    position: relative;
    width: 30px;
    height: 35px;
    top: 15px;
}

    .result-flag.on {
        background: transparent url('/ngAssets/img/Flag.svg') no-repeat center;
        background-size: 17px auto;
    }

    .result-flag.off {
        opacity: 0;
    }

.result .btn-action {
    width: 40px;
    height: 35px;
    border: 1px solid var(--eco-azzurro);
    border-radius: 5px;
}

.result .btn-action-white {
    width: 40px;
    height: 35px;
    border: 1px solid var(--eco-bianco);
    border-radius: 5px;
}

.btn-act-white {
    width: 40px;
    height: 35px;
    border: 1px solid var(--eco-bianco);
    border-radius: 5px;
}

.result-sentiment {
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 35px;
    width: 67px;
}

.sentiment-icon {
    width: 30px;
    height: 30px;
    border-radius: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: auto;
}

    .sentiment-icon.sent1 {
        background-image: url('/Areas/SocialMedia/Assets/img/sent1.png');
    }

    .sentiment-icon.sent-1 {
        background-image: url('/Areas/SocialMedia/Assets/img/sent-1.png');
    }

    .sentiment-icon.sent0 {
        background-image: url('/Areas/SocialMedia/Assets/img/sent0.png');
    }

.result-image-preview {
    position: absolute;
    width: 126px;
    height: 126px;
    border-radius: 8px;
    left: 90px;
    top: 15px;
    background-size: cover;
}


.result-text {
    color: var(--eco-main-font);
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    width: 100%;
    max-height: 100px; /* fallback */
    -webkit-line-clamp: 5; /* number of lines to show */
    -webkit-box-orient: vertical;
    display: inline-block;
    overflow-wrap: break-word;
}

.result-text-visible {
    text-overflow: inherit;
    overflow: visible;
    display: inline-block;
    color: var(--eco-main-font);
    overflow-wrap: break-word;
    width: 100%;
}

.result-text.small {
    font-size: 1.2rem;
}

.result-text.blu {
    color: var(--eco-azzurro);
}

.main-text {
    padding: 0px 20px 10px 0;
}

.result-date {
    font-size: 0.786rem;
}

.result-content {
    position: relative;
    min-height: 155px;
    width: 100%;
    float: left;
}

.result-subtitle {
    font-size: 0.857rem;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.PGsidebox {
    margin-top: 0px;
    margin-left: 75px;
    float: left;
}

    .PGsidebox > div {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

.PGrubriche {
    margin-top: 0px;
    margin-left: 75px;
    float: left;
}

    .PGrubriche > div {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

.metrics {
    font-size: 0.857rem;
}

    .metrics span {
        height: 30px;
    }

    .metrics .row {
        padding: 25px 15px 0px 5px;
        text-align: justify;
    }

        .metrics .row:after {
            content: '';
            width: 100%;
            height: 1px;
            display: inline-block;
            border-top: 1px solid var(--eco-tab-social-bordo);
        }

        .metrics .row > span {
            display: inline-block;
            font-size: 0.857rem;
            padding-top: 6px;
            padding-bottom: 6px;
        }

            .metrics .row > span > a {
                display: inline-block !important;
                font-size: 0.857rem;
                padding-top: 6px !important;
                padding-bottom: 6px !important;
            }


    .metrics .comments-active {
        color: var(--eco-azzurro) !important;
    }

    .metrics .impression {
        padding-left: 25px;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Impression@2x.png') no-repeat left center;
        background-size: 19px auto;
    }

    .metrics .klut {
        padding-left: 20px;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Klut@2x.png') no-repeat left center;
        background-size: 17px auto;
    }

    .metrics span[class^="fa-"] {
        font-size: 20px;
        color: var(--eco-main-font);
    }

.result-tags {
    margin-left: -5px;
}

.result-tag {
    display: inline-block;
    font-size: 1rem;
    padding: 2px 5px;
    margin-left: 5px;
    margin-top: 5px;
    /*text-transform: uppercase;*/
    background-color: #535353;
    color: var(--eco-bianco);
    border-radius: 2px;
    word-break: break-all;
}


@media screen and (min-width:1300px) {
    .PGsidebox {
        width: 200px;
        margin-left: 0px;
    }

    .PGrubriche {
        width: 250px;
        margin-left: 0px;
    }

    .main-text {
    }

    .result-content {
        width: calc(100% - 680px);
    }
}

/* PSEUDO-POPOVER IN IFRAME*/
.popif {
    font-size: 12px !important;
}

.popif-content {
    width: 236px;
    padding: 2px 2px;
}

.popif .section {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

    .popif .section + .section {
        border-top: 1px solid var(--eco-widget-bordo);
    }

.popif .title {
    padding-top: 4px;
    padding-bottom: 4px;
}

    .popif .title.large {
        font-size: 1rem;
    }

.popif .sentiment-buttons {
    margin: 6px 0px;
}

.popif .btn-sentiment {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    margin-right: 3px;
}

    .popif .btn-sentiment:focus,
    .popif .btn-sentiment:active,
    .popif .btn-sentiment.active,
    .popif .btn-sentiment:hover {
        outline: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .popif .btn-sentiment.up {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popif .btn-sentiment.up.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

    .popif .btn-sentiment.equal {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popif .btn-sentiment.equal.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

    .popif .btn-sentiment.down {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popif .btn-sentiment.down.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

.popif .btn-flag:focus,
.popif .btn-flag:active,
.popif .btn-flag.active,
.popif .btn-flag:hover {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.popif .btn-cestino:focus,
.popif .btn-cestinog:active,
.popif .btn-cestinog.active,
.popif .btn-cestino:hover {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* POPOVER SOCIAL */

.popover-content {
    width: 220px;
    padding: 10px 15px 10px 15px;
}

.popover .section {
    padding-left: 10px;
    padding-right: 10px;
}

    .popover .section + .section {
        border-top: 1px solid var(--eco-widget-bordo);
    }

.popover .title {
    font-size: 0.857rem;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .popover .title.large {
        font-size: 1rem;
    }

.popover .sentiment-buttons {
    margin: 6px 0px;
}

.popover .btn-sentiment {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    margin-right: 3px;
}

    .popover .btn-sentiment:focus,
    .popover .btn-sentiment:active,
    .popover .btn-sentiment.active,
    .popover .btn-sentiment:hover {
        outline: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .popover .btn-sentiment.up {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popover .btn-sentiment.up.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

    .popover .btn-sentiment.equal {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popover .btn-sentiment.equal.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

    .popover .btn-sentiment.down {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu Off@2x.png') no-repeat center;
        background-size: 24px auto;
    }

        .popover .btn-sentiment.down.active {
            background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu On@2x.png') no-repeat center;
            background-size: 24px auto;
        }

.popover .btn-flag:focus,
.popover .btn-flag:active,
.popover .btn-flag.active,
.popover .btn-flag:hover {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.popover .btn-cestino:focus,
.popover .btn-cestinog:active,
.popover .btn-cestinog.active,
.popover .btn-cestino:hover {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.popover .author-block {
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Blocca Autore@2x.png') no-repeat right center;
    background-size: 22px auto;
}

.popover .author-unblock {
    padding-top: 10px;
    padding-bottom: 10px;
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Sblocca Autore@2x.png') no-repeat right center;
    background-size: 22px auto;
}

.popover .section.author-rating {
    padding: 10px;
}
/*fine popover*/
.gridauthor-block {
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Blocca Autore@2x.png') no-repeat left center;
    background-size: 30px auto;
    float: left;
    width: 30px;
    max-width: 30px;
    height: 30px;
}

.gridauthor-unblock {
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Sblocca Autore@2x.png') no-repeat left center;
    background-size: 30px auto;
    float: left;
    width: 30px;
    max-width: 30px;
    height: 30px;
}

.ratingContainer {
    display: inline-block;
    font-size: 1em;
}

    .ratingContainer .star {
        margin: 0 1px;
    }

#bound-commontags-wrapper .bootstrap-tagsinput {
    min-height: 135px;
    max-height: 135px;
    overflow: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

#bound-rastags-wrapper .bootstrap-tagsinput {
    min-height: 200px;
    max-height: 200px;
    overflow: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}


.btn-share {
    display: inline-block;
    margin-right: 11px;
}

.hamster {
    background: transparent url('/Areas/SocialMedia/Assets/img/Hamster_new.gif') no-repeat center;
    background-size: 60px auto;
    min-height: 300px;
    height: 300px;
}

.minihamster {
    background: transparent url('/Areas/SocialMedia/Assets/img/Hamster_new.gif') no-repeat center;
    background-size: 30px auto;
    min-height: 30px;
    height: 30px;
}

.result .result-header-del {
    position: relative;
    height: 45px;
    background-color: var(--eco-grigio-chiaro);
    border-top: 1px solid var(--eco-rosso) !important;
    border-bottom: 1px solid var(--eco-rosso) !important;
    padding-right: 270px;
}

.postgrid-del {
    border-top: 1px solid var(--eco-rosso) !important;
    border-bottom: 1px solid var(--eco-rosso) !important;
}


.btn-sentiment.up {
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su Off@2x.png') no-repeat center;
    background-size: 35px auto;
    margin-right: 20px;
}

    .btn-sentiment.up.active {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su On@2x.png') no-repeat center;
        background-size: 35px auto;
        margin-right: 20px;
    }

.btn-sentiment.equal {
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale Off@2x.png') no-repeat center;
    background-size: 35px auto;
    margin-right: 20px;
}

    .btn-sentiment.equal.active {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale On@2x.png') no-repeat center;
        background-size: 35px auto;
        margin-right: 20px;
    }

.btn-sentiment.down {
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu Off@2x.png') no-repeat center;
    background-size: 35px auto;
}

    .btn-sentiment.down.active {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu On@2x.png') no-repeat center;
        background-size: 35px auto;
    }

.chart-container {
    margin-bottom: 30px;
}

    .chart-container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .chart-container.fixed-height .box-content {
        height: 350px;
    }

    .chart-container .chart-title {
        color: var(--eco-titolo-chart);
        text-transform: uppercase;
        padding-top: 5px !important;
        padding-left: 5px !important;
    }

.chart {
    height: 100%;
}

.insight-chart-height-1 {
    height: 300px !important;
}

.insight-chart-height-2 {
    height: 600px !important;
}


.area-chart {
    height: 300px !important;
}

.influencer-chart {
    height: 180px !important;
}

.chart-margin {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

@media screen and (min-width: 1200px) {

    .insight-chart-height-1 {
        height: 23px !important;
        max-height: 23px !important;
        overflow-y: auto;
    }

    .insight-chart-height-2 {
        height: 142px !important;
        max-height: 142px !important;
        overflow-y: scroll;
    }

    .insight-chart-height-3 {
        height: 261px !important;
        max-height: 261px !important;
        overflow-y: auto;
    }

    .insight-chart-height-4 {
        height: 380px !important;
        max-height: 380px !important;
        overflow-y: auto;
    }

    .insight-chart-height-5 {
        height: 499px !important;
        max-height: 499px !important;
        overflow-y: auto;
    }

    .insight-chart-height-6 {
        height: 618px !important;
        max-height: 618px !important;
        overflow-y: auto;
    }

    .insight-chart-height-7 {
        height: 737px !important;
        max-height: 737px !important;
        overflow-y: auto;
    }

    .insight-chart-height-8 {
        height: 856px !important;
        max-height: 856px !important;
        overflow-y: auto;
    }

    .area-chart {
        height: 380px !important;
    }
}

.doughnut-container .chart {
    height: 196px;
    max-width: 196px;
    max-height: 196px;
    margin: auto;
}

.pie-container .chart {
    margin: 0px;
}

.sentiment-trends {
    /*width: 130px;*/
    margin: auto;
    margin-top: 20px;
}

.sentiment-trend {
    font-size: 1rem;
    font-weight: bold;
    padding-left: 40px;
    line-height: 0.9em;
    margin-bottom: 10px;
}

    .sentiment-trend.up {
        background: transparent url('/Areas/SocialMedia/Assets/img/Dossier Su@2x.png') no-repeat left center;
        background-size: 30px auto;
    }

    .sentiment-trend.equal {
        background: transparent url('/Areas/SocialMedia/Assets/img/Dossier Uguale@2x.png') no-repeat 5px center;
        background-size: 18px auto;
    }

    .sentiment-trend.down {
        background: transparent url('/Areas/SocialMedia/Assets/img/Dossier Giu@2x.png') no-repeat left center;
        background-size: 30px auto;
    }

    .sentiment-trend .positive {
        color: var(--eco-sentiment-positivo);
    }

    .sentiment-trend .negative {
        color: var(--eco-sentiment-negativo);
    }

    .sentiment-trend .equal {
        color: var(--eco-sentiment-neutro);
    }

.sentiment-positive {
    font-weight: bold !important;
    color: var(--eco-sentiment-positivo) !important;
}

.sentiment-negative {
    font-weight: bold !important;
    color: var(--eco-sentiment-negativo) !important;
}

.sentiment-neutral {
    font-weight: bold !important;
    color: var(--eco-sentiment-neutro) !important;
}

.counters {
    padding: 10px;
    font-size: 14px;
    line-height: 35px;
    background-color: var(--eco-tot-bg);
    text-transform: lowercase;
}

    .counters i {
        font-size: 1.7em;
        font-weight: bold;
        color: var(--eco-azzurro);
        font-style: normal;
    }

.fabcounters {
    max-width: 265px !important;
    padding: 7px;
    font-size: 14px;
    line-height: 35px;
    border: 0px !important;
    background-color: var(--eco-tot-bg);
    text-transform: lowercase;
}

    .fabcounters i {
        font-size: 1.7em;
        font-weight: bold;
        color: var(--eco-azzurro);
        font-style: normal;
    }


.fabcount-placeholder {
    max-width: 265px !important;
    min-height: 93px !important;
}

/*.fabcount-dragger-placeholder:hover {
    background: #eeeeee url('/ngAssets/img/Drag_G.png') no-repeat center center;
    background-size: 75px auto;
}
*/
.fabcount-dragger:hover {
    cursor: move;
}

.dossier {
    margin-bottom: 30px;
}

.dossier-add {
    font-size: 100px;
    min-height: 464px;
    background-color: var(--eco-tab-social-bg);
    cursor: pointer;
}

.add-dossier-btn-icon {
    top: 43%;
    left: 43%;
    position: absolute;
    color: var(--eco-tab-social-bordo);
}

.dossier-header {
    background-color: var(--eco-widget-header);
    height: 35px;
    border-radius: 2px;
    position: relative;
    color: var(--eco-tab-social-font);
}

.btn-drag {
    font-size: 16px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    left: 0;
    cursor: pointer;
    background: unset !important;
    background-size: unset !important;
}

.btn-delete {
    font-size: 23px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 7px;
    right: 0;
    cursor: pointer;
    background: unset !important;
    background-size: unset !important;
}

.chart-dragger {
    position: absolute;
    top: 18px;
    right: 42px;
    font-size: 18px;
    cursor: pointer;
}

.chart-menu {
    font-size: 18px;
    cursor: pointer;
}

.chart-info {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 30px;
    background-size: 45%;
    cursor: pointer;
}

.chart-menu-ui {
    top: 26px !important;
}

.chart-menu-ui-old {
    right: 0px !important;
    left: auto !important;
    text-transform: none !important;
    text-align: left !important;
}

.fabcount-dragger {
    width: 30px;
    height: 30px;
    float: right !important;
    margin-top: 1px !important;
    margin-right: -5px !important;
    margin-top: -10px !important;
}

.tot-dragger {
    width: 30px;
    height: 30px;
    float: right !important;
    margin-top: 1px !important;
    margin-right: -5px !important;
}

.tot-menu {
    width: 30px;
    height: 30px;
    float: right !important;
    margin-top: -10px !important;
    margin-right: -15px !important;
}

.tot-menu-ui {
    top: 30px !important;
    right: 30px !important;
}

.dossier-title {
    line-height: 35px;
    margin: 0px 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.dossier-content {
    border: 1px solid var(--eco-widget-bordo);
    border-top: none;
    background-color: var(--eco-widget-content-bg);
}

    .dossier-content > .row {
        padding: 0px 15px;
    }

    .dossier-content .chart-title,
    .dossier-content .author-title {
        color: var(--eco-titolo-chart);
        text-transform: uppercase;
        padding-bottom: 10px;
        font-size: 1.286rem;
    }

    .dossier-content .author-title {
        padding-bottom: 6px;
    }

    .dossier-content .chart-title.centered {
        text-align: center;
    }

.line-chart {
    padding: 15px;
}

    .line-chart canvas {
        max-height: 160px;
    }

.line-chart-ov {
    padding: 15px;
}

    .line-chart-ov div {
        max-height: 160px;
    }

.bar-chart {
    padding: 0px 15px 15px 15px;
}

    .bar-chart canvas {
        max-height: 140px;
    }

.doughnut-chart {
    padding: 15px 15px 0px 15px;
}

    .doughnut-chart .chart-container {
        margin: auto;
    }

@media screen and (min-width: 992px) {
    .doughnut-chart .chart-container {
        width: 50%;
        margin: auto;
    }
}

@media screen and (min-width: 1200px) {
    .doughnut-chart .chart-container {
        width: 70%;
        margin: auto;
    }
}

.social-sentiment {
    text-align: center;
    width: 100%;
    margin-top: 5px;
}

    .social-sentiment div {
        display: inline-block;
        position: relative;
        height: 25px;
        background-repeat: no-repeat;
    }

.social-spacer {
    width: 35px;
    background-size: auto 19px;
    background-position: left center;
}

.social-fb {
    width: 35px;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Facebook@2x.png');
    background-size: auto 19px;
    background-position: left center;
}

.social-twitter {
    width: 40px;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Twitter@2x.png');
    background-size: auto 15px;
    background-position: left center;
}

.social-google {
    width: 45px;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Google+@2x.png');
    background-size: auto 14px;
    background-position: left center;
}

.sentiment-up:after {
    content: " ";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    top: 0;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Su@2x.png');
    background-size: auto 21px;
    background-position: right center;
    background-repeat: no-repeat;
}

.sentiment-down:after {
    content: " ";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    top: 0;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Giu@2x.png');
    background-size: auto 21px;
    background-position: right center;
    background-repeat: no-repeat;
}

.sentiment-equal:after {
    content: " ";
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    top: 0;
    background-image: url('/Areas/SocialMedia/Assets/img/Dossier Uguale@2x.png');
    background-size: auto 16px;
    background-position: right center;
    background-repeat: no-repeat;
}

.authors {
    padding: 0px 15px 15px 15px;
}

.author-content + .author-title {
    padding-top: 10px;
}

.author-content {
    height: 45px;
}

.author-image {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 25px;
}

.author-image-web {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 25px;
    border: 1px solid var(--eco-azzurro);
    padding: 10px;
    background-color: white;
}


.author-name {
    max-height: 45px;
    padding-left: 55px;
    color: var(--eco-azzurro);
    font-size: 1.286rem;
    font-weight: bold;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.is_visible,
.is_visible_dark,
.is_hidden,
.is_hidden_dark {
    cursor: pointer;
    text-align: right;
    margin-bottom: 0px;
}

    .is_visible span,
    .is_visible_dark span,
    .is_hidden span,
    .is_hidden_dark span {
        display: inline-block;
    }

        .is_visible span.eye-lg,
        .is_visible_dark span.eye-lg,
        .is_hidden span.eye-lg,
        .is_hidden_dark span.eye-lg {
            height: 25px;
            width: 30px;
            margin-right: 3px;
            margin-left: -6px;
        }

        .is_visible span.eye-md,
        .is_visible_dark span.eye-md,
        .is_hidden span.eye-md,
        .is_hidden_dark span.eye-md {
            height: 45%;
            width: 45%;
        }

        .is_visible span.eye-sm,
        .is_visible_dark span.eye-sm,
        .is_hidden span.eye-sm,
        .is_hidden_dark span.eye-sm {
            height: 14px;
            width: 19px;
            /*height: 25%;
            width: 25%;*/
        }

    .is_visible span {
        content: url('/Areas/SocialMedia/Assets/img/Eye Opened.png');
    }

    .is_visible_dark span {
        content: url('/Areas/SocialMedia/Assets/img/Eye Opened Dark.png');
    }

    .is_hidden span {
        content: url('/Areas/SocialMedia/Assets/img/Eye Closed.png');
    }

    .is_hidden_dark span {
        content: url('/Areas/SocialMedia/Assets/img/Eye Closed Dark.png');
    }

div.tab-handle {
    position: relative;
}

li.active div.tab-handle {
    background-color: var(--eco-abb-bg);
}


.tabs.draggable .gm-drag-element {
    background-color: #ccc !important;
}

.tabs.draggable .gm-dropping {
    border: 2px dashed #cbd5e0;
    opacity: 0.5;
}

.tabs.draggable .gm-drag-handle {
    cursor: move;
    user-select: none;
}

li.li-draggable.gm-dragging > a {
    display: block;
    color: var(--eco-main-font);
    line-height: 57px;
    padding: 0px 15px;
}

fieldset.bordered {
    border: 1pt solid #ccc;
    background-color: #e7e7e7;
    padding: 7px 9px;
}

.top-influencers {
    color: var(--eco-main-font);
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .top-influencers ul.tabs {
        background-color: transparent;
        border: none;
        padding: 0;
        margin-bottom: 0;
        display: inline-block;
    }

        .top-influencers ul.tabs > li {
            list-style-type: none;
            display: inline-block;
        }

            .top-influencers ul.tabs > li > a {
                display: block;
                font-size: 1rem;
                text-transform: lowercase;
            }

                .top-influencers ul.tabs > li > a::first-letter {
                    text-transform: uppercase;
                }

            .top-influencers ul.tabs > li.active > a,
            .top-influencers ul.tabs > li.active > a:focus,
            .top-influencers ul.tabs > li.active > a:hover {
                color: var(--eco-bianco);
                font-weight: bold;
                border: none;
                background-color: var(--eco-azzurro);
                border-radius: 0;
            }

            .top-influencers ul.tabs > li > a,
            .top-influencers ul.tabs > li > a:focus,
            .top-influencers ul.tabs > li > a:hover {
                text-decoration: none;
            }

.first-influencer {
    min-height: 150px;
}

.first-influencer,
.influencers-list {
    padding-top: 15px;
}

.top-influencer-div {
    position: absolute;
    width: 125px;
    height: 125px;
}

    .top-influencer-div .top-influencer-image {
        position: absolute;
        margin-left: 15px;
        width: 70px;
        height: 70px;
        border-radius: 80px;
        background-position: center;
        background-size: cover;
    }


    .top-influencer-div .top-influencer-overlay {
        margin-top: 40px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        position: absolute;
    }

.top-influencer-div-web {
    position: absolute;
    width: 70px;
    height: 70px;
}

    .top-influencer-div-web .top-influencer-overlay {
        margin-top: 40px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
        position: absolute;
    }

    .top-influencer-div-web .top-influencer-image {
        position: absolute;
        margin-left: 15px;
        width: 70px;
        height: 70px;
        border-radius: 80px;
        border: 1px solid var(--eco-azzurro);
        padding: 27px;
        background-position: center;
        background-size: cover;
        display: inline-block;
    }

.top-influencer-name {
    position: relative;
    color: var(--eco-azzurro);
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-influencer-item {
    border-bottom: 1px solid var(--eco-widget-bordo);
    padding-bottom: 10px;
    position: relative;
}

.top-influencer-title {
    font-size: 1.2rem;
    line-height: 1.4em;
    font-weight: bold;
    padding-right: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-influencer-subtitle {
    font-size: 1rem;
    padding-right: 60px;
}

.top-influencer-engagement {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0px;
    line-height: 100%;
    padding-right: 30px;
    background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Engagement@2x.png') no-repeat right center;
    background-size: 24px auto;
}

.influencers-table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.box-header .row {
    height: 100%;
    display: flex;
    align-items: center;
}

.column-title {
    font-size: 1rem;
    text-align: center;
}

    .column-title.left-align {
        text-align: left;
    }


.influencer-row {
    border-top: 1px solid var(--eco-azzurro);
}

.influencer-row-item {
    min-height: 65px !important;
    position: relative;
    justify-content: center;
    color: #535353;
}

.tag-row-item {
    min-height: 25px !important;
    position: relative;
    color: var(--eco-main-font);
    padding-top: 7px;
}

.influencer-info {
}

@media screen and (min-width: 1200px) {
    .influencer-row-item {
        min-height: 65px;
    }

    .influencer-info {
        position: initial;
    }
}

.influencer-row-item.left-align {
    justify-content: flex-start;
}



.influencer-image {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 45px;
    height: 45px;
    background-size: cover;
    border-radius: 30px;
}

.influencer-image-web {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 45px;
    height: 45px;
    border: 1px solid var(--eco-azzurro);
    background-size: cover;
    border-radius: 30px;
}

.influencer-metric {
    position: absolute;
    top: 10px;
    left: 3px !important;
    width: 120px;
    height: 120px;
    border: 4px solid var(--eco-azzurro);
    background-size: cover;
    border-radius: 75px;
}

.influencer-metric-title {
    width: 100% !important;
    text-align: center !important;
}

.influencer-metric span {
    position: absolute;
    width: 100%;
    top: 41% !important;
    font-size: 1.1rem;
    left: 0px;
}


.influencer-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 5px 65px 0px 95px;
}

.influencer-subtitle {
    font-size: 1.2rem;
    margin: 5px 65px 0px 95px;
}

.influencer-row-item .social-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -18px;
}

.influencer-numeric-field {
    text-align: center;
    font-size: 1.2rem;
}

    .influencer-numeric-field > span {
        position: relative;
        font-size: 1rem;
        line-height: 21px;
        /*padding-left: 21px;*/
    }

    .influencer-numeric-field .arrow {
        padding-left: 22px;
    }

    .influencer-numeric-field .up {
        color: var(--eco-influencer-up);
    }

    .influencer-numeric-field .down {
        color: var(--eco-influencer-down);
    }

    .influencer-numeric-field .up.arrow {
        background: transparent url('/Areas/SocialMedia/Assets/img/Dossier Su@2x.png') no-repeat left center;
        background-size: 21px auto;
    }

    .influencer-numeric-field .down.arrow {
        background: transparent url('/Areas/SocialMedia/Assets/img/Dossier Giu@2x.png') no-repeat left center;
        background-size: 21px auto;
    }

.influencers-table .sentiment-chart {
    padding: 0;
}

    .influencers-table .sentiment-chart .chart-bar {
        width: 100%;
        height: 35px;
        background-color: #F59600;
        position: relative;
    }

        .influencers-table .sentiment-chart .chart-bar .positive {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-color: var(--eco-influencer-up);
        }

        .influencers-table .sentiment-chart .chart-bar .negative {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: var(--eco-influencer-down);
        }

.result-header {
    height: 30px;
    background-color: var(--eco-grigio-chiaro);
}

.result-title {
    max-width: 100%;
    position: relative;
    display: inline-block;
    line-height: 30px;
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--eco-main-font);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .result-title .dropdown {
        background-color: var(--eco-bianco);
        padding-top: 4px !important;
        padding-left: 10px !important;
        padding-right: 15px !important;
        padding-bottom: 4px !important;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        color: var(--eco-azzurro);
        font-size: 1rem;
        overflow: visible !important;
        overflow-y: visible !important;
        z-index: 1000;
    }

.top-influencers .btn-action {
    font-size: 35px;
}
/*
.top-influencers .btn-popup {
    position: relative;
    background: transparent url('/Areas/SocialMedia/Assets/img/InfluencerInfo.png') no-repeat center;
    background-size: 26px auto;
    top: 5px;
}*/

/***********faboard************/

#inf-tabella-faboard {
    margin: 0 -5px 0 -5px !important;
    font-size: 0.9rem !important;
    height: 430px;
    overflow-y: auto;
}

    #inf-tabella-faboard .box-header {
        height: initial;
        background-color: var(--eco-bianco);
        color: var(--eco-main-font);
        font-weight: bold;
        padding: 5px;
    }

    #inf-tabella-faboard .right {
        text-align: right;
    }

    #inf-tabella-faboard .box-content {
        border: none;
    }

    #inf-tabella-faboard .influencer-numeric-field {
        text-align: right;
        font-size: 1rem;
        margin-top: 15px;
    }

    #inf-tabella-faboard .influencer-row-item {
        min-height: initial !important;
    }

        #inf-tabella-faboard .influencer-row-item .social-icon {
            margin-top: -12px;
            background-size: 25px;
            width: 25px;
            height: 25px;
        }

    #inf-tabella-faboard .influencer-image {
        top: 5px;
        left: 0;
        width: 32px;
        height: 32px;
        border-radius: 20px;
    }

    #inf-tabella-faboard .influencer-title {
        font-size: 1rem;
        font-weight: bold;
        margin: 5px 20px 0 25px;
    }

    #inf-tabella-faboard .influencer-subtitle {
        font-size: 1rem;
        margin: 5px 5px 5px 25px;
    }

#search .box-footer {
    text-align: right;
    position: relative;
}

#search .box-content {
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn-footer {
    margin-top: calc(65px / 2 - 1.222em) !important;
    margin-left: 10px !important;
    min-width: 6.889em !important;
    height: 2.444em !important;
    background-color: transparent !important;
    border: 2px solid var(--eco-bianco) !important;
    border-radius: 3px !important;
    font-size: 1.286rem !important;
}

    .btn-footer:hover, .btn-footer:active {
        color: var(--eco-azzurro) !important;
        background-color: var(--eco-bianco) !important;
        outline: none !important;
    }

.box-reverse {
    color: var(--eco-azzurro) !important;
    margin-top: calc(65px / 2 - 1.222em) !important;
    margin-left: 10px !important;
    min-width: 6.889em !important;
    height: 2.444em !important;
    background-color: var(--eco-bianco) !important;
    border: 2px solid var(--eco-bianco) !important;
    border-radius: 3px !important;
    font-size: 1.286rem !important;
}

.btn-footer-reverse {
    color: var(--eco-azzurro) !important;
    margin-top: calc(65px / 2 - 1.222em) !important;
    margin-left: 10px !important;
    min-width: 6.889em !important;
    height: 2.444em !important;
    background-color: var(--eco-bianco) !important;
    border: 2px solid var(--eco-bianco) !important;
    border-radius: 3px !important;
    font-size: 1.286rem !important;
}

    .btn-footer-reverse:hover, .btn-footer-reverse:active {
        color: var(--eco-bianco) !important;
        background-color: transparent !important;
        outline: none !important;
    }

.btn-modal-footer-old {
    text-align: center !important;
    font-size: 1em !important;
    padding-top: 7px;
    padding-bottom: 7px
}

.btn-modal-footer {
    margin-top: 4px !important;
    margin-left: 10px !important;
    min-width: 6.889em !important;
    background-color: transparent !important;
    border: 2px solid var(--eco-bianco) !important;
    border-radius: 3px !important;
}

    .btn-modal-footer:hover, .btn-modal-footer:active, .btn-modal-footer:focus {
        color: var(--eco-azzurro);
        background-color: var(--eco-bianco) !important;
        outline: none !important;
    }

.btn-modal-footer-reverse {
    color: var(--eco-azzurro);
    margin-top: 4px !important;
    margin-left: 10px !important;
    min-width: 6.889em !important;
    background-color: var(--eco-bianco) !important;
    border: 2px solid var(--eco-bianco) !important;
    border-radius: 3px !important;
}

    .btn-modal-footer-reverse:hover, .btn-footer-reverse:active {
        color: var(--eco-bianco) !important;
        background-color: transparent !important;
        outline: none !important;
    }

#search label {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 2px;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    line-height: 14px;
}

.label-in-list {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px;
}

#_search input {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 1rem;
    height: 45px;
    line-height: 45px;
    border-style: none;
    border: 1px solid var(--eco-input-border);
    border-radius: 3px;
    color: var(--eco-input-font);
}

#search input::placeholder {
    color: var(--eco-input-font);
    font-style: italic;
}


#_search .option {
    display: inline-block;
    height: 35px;
    line-height: 35px;
}

    #_search .option.active input {
        color: var(--eco-input-font-active);
    }

#_search select {
    width: 100%;
    font-size: 1rem;
    height: 45px;
    line-height: 45px;
    border-color: var(--eco-input-border);
    background-color: var(--eco-input-bg);
    border-radius: 3px;
    margin-bottom: 15px;
}

.search-extra-container {
    border: 1px solid var(--eco-input-border);
    border-radius: 3px;
    padding: 20px 15px;
    margin-bottom: 15px;
}

#switchContainer {
    padding-bottom: 0;
}

    #switchContainer select {
        width: initial;
        height: initial;
        margin-bottom: 0;
    }

    #switchContainer input {
        width: initial;
        display: inline;
        height: 35px;
        line-height: 35px;
    }

        #switchContainer input[type='date'] {
            width: 125px;
        }

#datepicker input {
    height: 35px;
    line-height: 35px;
    width: 100px;
    margin-bottom: 0;
}

.datepicker-label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 10px;
}

    .datepicker-label:not(:first-child) {
        padding-left: 10px;
    }


.btn.btn-toggle {
    width: 35px;
    height: 35px;
    border: 1px solid var(--eco-input-border);
}

    .btn.btn-toggle:hover, .btn.btn-toggle:active, .btn.btn-toggle:focus, .btn.btn-toggle.active {
        outline: none;
    }

/* --------------------- bottoni media in ricerca FastAnalysis dashboard */
/*input[id=fabmed0] {
    display: none !important;
}

    input[id=fabmed0] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/StampaOff.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed0]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/StampaOn.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

input[id=fabmed2] {
    display: none !important;
}

    input[id=fabmed2] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/WebOff.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed2]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/WebOn.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

input[id=fabmed3] {
    display: none !important;
}

    input[id=fabmed3] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/TvOff.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed3]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/TvOn.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

input[id=fabmed4] {
    display: none !important;
}

    input[id=fabmed4] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/RadioOff.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed4]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/RadioOn.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

input[id=fabmed5] {
    display: none !important;
}

    input[id=fabmed5] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca_Social_Off.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed5]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca_Social_On.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

input[id=fabmed6] {
    display: none !important;
}

    input[id=fabmed6] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/agenzieOff.png') no-repeat center !important;
        background-size: 33px auto !important;
    }

    input[id=fabmed6]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/agenzieOn.png') no-repeat center !important;
        background-size: 33px auto !important;
    }*/
/* --------------------- /bottoni media in ricerca FastAnalysis dashboard */

/* --------------------- bottoni media in ricerca Social */
/*input[id=soc1] {
    display: none !important;
}

    input[id=soc1] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca Twitter Off@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

    input[id=soc1]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca Twitter On@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

input[id=soc2] {
    display: none !important;
}

    input[id=soc2] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca Facebook Off@2x.png') no-repeat center !important;
        background-size: 12px auto !important;
    }

    input[id=soc2]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca Facebook On@2x.png') no-repeat center !important;
        background-size: 12px auto !important;
    }

input[id=soc3] {
    display: none !important;
}

    input[id=soc3] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca YouTube Off@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

    input[id=soc3]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca YouTube On@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

input[id=soc4] {
    display: none !important;
}

    input[id=soc4] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca GoogleP Off@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

    input[id=soc4]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca GoogleP On@2x.png') no-repeat center !important;
        background-size: 25px auto !important;
    }

input[id=soc5] {
    display: none !important;
}

    input[id=soc5] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca Instagram Off@2x.png') no-repeat center;
        background-size: 25px auto;
    }

    input[id=soc5]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca Instagram On@2x.png') no-repeat center;
        background-size: 25px auto;
    }

input[id=soc10] {
    display: none !important;
}

    input[id=soc10] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca_Web_Off.png') no-repeat center;
        background-size: 25px auto;
    }

    input[id=soc10]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca_Web_On.png') no-repeat center;
        background-size: 25px auto;
    }

input[id=soc11] {
    display: none !important;
}

    input[id=soc11] + label {
        display: inline-table !important;
        background: var(--eco-bianco) url('/Areas/SocialMedia/Assets/img/Ricerca TikTok Off@2x.png') no-repeat center;
        background-size: 25px auto;
    }

    input[id=soc11]:checked + label {
        background: var(--eco-azzurro) url('/Areas/SocialMedia/Assets/img/Ricerca TikTok On@2x.png') no-repeat center;
        background-size: 25px auto;
    }*/

label[for="soc10"] {
    margin-left: 0px !important;
}

.btn-sentiment {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    margin-right: 3px;
}

    .btn-sentiment:focus, .btn-sentiment:active, .btn-sentiment.active, .btn-sentiment:hover {
        outline: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

/*input[id=sent1] {
    display: none !important;
}

    input[id=sent1] + label {
        display: inline-table !important;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su Off@2x.png') no-repeat center;
        background-size: 45px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }

    input[id=sent1]:checked + label {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Su On@2x.png') no-repeat center;
        background-size: 35px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }

input[id=sent10] {
    display: none !important;
}

    input[id=sent10] + label {
        display: inline-table !important;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale Off@2x.png') no-repeat center;
        background-size: 35px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }

    input[id=sent10]:checked + label {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Uguale On@2x.png') no-repeat center;
        background-size: 35px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }

input[id=sent100] {
    display: none !important;
}

    input[id=sent100] + label {
        display: inline-table !important;
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu Off@2x.png') no-repeat center;
        background-size: 35px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }

    input[id=sent100]:checked + label {
        background: transparent url('/Areas/SocialMedia/Assets/img/Risultati Edit Sentiment Giu On@2x.png') no-repeat center;
        background-size: 35px auto;
        -webkit-box-shadow: none;
        outline: none;
        box-shadow: none;
    }*/

/*modalità miniatura griglia articoli*/
.gallery-container {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    display: table;
}

    .gallery-container li {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-bottom-color: #D3D3D3;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-image-outset: 0 0 0 0;
        border-image-repeat: stretch stretch;
        border-image-slice: 100% 100% 100% 100%;
        border-image-source: none;
        border-image-width: 1 1 1 1;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-left-color-value: #D3D3D3;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-left-style-value: solid;
        border-left-width-ltr-source: physical;
        border-left-width-rtl-source: physical;
        border-left-width-value: 1px;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-right-color-value: #D3D3D3;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-right-style-value: solid;
        border-right-width-ltr-source: physical;
        border-right-width-rtl-source: physical;
        border-right-width-value: 1px;
        border-top-color: #D3D3D3;
        border-top-style: solid;
        border-top-width: 1px;
        display: inline-block;
        margin-bottom: 2em;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0;
        padding-bottom: 7px;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 7px;
        position: relative;
        vertical-align: top;
        width: 200px;
    }

    .gallery-container img {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        cursor: pointer;
        position: relative;
        z-index: 10;
    }

    .gallery-container input {
        outline: 1px solid var(--eco-input-border);
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 17px;
        right: 8px;
        z-index: 11;
    }

.gallery-container-div {
    height: 281px;
    width: 200px;
}

/*icone*/
[class*=" fa-"] {
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

#table_articles [class^="fa-"], #table_articles [class*=" fa-"], #table [class^="fa-"], #table [class*=" fa-"], #tableInner [class^="fa-"], #tableInner [class*=" fa-"] {
    color: var(--eco-griglia-icone);
    font-size: 12px;
}

#table_articles .fa-circle-minus {
    color: var(--eco-sentiment-negativo)
}

#table_articles .fa-circle-pause {
    color: var(--eco-sentiment-neutro)
}

#table_articles .fa-circle-plus {
    color: var(--eco-sentiment-positivo)
}

#table_articles .fa-circle {
    color: var(--eco-grigio-bordo)
}
/**/

/*bootstrap overwrite*/

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 0px;
}

.hide-text {
    visibility: hidden;
}

.no-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

th > a > img {
    max-width: initial;
}

.pagination > li > a {
    padding: 3px 12px !important;
    margin-top: 4px !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.pagination > li > a, .pagination > li > span {
    float: inline-start !important;
    margin-left: -5px !important;
}

input, textarea {
    line-height: 1.6;
    color: var(--eco-main-font);
    font-size: 13px !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 9px 0;
    font-family: inherit !important;
    font-weight: bold !important;
    line-height: 18px;
    color: inherit;
    text-rendering: optimizelegibility !important;
}

.input-group-addon {
    padding: 6px 8px !important;
    width: auto !important;
    font-size: 12px !important;
    line-height: inherit !important;
}

select:not([multiple="multiple"]) {
    padding: 0px 6px 0px 6px !important;
    height: 25px !important;
    color: var(--eco-main-font);
}

.form-control:not(select) {
    padding: 6px !important;
}

.form-control:not(.mail):not(textarea):not([multiple="multiple"]):not(#engager-edit):not(#contact-email):not([type="number"]){
height: 28px !important;
color: var(--eco-main-font);
}

.input-xlarge {
    width: 337px !important;
}

.input-small {
    width: 120px !important;
}

.input-xs {
    width: 80px !important;
}

.input-medium {
    width: 270px !important;
}

#table:not(.table-striped) td {
    border-top: 1px solid var(--eco-azzurro) !important;
}

.well-sm {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.breadcrumb {
    padding: 6px 0 0 15px;
    margin-bottom: unset !important;
    list-style: none;
    background-color: unset !important;
    border-radius: unset !important;
    font-size: 16px !important;
}

.navbar-fixed-top > .nextnavbar-inner > .breadcrumb {
    padding-top: 15px !important;
}

.breadcrumb > li > i {
    display: inline-block;
    margin-top: 4px;
}

.breadcrumb > li:not(#bread-misc, #bread-pay) > span {
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
/* no barretta briciole before*/
.breadcrumb > li + li:before {
    padding: 0 !important;
    content: unset !important;
}
/*barretta briciole dopo primo/secondo/terzo element (pubb, pref, dossier)*/
.breadcrumb > li:nth-child(1):after, .breadcrumb > li:nth-child(2):after, .breadcrumb > li:nth-child(3):after {
    padding: 0 0 0 2px;
    content: "/\00a0";
    display: inline-block;
    position: absolute;
}

.progress-bar-danger {
    background-color: var(--eco-danger) !important;
}

.pagination {
    margin: 0px !important;
}

.nav > li > a {
    padding: 5px 15px !important;
}

.bootstrap-tagsinput {
    line-height: unset !important;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

label {
    font-size: 13px !important;
}

.text-danger {
    color: var(--eco-danger) !important;
}

.text-warning {
    color: #8a6d3b !important;
}

/*highlights*/
.campanella {
    margin-right: -25px;
    background-color: #ffffff;
    color: var(--eco-danger) !important;
}

.toast-top-right {
    left: 27% !important;
    top: 12px;
}

#toast-container > div {
    padding: 15px 15px 15px 50px !important;
    width: 50% !important;
}

.toast-title {
    padding-left:20px;
}
.toast-message {
    width: 93%;
    text-align: left !important;
    padding: 40px 20px 40px 20px !important;
    font-weight: bold !important;
    line-height: 1.4;
}
.toast-success div {
    color: #ffffff !important;
}

.toast-error div {
    color: #ffffff !important;
}

.toast-warning div {
    color: #ffffff !important;
}

.toast-info {
    background-color: #ffffff !important;
    color: var(--eco-main-font) !important;
}

.toast-info div {
    background-color: #ffffff !important;
    color: var(--eco-main-font) !important;
}

.modal-header .btn-sm {
    height: 28px;
    line-height: normal;
}