/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form,  legend,
table, caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
 /*   vertical-align: baseline;*/
}
tbody, tfoot, thead, tr, th, td {
    font-family:"Open Sans",Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  /*   display: block; */
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    /*height: 60px;*/
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* PROGRESS BAR */
#formpbar {
    text-align: center;
    position: relative;
    margin-top: 20px
}
  
#formpbar fieldset {
    background:#ffffffc7;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
  
.finish {
    text-align: center
}
  
#formpbar fieldset:not(:first-of-type) {
    display: none
}
 
#formpbar .previous-step, .next-step {
    font-weight: bold;
    color: white;
   /* border: 0 none;
    border-radius: 0px;*/
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}
  
.form, .previous-step {
    background: #616161;
}
.navbar-toggler-icon {
        position: relative;
        display: inline-block;
        width: 1.25em;
        height: 1.2em;
        margin-right: 0.3em;
        border-top: 0.2em solid rgb(48, 131, 255);
        border-bottom: 0.2em solid rgb(48, 131, 255);
}
    
.navbar-toggler-icon:before {
        content: "";
        position: absolute;
        top: 0.3em;
        left: 0px;
        width: 100%;
        border-top: 0.2em solid rgb(48, 131, 255);
}
   
  
.form, .next-step {
    background: #001F4B;
}
  
#formpbar .previous-step:hover,
#formpbar .previous-step:focus {
    background-color: #000000
}
  
#formpbar .next-step:hover,
#formpbar .next-step:focus {
    background-color: #001F4B
}
  
.text {
    color: #001F4B;
    font-weight: normal
}
  
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding-left:0px;
}
  
#progressbar .active {
    color: #001F4B
}
  
#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}
  
#progressbar #step1:before {
    content: "1"
}
  
#progressbar #step2:before {
    content: "2"
}
  
#progressbar #step3:before {
    content: "3"
}
  
#progressbar #step4:before {
    content: "4"
}

#progressbar #step5:before {
    content: "5"
}
  
#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 30px;
    display: block;
    font-size: 18px;
    color: #001F4B;
    background: #fff;
    border-radius: 50%;
    border:1px solid #001F4B;
    margin: 0 auto 10px auto;
    padding: 2px
}
  
#progressbar li:after {
    content: '';
    width: 100%;
    line-height: 20px;
    background: lightgray;
    position: absolute;
    font-size: 18px;

    border:1px solid #001F4B;
    left: 0;
    z-index: -1;
    margin: 0 auto 10px auto;
    padding: 2px

}
  
#progressbar li.active:before,
#progressbar li.active:after {
    background: #001F4B;
    color:#fff;
}
  
.progress {
    height: 4px
}
  
.progress-bar {
    background-color: #001F4B
}
/* END PROGRESS BAR */

.select2-container .select2-search-field,
.select2-container .select2-input {
  width: 100% !important
}

.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(255, 0, 204, 0.1)  !important;
  
}
.table-striped tbody tr:hover {
    background-color: #9a4d9a45 !important;
}
.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgb(4 125 249 / 10%)  !important;
}

.dropdown-menu {
 font-size:14px !important;
}

h1.pagetitle {
    border-left:5px;
    border-color: #001F4B;
}
.blutitle {
    color:#2b0642;
}
.borderbottomblue {
    padding-bottom:8px;border-bottom:1px solid #001F4B;
    
}
a.nav-link,.card-body a {
    color:#460f68;
}
a {
   color: #9c5fc2;
}
a:hover{ color:#460f68;}
.btn-primary, .bg-primary {
    background-color:#001F4B !important;
}
.aziende-view p,.article-view p {
    line-height:1.5rem;
}
.line-height { 
    line-height:1.3rem;
 }
.description {
    font-size:1rem;
    line-height:1.5rem;
}
 .cp-info {
    color: #999;
    font-size: 0.9rem;
 }
.proposal-row{
    outline: 2px solid rgb(237, 237, 237);
     -moz-border-radius: 15px;border-radius: 15px;
     padding:5px;
     margin:15px;   
     min-height:100px;
 } 
 .proposal-row td.w0 {
     border:0px;
 }
 .table-responsive {
     border-top:1px solid rgb(206, 206, 206);
 }
 .kv-table-header {
     background:transparent !important;
 }
 .greyfilter {
    -webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition: 2s;
 }
 .greyfilter:hover {
    -webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
 }
 #fixedbutton a {
    color: #111;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 0.8rem;
    text-decoration: none;
}
 @-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating:hover {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }
.myheader {
    background-color: #9e10ab;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    border-radius: 8px;
    margin: 5px auto;
    margin-bottom:20px;
    color: #fff;
}
.section-landing-hero {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    position: relative;
    padding: 0 0 88px;
    display:flex;
}
.section-landing-hero.youtube {
    background-image: url(https://www.chartmusic.it/img/svg/youtube-1440.svg);
}
.section-landing-hero.spotify {
    background-image: url(https://www.chartmusic.it/img/svg/spotify-1440.svg);
}
.section-landing-hero.shazam {
    background-image: url(https://www.chartmusic.it/img/svg/shazam-1440.svg);
}
.section-landing-hero.tiktok {
    background-image: url(https://www.chartmusic.it/img/svg/tiktok-1440.svg);
}
.section-landing-hero.instagram {
    background-image: url(https://www.chartmusic.it/img/svg/instagram-1440.svg);
}
.landing-section.white {
    background-color: #fff;
}
.item {
    display: none;
    position: relative;
    .transition(.2s ease-in-out left);
}
.btn-success {
    color: #fff;
    background-color: #9e10ab;
    border-color: #935598;
}

.page-link {
    
    color: #9e10ab;
}
.card-footer { text-align:center !important;}
.btn-primary, .bg-primary { background-color:#9f0fab !important; color:#fff !important; }

body {font-family:'Open Sans','sans-serif';}
h1,h2,h3,h4,h5,h6 {font-family:'Open Sans','Quicksand','sans-serif';font-weight:800;}
.chart_txt {
    font-family: 'Rubik Dirt', cursive;
}
a.nav-link {font-size:16px;}
.pagination {
    display:inline-flex !important;
}
#loginchart a, #loginchart a:visited {color:#9f0eab;}
   .fade  {opacity:1;}
 

.select2-selection__choice__remove{
    position:relative;
    top:-2px;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
padding-top: 5px;
}
.fa-tiktok {
background: url(/img/tiktok.svg) no-repeat;
width: 13px;
height: 15px;
}
.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice {
display: list-item;
}
.navbar {padding:0px !important;height:100px;margin-bottom:0px !important;}
.navbar .container {height:100px !important;}
.navbar-brand {margin:0px !important;height:auto !important;}
.navbar-nav {height:100px !important;}
.navbar-brand img { max-width:120px;}

.input-group-addon,
.input-group-btn { width:auto !important;}
.selectize-input {
min-height: 48px;
line-height: 34px;
}

.panel-danger > .panel-heading  {
background-color: #ff0000;
color:#fff;
}
.nav-item .violet{
background-color:#fff; 
height:100px !important;
background-repeat: no-repeat;
/*  background-position: center bottom;
background-size: 50% 50%;
background-image: linear-gradient(to bottom, transparent 50%, #9e10ab 50%);*/
}
.nav-item .violet:hover {
background-color:#efefef;
height:100px !important;
}
.nav-item {
margin-right:1px;
min-width:100px !important;
}
a.nav-link.violet {
height:98px !important;
vertical-align:middle;
align-items:center;
justify-content:center;
padding-top:20px;
color:#9e0fab;
}
a.nav-link.violet:hover {
height:98px !important;
vertical-align:middle;
align-items:center;
justify-content:center;
padding-top:20px;
color:#9e0fab;
}
.item-icon {
max-width:32px;
margin:0px auto;
}

.border-botton-violet {
border-bottom:2px solid #9e0fab !important;
}
.svg-icon {
width: 1.5em;
height: 1.5em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #fff;
}

.svg-icon circle {
stroke: #fff;
stroke-width: 1;
}
.lead {
line-height:2rem;
}
.dropdown-menu {
border:1px solid #9f0eab !important;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #9e0fab;
}