/*
div.hero-unit {
padding: 0 0 0 0;
}      */

/* Stili aggiuntivi non presenti in Twitter Bootstrap */


.bgStandard{
  background-color: #000;
  background-image:url('../img/eolico.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bgDecisioni{
  background-color: #000;
  background-image:url('../img/goniometro.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bgMarket{
  background-color: #000;
  background-image:url('../img/skyline.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bgCompetitor{
  background-color: #000;
  background-image:url('../img/urban.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bgDashboard{
  background-color: #000;
  background-image:url('../img/portatile.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bgNews{
  background-color: #000;
  background-image:url('../img/news.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}



.gradiente{
    background: -moz-linear-gradient(left,#e2e2e2 50%,#c9e8fa);
    background: -webkit-gradient(left bottom, from(#e2e2e2),to(#c9e8fa));
    background: -o-linear-gradient(linear, left center, right center,#e2e2e2,#c9e8fa);
    background: -ms-linear-gradient(left,#e2e2e2 50%,#c9e8fa 0%);
    background: -webkit-gradient(linear, left center, right center, color-stop(40%,#e2e2e2), color-stop(60%,#c9e8fa));

    opacity: 0.85;

}
.help-inline {
    color:#229900;
    font-size:80%;
}
.ombra{
    /*border-color: lightskyblue;*/
    /*border-width: 1px;*/
    /*border-style: groove;*/
    box-shadow: 0 5px 3em lightslategray;
}

.margine{
    margin-top:50px;
    margin-bottom: 30px;
}


.bordo{
    border: 1px solid #33CC00;
}

.centra{
    text-align: center;

}

.colore{
    background-color: #ccff99;
}

.colore_chiaro{
    background-color: #e3ffcc;
}

.colore_chiaro2 {
    background-color: lightskyblue;
}

.navbar .nav > li > a.colore_chiaro2   {
    color: white !important; 
    background:blue !important;
}

.colore_scuro{
    background-color: #33CC00;
}

input {
    text-align: left;
}


tr.info th {
    background-color: #c4e3f3;

}
.table-striped tbody > tr.info:nth-child(odd) > th{
    background-color: #c4e3f3;
}

thead th {
    background-color: #F7D58D;
}

.padding0 {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.margin0 {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
}

table.table{
    border: 1px solid #222;
    background: white;
}

.menu{
    background: #ffd300;
}

.menomargin{
    margin-bottom: -20px;
}

.marginLeft{
       padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 3px;
    padding-top: 1px
}

.pagina{
    min-height:0px;
}

.menospan12{
    margin-left: 0px;
}


.footer{
    background: #FCEF8D;
}

.testoTabella{
    /*text-align: left;*/
}

.selezionato { color: black !important;
          background: #ffe118 !important;}

.centra{
    text-align: center;
}
.paddintop10{
    padding-top :5px; 
    padding-bottom: 5px; 
}

@media (min-width: 500px) and  (max-width: 1200px){
.seconNav{
    width: 600px;
    text-align: center !important;
    margin: 0 auto;
}
}
  @media (max-width: 500px){
  .seconNav{
      width: 250px;
      text-align: center !important;
      margin: 0 auto;
  }
 }


.inputSmall{
    width: 120px;
}

.data-up {color:green;}
.data-down {color:red;}
.delta {font-size: smaller;}

.textRed{
    background-color: red;
}

a, a:hover {
text-decoration : none;
}

.dashboard-previsioni{
	color: #3A87AD;
}

.dashboard-storico{
	color: lightgrey;
}

.iconRicerca{
    background-size: 25px;
}

.tourLarge{
    max-width: 350px;
}

.padding777{
  padding: 7px 7px 7px !important;
}

.previsioni{
 background: linear-gradient(to bottom, rgba(128, 203, 255,0.40), rgba(153, 213, 255,0.40)), url(../img/climpek.png)    
}
.arrow_box {
	position: relative;
	background: #415866;
	border: 4px solid #b8b8b8;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(65, 88, 102, 0);
	border-top-color: #415866;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(184, 184, 184, 0);
	border-top-color: #b8b8b8;
	border-width: 16px;
	margin-left: -16px;
}

/* Proprietà aggiunta alla classe di twitter bootstrap per avere l'a capo automatico nei pulsanti
 * usati ad esempio nei grafici, che sono tutti btn-default
 */
.btn-default{
	white-space:normal;
}

.icone_blue {
    color: #3A87AD;
}

.form_corta{
    margin-bottom: 0px;
}

.marginTop20per{
    margin-top: 20%;
}

     @media (min-width: 520px) and (max-width: 979px) {.secondNavbarWidth{padding-left: 15px;width: 500px!important;}}
     @media (max-width: 500px) {.secondNavbarWidth{padding-left: 15px;width: 300px;}}
     
     @media (max-width: 979px) {
     .width100{
         width: 100%
     }
     }
    /*inizio ridimensionamento navbar per rimpicciolimento schermo*/
     @media (max-width: 979px) {.widthNavbar{width: 900px!important}}
     @media (min-width: 920px) and (max-width: 979px) {.widthNavbar{padding-left: 15px;width: 870px!important}}
     @media (min-width: 860px) and (max-width: 920px) {.widthNavbar{padding-left: 15px;width: 830px!important}}
     @media (min-width: 820px) and (max-width: 860px) {.widthNavbar{padding-left: 15px;width: 800px!important}}
     @media (min-width: 800px) and (max-width: 820px) {.widthNavbar{padding-left: 15px;width: 760px!important}}
     @media (min-width: 760px) and (max-width: 800px) {.widthNavbar{padding-left: 15px;width: 720px!important}}
     @media (min-width: 720px) and (max-width: 760px) {.widthNavbar{padding-left: 15px;width: 680px!important}}
     @media (min-width: 680px) and (max-width: 720px) {.widthNavbar{padding-left: 15px;width: 640px!important}}
     @media (min-width: 640px) and (max-width: 680px) {.widthNavbar{padding-left: 15px;width: 600px!important}}
     @media (min-width: 600px) and (max-width: 640px) {.widthNavbar{padding-left: 15px;width: 560px!important}}
     
         @media (max-width: 979px) {
     .marginExtra1{
         margin-left: 100px
     }
     }
     
    @media (min-width: 520px) and (max-width: 800px) {.buttstrapNoOffset{margin-left:20px!important}}

    @media (min-width: 1200px){
    .footerTeacher{
 width: 1200px ;margin-left: -30px
}
}

@media (max-width: 979px){
    .whith100per{
    width : 100% !important;
}
}