/* Colore barra gradientata header */
.main-header {
    border-image: #5e26db;
    border-image: -webkit-linear-gradient(left, #5e26db 0%, #
     100%);
    border-image: -moz-linear-gradient(left, #5e26db 0%, #dc4073 100%);
    border-image: linear-gradient(to right, #5e26db 0%, #dc4073 100%);
    border-image: linear-gradient(to right, #5e26db 0%, #dc4073 100%);
}
/* Titolo pagina */
.page-title {
    font-weight: 500;
    color: #303B4D;
    font-size: 30px;
}
/* Colore panel title */
.panel .panel-heading > .title {
    color: #5322c1;
}
/* Colore notifiche */
.main-header .navbar-right li > a.notifications .notification-number {
    background-color: #ED6372;
}
/* Bordo dropdown notifica */
.popover-content .notifications-popover .notification-container.not-read:before {
    border: 2px solid #5f97d8;
}
/* Da aggiungere al .btn di "Mostra tutte" nel dropdown delle notifiche */
element.style {
    background: white;
    color: #303B4D;
    font-size: 14px;
    font-weight: 800;
}
/* Barretta active selettore (influencer marketing) */
.panel .panel-tab .nav-tabs > li.active a {
    border-color: #5F97D8;
}
/* Colore (all'interno di campaign) 'Completa al x%' */
.page-publisher-campaign-list .app-card .progress-rate {
    color: #7B7E82;
}
/* Bottoni */
.btn-addon-primary > *:first-child {
    background-color: #367cce;
}
.btn-addon-primary > *:last-child {
    background-color: #5f97d8;
}
/* Grandezza form (solo sul login) */
.form-control {
    font-size: 19px;
    height: 48px;
}
/* (Ovunque, login e onboarding) */
.form-control:focus {
    border: 2px solid #5fd8bc;
}
/* Publisher list > email dei publisher (non ha selettore css), stessa cosa in Advertiser list */
.class {
    color: #5F97D8;
}