html {
    scroll-behavior: smooth;
    }

body{
    background-color: #ececec;
}
 
 h2{
    font-size:25px;
    text-transform: uppercase;
    font-weight: 500;
    color:#404040;
    padding-left:10px;
}

.navbar-default {
    background-color: transparent;
    border:0;
    }

.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}

.pt0 {padding-top:0;}
.pr0 {padding-right:0;}
.pb0 {padding-bottom:0;}
.pl0 {padding-left:0;}

.mt0 {margin-top:0;}
.mr0 {margin-right:0;}
.mb0 {margin-bottom:0;}
.ml0 {margin-left:0;}


/* Use 'one true layout' methods to get equal height columns */
.container {
    overflow: hidden;

    min-height: 92%; /* full height almost always */
}

/* Force equal height by overflowing */
.content,
#actions-sidebar {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
@media(max-width: 640px) {
    #actions-sidebar {
        padding-bottom: 2rem;
        margin-bottom: 0;
    }
}
 

/* TOOLTIP OVERRIDE */
.c3-tooltip-container {

    }

.popInnerWindow {
    font-size:12px;
    color:#333;
}



/*limite max di riferimento specifico di ciascun indicatore */
.c3-grid line {
    stroke: red !important;
    }

.c3-line {
    stroke-width: 2px !important;
    }

.titoloGauge {
    margin-left:30px;
    }

h5.indiceGauge {
    margin-left:135px;
    }

/* soglie attenzione */
.c3-ygrid-line.sogliaRed line {
    stroke: #F03E3E !important;
    }
.c3-ygrid-line.sogliaRed text {
    fill: #F03E3E !important;
    }

 
   


.navbar{
    background-color: #b91313;
    border-bottom:1px solid #cacaca;
    border-bottom:1px solid #fff;
    padding-bottom:10px;

 }


.navbar-nav>li{
     padding-top:20px;
         
}

.navbar-brand{
    height:80px;
    margin-top:0 !important;
    padding-top:0 !important;
}

.nav>li>a{
    color:#333;
    color:#fff;
}

.navbar .logo {
    width: 128px;
    height: 80px;
    border:0;
}

    .nav>li>a:hover{
        background-color: #b91313;
        color:#333;
    }

button.navbar-toggle
{
margin-top: 30px;
}


.navbar-toggle{
    background-color: #8b1a15;
}
.icon-bar{
background:#fff;

}


.grafico{

  width:100%; 
  height:100%; 
  min-height:400px; 
  max-height:500px; 
  background-color:#fff;
  margin-bottom:20px;
}


.back-table{
    margin-top:20px;
    margin-bottom: 30px;
    background-color:#fff;
    padding:20px;
}


.row{
    margin-top:40px;
    padding: 0 10px;
}

.clickable{
    cursor: pointer;   
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}


.panel{
    background: #fff;
    border:0px solid transparent;
    padding-bottom:70px;
}
.panel-body{

height:500px;

}

.panel-primary>.panel-heading{
    color: #333 !important;
background-color: #fff;
border-color: #adadad;
}
 

 /* sovrascrive row in base.css */

.row{
    margin:0 !important;
    max-width: 100%;
}

fieldset legend{

background: #fff;
font-size:18px;
font-weight: 500;
margin-left: -0.1875rem;
margin: 0;
padding:10px;
border:1px solid #ccc;
text-transform:uppercase;
}


button{
    background-color: #ac251f;
}


button:hover, button:focus, .button:hover, .button:focus{
    background-color: #8b1a15;
}

.btn-primary{
    background-color: #ac251f;
    border-color:#ac251f;
}
.btn-primary:hover{
   background-color: #8b1a15;
   border-color:#ac251f;
}