body {
    font-family:Helvetica, Arial, sans-serif;
    background-color:#E3E3E3;
}

.visualizzaTrasporto label{
    width:26%;
    float:left;
    padding-top:15px;

}
.visualizzaTrasporto span{
    width:23%;
    float:left;
    padding-top:15px;
}
.icon_equipaggio {
    background-image: url(../img/icone/equipaggio.png) !important;
    width: 16px;
    height: 16px;
}
.icon_modifica {
    background-image: url(../img/icone/modifica.png) !important;
    width: 16px;
    height: 16px;
}
.icon_car {
    background-image: url(../img/icone/car.png) !important;
    width: 16px;
    height: 16px;
}
.icon_user {
    background-image: url(../img/icone/user.png) !important;
    width: 16px;
    height: 16px;
}
#icon_ambulanza {
    background-image: url("../img/icone/abz.png") !important;
    width:24px; 
    height:24px;
    display: block;
    float: left;

}
.tableTrasporto{
    border: 1px solid black;
    border-collapse:collapse;
    text-align: left;
    /*-webkit-border-radius:4em;
    -moz-border-radius:4em;*/
    border-radius:4em;
    font-weight: bold;
    border-spacing: 1em;
    font-size: 1em;
    border-color: #111100;
}
.tableTrasporto td{
    border: 1px solid black;
    text-align: left;
    height: 2.5em;
}
.tableTrasporto th{
    border: 1px solid black;
    text-align: left;
}
.tablePartenza{
    width: 6%;
}
.tableLuogoP{
    width: 16%;
}
.tableArrivo{
    width: 5%;
}
.tableLuogoA{
    width: 16%;
}
.tableMotivo{
    width:13%;
}
.tableAzioni{
    width: 15%;
}
.redButton{
    background-color: #cc0000;
}
.greenButton{
    background-color: limegreen;
}
.blueButton{
    background-color: cornflowerblue;
}

#PresentiData{color: #cc0000;}
.icon_next {
    background-image: url(../img/icone/week+.png) !important;
    width: 16px;
    height: 16px;
}
.icon_prev {
    background-image: url(../img/icone/week-.png) !important;
    width: 16px;
    height: 16px;
}
.icon_print {
    background-image: url(../img/icone/print.png) !important;
    width: 16px;
    height: 16px;
}
.icon_alert {
    background-image: url(../img/icone/alert.png) !important;
    width: 16px;
    height: 16px;
}


/*
#icon-next{background-image:url("../img/icone/week+.png")!important;}
.icon-prev{background-image:url("../img/icone/week-.png")!important;}

*/

#header{height: 60px; }

.headerMenu a{
    text-decoration:none;
    color:#555;
    font-size: 1em;
    font-weight: bold;
}

.headerMenu ul li:not(:last-child) {
    /*display:inline;*/
    list-style-type: none;
    border-right:1px solid #C95254; 
    padding: 0.2em;
    margin-top: 2px;
}
.headerMenu ul li:last-child {
   /* display:inline;*/
    list-style-type: none;	
    margin-right: 0.5em;
    padding: 0.2em;
    margin-top: 2px;
}


#logo {width:49%; float:left;}
#mainmenu {width:49%; float:left; text-align:right;}


.navbar-brand{
    padding:0;
}

.credenzialiErrate{ width: auto; padding:10px; margin:10px 2px 10px 2px; border-radius: 5px; background-color: #FF6262; font-size:1em; color:white;font-weight: bold; }
.esitoTrasporto{ width:auto; margin:10px 2px 10px 2px; padding:10px; height:25px; border-radius: 5; background-color: #33D633; font-size:1em;  }







.controls label { /*stile testo descrittivo celle inserimento testo*/
    margin-top:100px;
    width:25%;
    height: 110%;
    font-weight:bold;
    font-size: 1.25em;
    padding-bottom: 30px;
    /*font-style:italic;*/
}





.controls input[type="text"]{ /*stile inserimento testo*/

    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc; /*sfondo caselle inserimento dati*/
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s,box-shadow linear .2s;
    height: 40px;
    padding: 4px 6px;
    font-size: 20px;
    line-height: 20px;
    color: #555;
    border-radius: 4px;
    width: 300px;
    margin-left: 0;
    font-weight: normal;
    margin: 0;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-writing-mode: horizontal-tb;
    text-rendering: auto;


}
.controls textarea{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    font-family:Arial,Verdana,Sans;
}
.controls input[type="password"]{ /*stile inserimento testo*/

    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc; /*sfondo caselle inserimento dati*/
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s,box-shadow linear .2s;
    height: 40px;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    border-radius: 4px;
    width: 300px;
    margin-left: 0;
    font-weight: normal;
    margin: 0;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-writing-mode: horizontal-tb;
    text-rendering: auto;


}






.controls{ margin: -1.3% auto 0 0; background-color:#fff;  z-index:100; 

           position: relative; border: 7px solid #ddd;}






.controls input[type="radio"]{
    margin-top:10px;
    width:10px;
    height:10px;
    font-size:18;
}






.controls fieldset{
    width:96%;
    margin:0 auto 10 auto;
    border:0px;
}






legend {  /*stile titoli form inserimento dati*/
    font-size: 2.5em;
    font-weight:bold;
    color:rgb(204,0,0);
}







#container	{
    border:0px solid #888888;

    background-color: #FFFFFF;

    width:95%;

    align-content:center;
    clear: both;
    padding: 1em;
    margin: 0 auto;

}







#mainnav {
    background-color:rgba(204,0,0,1.00);
    padding:1px;
    margin-bottom: 10px;
}







#mainnav a {
    text-decoration:none;
    color:white;
    font-size:0.9em;
    border-right:1px solid #C95254;
    padding: 1em;

}





#mainnav ul li {
    display:inline;
    list-style-type: none;




}







#menu {
    float:right;
    text-align:left;
    border-left: 1px solid #62A300;
    padding-left: 1em;
    margin-bottom:2em;

}







#menu ul li{
    list-style-type:none;

}



#menu a{
    color:#B90D10;
}










.image {
    /*float:left;*/
    border:0;
    margin-right:1em;
    height:7em;
}









.image:hover {
    /*float:left;*/
    border:none;
    opacity:50%;

}






.innerRow{
}


.innerLeftColumn {
    float:left;
    width:46%;
}




.fullsize{
    width:97% !important;
}




.innerLeftColumn1 {
    float:left;
    width:23%;
}






.innerLeftColumn {
    float:left;
    width:46%;
}




.innerRightColumn {
    float:right;
    width:46%;
}




.leftColumn{
    float:left;
    width: 45% !important;
}






.rightColumn{
    float:right;
    width: 45% !important;
}






.submitDiv input[type="submit"]{  /*stile pulsante invia*/
    float:right;
    background-color:#F3A0A1;
    border-radius:20px;
    width:4em;
    height:2em;
    font-size: 2em;
    font-weight:bold

}





.submitDiv{
    width: 50%; 
    margin: 20 auto;
    float:left;

}








.CriButton{
    background-color:#EEE;
    border-radius:20px;
    width:200px;
    height:60px;
    text-align:center;
    vertical-align: middle;
}







.CriButton span{
    display:inline-block;
    vertical-align:middle }



.blocchiTrasporto{
    float:left;
    width: 25%;
}






/*.calendarCommand {width:100%; height:30px;}




*/

.calendarBox{height:130px;width:100%;}

.dayH{ color:#333;vertical-align: middle; font-size: 2.0em;
       text-align: center;margin-right:3px;padding-top:50px;width:13%;height:100%;background-size: 100% 100%; background-image: url(../img/grigio.png); float:left;   }

.dayHsel{color:white; font-weight:bold;vertical-align: middle; font-size: 2.0em;
         text-align: center;margin-right:3px;width:19%; height:100%;padding-top:50px; background-size: 100% 100%; background-image: url(../img/verde.png);float:left;}
.tabPanel{
    display: flex;
    justify-content:space-between; 
    height:130px;
    margin:0 auto ;width:100%;}
.tabPanel img {width:calc((97.5% / 6) + 4px);}

.bodyTrasporto {width:100%;}

.bodyPanel{width:100%;}

.requiredForm{
    color:#CF2727;
    font-size: 1.5em;
}

h1 {
    display:none;
}







h2 {
    color:rgba(204,0,0,1.00);
    text-decoration: none;
}







h2 a {
    color:black;
    text-decoration: none;
}







h3 {
    color:#8C8C8C;
    text-decoration: none;
    font-size: 0.8em;
}







h4 {
    color:#8C8C8C;
    text-decoration: underline;
    font-size: 1em;
}



.form-group {
    display: flex;
    align-items: center;
}



.blogentry {
    clear:left;

}

/*  ------- radio custom -------- */
/*
$DarkBrown: #202020;

$Orange: #CC0000;

div {
  margin:0 0 0.75em 0;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    color: $DarkBrown;
    font-family:Arial, sans-serif;
    font-size:14px;
}
input[type="radio"] + label span {
    display:inline-block;
    width:39px;
    height:39px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

input[type="radio"] + label span {
     background-color:$DarkBrown;
}

input[type="radio"]:checked + label span{
     background-color:$Orange;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;*/

/* -------------------------- */