/*rel.8.1*/
*{
    box-sizing: border-box;
    padding: 0;
    margin:0;
}
/*
a{
    color: var(--inn-primary)!important;
}
a:hover{
    color: var(--inn-secondary)!important;
}
*/

/* importazione font */
@font-face {
    font-family: 'Montserrat-bold';
    src: url(/assets/font/Montserrat-Bold.ttf) format('ttf');
}
@font-face {
    font-family: 'Montserrat-Extrabold';
    src: url(/assets/font/Montserrat-ExtraBold.ttf) format('ttf');
}
@font-face {
    font-family: 'candara';
    src: url(/static/assets/font/candara.ttf) format('ttf');
}
/* colori principali per plus */

:root{
    --inn-primary: #da6f6c;
    --inn-secondary: #ccc6c7;
    --inn-tertiary: #616160;
}
/* colori per grafici */
:root{
    --inn-graph-1: #294d79;
    --inn-graph-2: #b03b55;
    --inn-graph-3: #db6368;
    --inn-graph-4: #d7d7d7;
    --inn-graph-5: #8cabda;
    --inn-graph-6: #616160;
}
/* individuare div>span con classe "ant-tag ant-tag-has-color css-uep7al" a aggiungiamo una classe custom*/
 .css-uep7al{
    background-color: #da6f6c;
    border-radius: 0px;
    font-size:15px;
 }

 /* individuare classe ant-col ant-col-xs-24 ant-col-md-16 e aggiungere ulteriore classe */
 .menu-sx{
     display: flex;
     align-items: center;
    }
    
/* individuare classe ant-menu ant-menu-light main-nav css-188dvs4 ant-menu-root ant-menu-horizontal e aggiungere ulteriore classe */
.menu-ls{
    font-size: 15px;
}

button {
    font-family: 'Montserrat-bold' !important;
    border-radius: 0 !important;
    border: 1px solid var(--inn-primary) !important;
}
table a{
    color: var(--inn-primary)!important;
    font-family: 'Montserrat-bold'
}

.superset-button-primary{
    background-color: var(--inn-primary)!important;
    border-radius: 0!important;
}

.superset-button-primary:hover{
    background-color: white!important;
    border-radius: 0!important;
}
.superset-button-primary span, .superset-button-link span{
    color:  white!important
}
.superset-button-primary span:hover, .superset-button-link span:hover{
    color:  var(--inn-primary)!important
}
.superset-button-secondary{
    background-color: #f7f7f7!important;
    border-radius: 0!important;
}
.superset-button-secondary span, .superset-button-link span{
    color:  var(--inn-primary)!important
}
.superset-button-link{
    background-color: var(--inn-tertiary)!important;
    border-radius: 0!important;
}

/* individuare classe controls > css-1inivuc e css-1v4672h "label" e modificare il testo */
.controls .css-g2covl, .controls .css-1v4672h {
    text-transform: uppercase;
    font-weight: 600;
}
.css-vv8cna li.active span{
    background-color: var(--inn-graph-3);
}


/* FOOTER */
.ftitle h4{
font-family: 'Montserrat-Extrabold'!important;
}
  @media (max-width:576px){
    .footerplus{
        width: 100%!important;
        padding-left: 0;
        padding: 0;
    }
    .container_plus{
        max-width: 100%;
        width:100%;
        padding-left: 0;
        padding-right: 0;
    }
    .ftitle{
        font-size: 5vw;
        text-align: right;
        font-weight: 600;
        color: white;
    }
    .flogo{
        width: 27vw;
    }
    .footinn{
        width: 12.5%;
    }
    .sx{background-color: var(--inn-primary);
    padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.dx {
    width: 100%;
    height:100px;
    background-image: url(/static/assets/images/sfondo-pilot.png);
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: end;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    margin-bottom: -1.5rem;
    }
    .mailm{display: none;}
    .maild{
      text-align: center;
      width: 100%;
      color: var(--inn-primary);
      text-decoration: none;
      font-family: 'Montserrat-Extrabold';
  }
}
@media (min-width:577px) and (max-width:980px){
    .footerplus{
        width: 100%!important;
    }
    .container_plus{
        max-width: 100%;
        width:100%;
        padding-left: 0;
        padding-right: 0;
    }
    .ftitle{
        font-size: 3vw;
        text-align: right;
        font-weight: 600;
        color: white;
    }
    .flogo{
        width: 20vw;
    }
    .footinn{
        width: 9%;
    }
    .sx{background-color: var(--inn-primary);
    padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.dx {
    width: 100%;
    height:100px;
    background-image: url(/static/assets/images/sfondo-pilot.png);
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: end;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    margin-bottom: -1.5rem;
    }
    .mailm{display: none;}
    .maild{
      text-align: center;
      width: 100%;
      color: var(--inn-primary);
      text-decoration: none;
      font-family: 'Montserrat-Extrabold';
  }
}

      @media(min-width:981px){
      
      .container_plus{
          max-width: 100%;
          width:100%;
	  padding-left: 0;
          padding-right: 0;

      }
      .sx{
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
      .ftitle{
          font-size: 2vw;
          font-weight: 600;
          color: white;
          margin-right: 8rem;
      }
      .flogo{
          width: 150px;
      }
      .footinn{
          width: 125px;
          height: 125px;
      }
      .sx{background-color: var(--inn-primary);
      padding: 0 1rem;}
      .dx {
          width: 100%;
          height:200px;
          background-image: url(/static/assets/images/sfondo-pilot.png);
          text-align: right;
          display: flex;
          justify-content: end;
          align-items: end;
          background-size: contain;
          background-repeat: no-repeat;
          background-position-x: right;
          margin-bottom: -3rem;
          }
          .mailm{display: none;}
          .maild{
            text-align: center;
            width: 100%;
            color: var(--inn-primary);
            text-decoration: none;
            font-family: 'Montserrat-Extrabold';
        }
  }
