@font-face {
  font-family: 'opensans';
  src: url('lib/font/OpenSans-Regular-webfont.eot');
  src: url('lib/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('lib/font/OpenSans-Regular-webfont.woff') format('woff'),
  url('lib/font/OpenSans-Regular-webfont.ttf') format('truetype'),
  url('lib/font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'opensansbold';
  src: url('lib/font/OpenSans-Bold-webfont.eot');
  src: url('lib/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('lib/font/OpenSans-Bold-webfont.woff') format('woff'),
  url('lib/font/OpenSans-Bold-webfont.ttf') format('truetype'),
  url('lib/font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;

}


div.container {
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

/*   --------warning - messaggi ----------------*/


.alert-danger {
  background-color: #a94442;
  color: white;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
}

.alert-success, .alert-warning {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
}



.alert-dismissible button.close {
  font-size: 28px;
}

.alert-danger.alert-dismissible button.close {
  color: white;
}

.bg-warning {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #0e385c;
  padding: 3px;
  text-align: center;
}

p.bg-danger {
  text-align: center;
  padding: 3px;
}

p.bg-success {
  text-align: center;
  padding: 3px;
  margin-bottom: 0;
}





/*   ____dashboard -- pannello contatori  ____     */


a.stat-option {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  background-color: #83a0b9;
  color: #0e385c;
  padding: 3px 6px;
  margin: 2px;
}

a.stat-option.selected {
  background-color: #ff9600;
}

a.stat-option:hover {
  background-color: #ff9600;
}

#stat-table.table tr.row_header {

  background-color: #ccc;
  border-top: 2px solid #0e385c;
}

#stat-table.table tr.row_header td{

  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
}

div.count_div {
  display: block;
  float: left;
  border: 1px solid;
  border-color: #0e385c;
  width: 240px;
  min-height: 120px;
  margin: 10px;
}

div.count_div p.count_type {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  background-color: #0e385c;
  color: #ff9600;
  text-align: left;
  font-size: 18px;
  padding: 10px;
}

div.count_div p {

  text-align: right;
  margin-bottom: 5px;
  padding: 2px 5px 2px 5px;
}



/*  _____________ test query mobile  per home page __________  */


#topbar_home a.navbar-brand {
  margin-left: 0px;
}



@media (min-width: 768px) {



  .container.home {
    max-width: 980px;
  }

  #topbar_home.navbar {
    height: 45px;
  }

  #topbar_home .container {
    height: 35px;
  }

  #topbar_home .navbar-header {
    height: inherit;
  }

  #topbar_home a.navbar-brand {
    height: 35px;
    padding: 10px 8px 10px 8px;
  }

  #topbar_home .collapse {
    height: 35px!important;
  }

  #topbar_home .navbar-form {
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
  }


  #topbar_home .navbar-form div.form-group {
    width: 100px;
  }

  #topbar_home .navbar-form div.form-group .form-control {
    width: inherit;

  }
}

/*   .home_square mobile        */
@media (max-width: 991px) {

  div.home_square.calendario span {
    margin: 0px!important;
  }

  div.home_square.calendario {
    margin-top: 10px!important;
    margin-bottom: 5px!important;

  }

  /** div.home_square {
     height: 126px!important;
     width: 126px!important;
   }

   div.home_square div.link {
     height: 120px!important;
     width: 120px!important;

   }

   div.home_square div h2 {
     font-size: 14px;
     line-height: 18px;
     margin: 0px;
     width: 120px;
     height: 35px;
     padding: 0px 5px 0px 5px;

   }

   div.home_square a.img {
     height: 45px!important;
   }

   div.home_square a.img img {
     width: 70px!important;
     margin-top: -10px!important;
   }

   div.home_square a.img.sm img {
     width: 55px!important;
     margin-top: -5px!important;
   }**/

  div.last_minute {
    /* min-height: 300px!important; */
    height: auto!important;
    margin: 2px!important;
  }

  div.last_minute div.content {
    height: auto!important;
    position: static!important;
    min-height: 240px;
  }

  div.last_minute div.viaggio_left {
    height: auto!important;
    width: 100%!important;
  }

  div.last_minute div.viaggio_center {
    display: none!important;
  }

  span.bg-text {
    font-size: 34px!important;
  }

  span.md-text, span.sm-text {
    font-size: 14px!important;
  }


}  /* fine  max-width: 991px */



@media (max-width: 991px) and (min-width: 444px) {

  div.home_full {
    width: 394px;
  }

  div.home_square.in {
    width: 160px!important;
  }

  div.home_square.calendario {
    display: block;
    width: 394px!important;
  }

  div.home_square.calendario a {
    display: block;
    height: 120px!important;
    max-width: 394px;
  }

  div.home_square.calendario span {
    text-align: left;
    display: inline-block;
    padding: 20px 10px  0px 100px;

    width: 394px!important;
  }

  div.home_double_square {
    display: block;
    max-width: 394px;
    min-width: 394px!important;

  }

  div.home_double_square iframe {
    max-width: 394px;
    min-width: 394px!important;
  }

  /*  last minute versione md-mobile     */

  div.last_minute {
    width: 394px!important;
    min-width: 350px!important;
  }

  div.last_minute div.content {
    width: 394px!important;
    min-width: 350px!important;
  }

  div.last_minute div.viaggio_right {
    width: 394px!important;
    padding-left: 300px!important;
  }
}


@media (max-width: 443px) {

  div.home_square.in {
    margin: 0px!important;
    border: 0px!important;
  }

  div.home_full {
    width: 260px;
  }

  #startup.home_full {
    padding: 0px;
  }

  div#viaggi_full p#domanda {
    padding: 1px!important;
    font-size: 14px;
  }



  div.home_double_square {
    max-width: 260px;
    min-width: 260px!important;
    height: 126px!important;
  }

  div.home_double_square .content {
    max-width: 260px;
    min-width: 260px!important;
    height: 126px!important;
  }

  div.home_double_square iframe {
    max-width: 260px;
    height: 126px!important;
  }

  div.home_square.calendario {
    display: block;
    width: 260px!important;
  }

  div.home_square.calendario a {
    display: block;
    height: 120px!important;
    max-width: 260px;
  }

  div.home_square.calendario span {
    display: inline-block;
    padding-left: 75px;
    height: 126px;
    padding-top: 20px;
    width: 260px!important;
  }

  /*  last minute versione small-mobile     */

  div.last_minute {
    width: 260px!important;
    min-width: 260px!important;
  }

  div.last_minute div.content {
    width: 260px!important;
    min-width: 260px!important;
  }

  div.last_minute div.viaggio_right {
    width: 260px!important;
    padding-left: 170px!important;
  }

  div#viaggi_full {
    height: 126px;
    width: 126px;
    padding: 0px;
    min-width: 126px!important;
    display: inline-block;
    margin: 2px!important;
  }

  div#viaggi_full div.viaggio_home {
    margin: 5px;
  }

  div#viaggi_full div.viaggio_home:nth-child(3) {
    display: none;
  }


  div#viaggi_full .content {
    width: 126px;
    height: 126px;
    position: absolute;
  }

  div#viaggi_full .content p.data_ora { display: none;}



}

@media (max-width: 991px) {

  .lastminute-description {
    text-align: center!important;

  }

  div.home_square {
    margin: 2px!important;
  }

  div.home_square.calendario img#calendario {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100px!important;
  }





}


form.login_fritrak div.form-group {
  margin-left: 5px;
}

div.home_square.calendario {
  border: 0px;
}

.home_square.calendario a {
  color: white;
}

.home_square.calendario a:hover {
  color: #ff9600;
}

.home_square.calendario span {
  margin: 3px;
  width: 240px;
  height: 40px;
  display: block;
}




/* _________________________________________________________________*/


div#allestimento {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  background-color: #0e385c;
  color: #83a0b9;
  width: 800px;
  text-align: center;
  font-size: 34px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

/* classi aggiunte */

.parco_v_container {
  float: left;
  width: 180px;
  /* height: 120px; */
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}


.div_parco_img {
  display: table-cell;
  vertical-align: middle;
  height: 180px;
  width: 180px;
  padding: 10px;
  background-color: #666;
}

.div_parco_img img {
  height: auto;
  width: 180px;
  background-color: transparent;
}


div#step3 label.has-error {
  margin: 10px;
}

div#step3 input[type="checkbox"] {
  border: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
}

/* ____________barra completamento profilo__________*/



div.perc_profilo {
  padding-left: 0px;
}

div.perc_profilo, div#notif {
  min-height: 40px;
  margin-bottom: 10px;
}

div.perc_profilo p {
  display: inline-block;
}

.perc_profilo div#barra_profilo{
  max-width: 350px;
  width: 250px;
  display: inline-block;
  margin: 0 10px 10px 10px;
  padding: 3px;
  background-color: #D6D6D6;
}

.perc_profilo div#barra_profilo div {
  background-color: #ff9600;
  height: 30px;
  color: white;
  padding-top: 2px;
  text-align: center;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;

}

.perc_profilo  div#barra_profilo div p{
  text-align: center;
  margin: 0px;
  padding: 3px;
}


/*   ________   notifiche   _________*/

#tab-richieste tr.new_notif {
  background-color: #DAE2EA;
}

#tab-richieste.table tr.notif_header {
  background-color: #83a0b9;

}

#tab-richieste.table tr.row_feedback td {
  border-top: 0px;
}

#tab-richieste.table tr.notif_header td {
  color: #0e385c;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  text-align: center;
}


span.badge.new {
  background-color: #FF0000;
}

a.notif_xs {
  background-color: transparent;
  display: block;
  padding: 5px 10px 10px 0px;
  margin-top: 12px;
  border: none;

}

@media (min-width: 768px) {
  a.notif_xs {
    display: none;
  }
}

@media (max-width: 768px) {
  li.notif_li {
    display: none;
  }
}


/*    Sezione - stile parco veicoli       */




#parco-square {
  text-align: justify;
  max-width: 810px;
}

#parco-square div {
  background-color: #0e385c;
  color: #ff9600;
  display: inline-block;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  height: auto;
  width: 244px;
  margin: 10px;
  /* IE fix. */
  display: inline;
  zoom: 1;

  float: left;
}

#parco-square:after {
  content: "";
  width: 100%;
  display: inline-block;
}


#parco-square span {
  height: 240px;
  width: 240px;
  display: table-cell;
  vertical-align: top;
  border: 4px solid;
  border-color: white;

}



span.btn-default {
  /*display: block; */
  border-radius: 0px;
  height: 45px;
  width: 240px;
  color: #000;
  background-color: transparent;
  border: none;
  font-size: 90%;
  padding: 10px 4px 4px 4px ;
}

#parco-square span.btn {
  /*display: block; */
  border-radius: 0px;
  height: 45px;
  width: 240px;
  color: #000;
  background-color: #83a0b9;
  border: none;
  font-size: 90%;
  padding: 10px 4px 4px 4px ;
}




#parco-square span.glyphicon {
  height: auto;
  width: auto;
  display: inline;
  padding: 0 0 7px 7px;
}
#parco-square span#scad_disp {
  height: 100px;
}

#parco-square span#scad_disp p {
  position: relative;
  font-size: 14px;
  text-align: center;
  height: 30px;
}

#parco-square li {
  height: 150px;
  width: 240px;
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
}
#parco-square img {
  height: auto;
  width: 240px;
}

#parco-square a#profilo-veicolo {
  color: #ff9600;
  height: 100px;
  width: 240px;
  display: table-cell;
  vertical-align: top;
}

#parco-square a#profilo-veicolo img {
  width: 240px;
  height: auto;

}

#parco-square span:hover {
  border: 4px solid;
  border-color: #FF9600;
}

a:hover {
  text-decoration: none;
}

#parco-square p {
  font-size: 20px;
  line-height: 24px;
  /* margin-top: 10px;
   margin-bottom: 10px; */
  height: 80px;
  width: 240px;
  padding: 15px 5px 15px 5px;
}




#parco-square strong {
  display: block;
  font-size: 14px;
  height: auto;
  width: auto;
  margin: 0px;
  font-weight: normal;
  font-family: 'opensans', Arial, Helvetica, sans-serif;

}

/* __________ stile pagina trasportatore __________*/

div#pag_trasportatore {
  width: 100%;
  margin: 0px;
  color: #0e385c;
  display: inline-block;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  height: auto;
}

div#div_azienda {
  min-height: 250px;
  max-height: 700px;
  width: 100%;
  /*display: table-cell; */
  display: block;
}

div#div_azienda li#azienda {
  /*max-height: 180px;*/
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
}


div#div_azienda li#azienda img{
  width: 100%;
}

div#div_azienda #head {
  min-height: 80px;
  max-height: 250px;
  /*width: 640px;*/
  padding: 20px 0px 0px 20px;
  margin: 0px;
  text-align: left;
  font-size: 24px;
}

div#div_azienda #head_right {
  min-height: 70px;
  max-height: 100px;
  /* width: 640px; */
  padding: 20px 0px 0px 20px;
  margin: 0px;
  text-align: right;

}

div#div_azienda #head p#ragione_sociale {
  color: #ff9600;
  font-size: 34px;
  margin-bottom: 2px;
}

div#div_azienda #head_feedback {
  text-align: left;
}

div#div_azienda #head_feedback #title_feedback {
  height: 40px;
}

div#div_azienda #head_right {
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  max-height: 250px;
}

div#div_azienda #head_right img {
  max-height: 130px;
  width: auto;
  margin: 0px;
  display: inline-block;
}

@media (max-width: 500px) {
  div#div_azienda #head_right {
    text-align: left;
  }
}

div#div_azienda #body {
  padding: 10px 20px 10px 20px;
  margin: 0px;
  min-height: 100px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
  color: #0e385c;
  text-align: left;
  clear: both;
}

div#div_azienda #body a {
  color: #0e385c;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

div#div_azienda #body a:hover {
  color: #ff9600;
}

div#div_azienda #body div.tab_img_veicolo {
  display: inline-block;
  height: 170px;
  width: 170px;
  overflow: hidden;

}

div#div_azienda #body img.img_veicolo_ricerca {
  background-color: #0e385c;
  margin: 10px;
}

div#div_azienda #body p {
  display: inline-block;
}

div#div_azienda div.bottom {
  /*background-color: #0e385c;
  color: white; */

  border-bottom: 1px solid #0e385c;
  color: #0e385c;
  min-height: 40px;
  text-align: left;
  padding: 10px 0px 0px 20px;
  font-weight: normal;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

div.div_lista_merci {
  clear: both;
  padding: 20px;
  width: 100%;
  text-align: left;
}

div.div_lista_merci div {
  display: inline-block;
  margin: 0px 5px 5px 0px;
}

.div_lista_merci .div_cat_v_img2 {
  color: white;
  cursor: pointer;
  display: table-cell;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  height: 100px;
  width: 100px;
  margin: 0px;
  padding-top: 0px;
  background-color: #0e385c;
}

.div_lista_merci .div_cat_v_img2:hover {
  background-color: #ff9600;

}

.div_lista_merci .div_cat_v_img2:hover p {
  color: #0e385c;
}

.div_lista_merci .div_cat_v_img2 li {
  display: block;
  height: 50px;
}

.div_lista_merci .div_cat_v_img2 li img {
  width: 80px;
  margin-top: -10px;
}

.div_lista_merci .div_cat_v_img2 p {
  margin-bottom: 0px;
}

div#button_richiesta {
  text-align: left;
  height: 50px;
  padding-left: 0px;
  margin-left: 20px;
  margin-right: 20px;

}


table#viaggi_azienda td#tratta p.partenza {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ff9600;
  margin-bottom: 5px;
}

table#viaggi_azienda #tab_info_trasp {
  width: 70px;
  font-size: 12px;
  text-align: center;
}

table#viaggi_azienda img.tab_icona_merce {
  margin: 1px;
}

table#viaggi_azienda img.tab_icona_merce.mobile {
  display: none;
}

@media (max-width: 768px ) {
  table#viaggi_azienda img.tab_icona_merce.mobile {
    display: inline-block;
  }

  table#viaggi_azienda .col_merce {
    display: none;
  }
}



/* ______________  stile pagina veicolo e lista viaggi ______________*/



div.filtro_viaggi {
  width: 48%;
  display: inline-block;
  margin-left: 10px;
}


div#div_veicolo li img {
  margin-top: -60px;
  min-width: 800px;
  width: 100%;
}

div#pag_veicolo {
  width: 100%;
  margin: 0px;
  background-color: #0e385c;
  color: #ff9600;
  display: inline-block;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: center;
  height: auto;
}


div#pag_veicolo #tab_storico {
  background-color: #0e385c;
  margin: 0px;
  padding: 10px 10px 20px 10px;
}

div#pag_veicolo .table tr.riga_viaggio {
}


div#pag_veicolo .table tr.row_viaggi_mobile {
  display: none;
  width: 100%;
}

div#pag_veicolo .table tr.row_viaggi_mobile td {
  border-top: none;
  width: 100%;
}


div#pag_veicolo .table a.ordina {
  color: #ff9600;
}

div#pag_veicolo .table tr.row_viaggi_mobile strong {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color:  #83a0b9;
}

div#pag_veicolo .table td {
  text-align: left;
  color: white;
  font-size: 14px;
}

div#pag_veicolo .table th {
  /* text-align: center; */
  border-top: none;
  font-size: 18px;
}


@media (max-width: 768px) {
  div#pag_veicolo .table th.col_modifica {
    display: none;
  }

  div#pag_veicolo .table td.col_modifica {
    display: none;
  }

  div#pag_veicolo .table tr.row_viaggi_mobile {
    display: table-row;
  }

}

div#div_veicolo {
  min-height: 250px;
  max-height: 700px;
  width: 100%;
  /*display: table-cell; */
  display: block;


}

div#div_veicolo li {
  max-height: 180px;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
}

div#div_veicolo #head_veicolo {
  min-height: 80px;
  max-height: 150px;
  /* width: 640px; */
  padding: 20px 0px 0px 20px;
  margin: 0px;
  text-align: left;
}
div#div_veicolo #head_veicolo p {
  font-size: 22px;
  margin-bottom: 0px;
}

div#div_veicolo #head_veicolo p#cat {
  font-size: 20px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

div#div_veicolo img#img_cat {
  margin-top: -10px;
  display: inline-block;
  height: 100px;
  width: auto;
}

div#div_veicolo #head_right {
  margin: 0px;
  padding: 20px 20px 20px 20px;
  text-align: right;
}

input.btn {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

input.btn.btn-default-ft {
  background-color: #83a0b9;
  color: #0e385c;
  border-radius: 0px;
  border: none;
  font-size: 18px;
  padding: 5px 12px 5px 12px;
  margin: 0px 2px 5px 2px;
}


div#div_veicolo div#body_veicolo {
  padding: 10px 20px 10px 20px;
  margin: 0px;
  min-height: 120px;
  max-height: 240px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
  color: #83a0b9;
  text-align: left;
  clear: both;
}

div#div_veicolo div#body_veicolo p {
  display: inline-block;
  font-size: 14px;
  width: auto;
  height: auto;
  padding: 0px 5px 3px 5px;
  margin:0px;
}

div#div_veicolo div#body_veicolo strong{
  display: inline;
  font-weight: normal;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

div#div_veicolo div.bottom_veicolo {
  border-bottom: 1px solid;
  border-color: #83a0b9;
  margin: 0px ;
  text-align: left;
  padding: 0px 20px 0px 20px;
  min-height: 40px;
  max-height: 120px;
  clear: both;

}



div#div_veicolo div.bottom_veicolo div {
  margin: 0px;
  padding:0px;
}

div#div_veicolo div#bottom_right_veicolo {
  text-align: right;

}

@media (max-width: 768px) {
  div#div_veicolo div#bottom_right_veicolo {
    text-align: left;
  }
}




/*     _______ stile pulsanti _______        */


button#refresh {
  background-color: #0e385c;
  color: white;
  border: none;
}

button#refresh:hover {
  color: #ff9600;
}

input.btn.btn-default:hover {
  background-color: #FF9600;
  color: #0e385c;
}

input.btn.btn-default-ft:hover {
  background-color: #FF9600;
}

button.btn.btn-default-ft {
  background-color: #83a0b9;
  border: none;
  border-radius: 0px;
  color: #0e385c;
  font-size: 18px;
  height: 35px;
  display: inline;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 5px 0px;
  vertical-align: middle;
}

button.btn.btn-default-ft.btn-block {
  margin-bottom: 5px;
}

button.btn.btn-default-ft:hover {
  background-color: #FF9600;
}

button#add.btn-default {
  height: 35px;
  display: inline;
  padding: 2px 5px 2px 5px;
  margin: 0px;
  vertical-align: middle;
}

button.btn-default:hover{
  background-color: #ff9600;
  color: #0e385c;

}

button.btn-default{
  font-size: 18px;
  background-color:   #0e385c;
  border-radius: 0px;
  border: none;
  color: #83a0b9;
  padding: 5px 12px 5px 12px;
}

input.btn.btn-default {
  font-size: 18px;
  background-color:   #0e385c;
  border-radius: 0px;
  border: none;
  color: #83a0b9;
  padding: 5px 12px 5px 12px;
  margin-bottom: 5px;
}

input.btn.btn-default.btn-small {
  font-size: 16px;
}

input.btn.btn-default.btn-block {
  margin-bottom: 5px;
}

input.btn.btn-glyph {
  font-size: 18px;
  background-color:  transparent;
  border-radius: 0px;
  border: none;
  color: #83a0b9;
  padding: 0px 5px 0px 2px; ;
}

input.btn.btn-active {
  font-size: 18px;
  background-color: #83a0b9;
  border-radius: 0px;
  border: none;
  color: #0e385c;
  margin-bottom: 5px;
  padding: 5px 12px 5px 12px;
}

span#add .glyphicon.glyphicon-plus {
  font-size: 14px;
  color: #83a0b9;
}

span.btn:hover {
  background-color: #ff9600;
}


.form-horizontal span.btn.btn-success {
  margin-top: 3px;
}


input.btn-primary {
  color: #ff9600;
  background-color: #0e385c;
  border-radius: 0px;
  border: 0px;
  /**/  font-size: 18px;
  padding: 5px 12px;
  margin-bottom: 5px;
}

input.btn-primary:hover {
  background-color: #ff9600;
  color: #0e385c;
}


input.btn-primary:active {
  background-color: #0e385c;
  color: white;
}



/*    ________ stile riepilogo viaggi ______________*/

div#div_viaggi_container {
  padding-top: 10px;
  clear: both;
}

#div_viaggi_container p {
  height: 40px;
}

#div_viaggi_container .bg-warning {
  margin: 10px;
  height: auto;
  background-color: #ff9600;
}

#div_viaggi_container li {
  display: block;
  text-align: left;
  color: #ff9600;
  border-bottom: solid 1px;
  border-color:  #597a96;
  min-height: 210px;
  max-height: 500px;
  width: 100%;
  padding: 20px;
}

#div_viaggi_container li a{
  color: white;
  font-size: 26px;
  border-color:  #999;
  display: block;
}

div#div_viaggi_container #data {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  max-width: 300px;
  clear: both;
}

div#div_viaggi_container p#data  {
  margin-bottom: 0px;
  display: inline;
  width: auto;
  padding: 0px 5px 0px 0px;
  font-size: 18px;
}

div#div_viaggi_container #data strong {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
}

div#div_viaggi_container #scadenza {
  color: #83a0b9;
  min-width: 100px;
  display: inline-block;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 0px;
  height: 25px;
}

div#div_viaggi_container #ripetizione {
  display: inline-block;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  color: #83a0b9;
  padding-left: 5px;
  margin-bottom: 0px;
  font-size: 16px;
}


div#div_viaggi_container #percorso {
  margin: 0;
  text-align: left;
  padding-left: 0px;
}

div#div_viaggi_container #percorso .glyphicon {
  font-size: 18px;
  color: #83a0b9;
  padding: 3px;
}

div#div_viaggi_container .des_prov {
  font-size: 18px;

}

#parco-square div#info_storico {
  background-color: #597a96;
  margin: 0px;
  padding: 0px;

}

#parco-square div#info_storico input.info {
  background-color:  #597a96;
  color: #0e385c;
  width: 115px;
  margin: 0px;
  padding: 5px;
  font-size: 14px;
  border-width: 0px;
}


div#body_viaggio {
  margin: 0px;
  padding: 3px;
  text-align: left;
  display: block;

}
div#body_viaggio p {
  margin: 0px;
  padding: 0px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #83a0b9;
  height: auto;
  min-width: 210px;
}

div#body_viaggio strong {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  display: inline;
}

div#bottom_right_viaggio {

  /* height: 70px;
  padding-top: 40px; */
  padding-bottom: 10px;
  margin: 0px;
}

/*-------------------  stile form veicolo  ----------------------------- */


.merce_checked {
  background: url('img/fritrak/spunta.png');
  background-position: top 10px right 10px;
  background-repeat: no-repeat;
}

img#cat_veicolo {
  background-color:  #666;
}


.div_parco_img p {
  color: #FF9600;
}

.cat_v_container {
  float: left;
  width: 120px;
  /* height: 120px; */
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}

#cat_merce.cat_v_container {
  height: 180px;
}

.macro_cat_container {
  float: left;
  width: 120px;
  /* height: 120px; */
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}
.macro_cat_container p {
  font-weight: bold;
}




.div_cat_img {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  width: 120px;
  min-width: 120px;
  padding: 10px;
  background-color: #666;
}


.div_cat_img img {
  height: auto;
  width: 100px;
  background-color: #666;
}

#step3 .div_cat_img img {
  height: auto;
  width: 100px;
  background-color: transparent;
}

#step3 label {
  cursor: pointer;
  margin: 10px 7px 10px 7px;
  text-align: center;
}

#step3 label.has-error {
  color: #a94442;
}

#step3 label a {
  display: block;
  margin: 0px;
  width: 160px;
  background-color: #666;
  color: white;
}
#step3 div.div_cat_v_img2 {
  background-color: transparent;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 5px;
  width: 160px;
  height: 160px;
}

#step3 div.img_merce_overflow {
  background-color: transparent;
  height: 70px;
  display: block;
  overflow: hidden;
  margin: 0px;
}
#step3 div.img_merce_overflow img {
  margin-top: -10px;
}


#step4 img {
  width: 150px;
  height: auto;
  background-color: #666;
}

form div.has-error label.control-label {
  color: #83a0b9;
}

div.has-error label.has-error {
  color: #a94442;
}

#step4 div.col-sm-4 {
  padding-left: 0px;
}

.div_cat_v_img2  {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  padding: 10px;
  background-color: #666;
}

.div_macro_cat_img {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  padding: 10px;
  background-color: #666;
}


.div_cat_v_img2 img {
  height: auto;
  width: 100px;
  background-color: transparent;
}

.div_macro_cat_img img {
  height: auto;
  width: 100px;
  background-color: transparent;
}

.bar {
  height: 28px;
  background: #FFAA30;

}

.img-thumbnail {
  border: 0px;
  padding: 4px;
  background-color: #83a0b9;
  margin-top: -20px;
  margin-bottom: -20px;
}

.cat_v_container p {
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:bold;
}


.default_check {
  display: none;
}

img.gifLoading  {
  display: none;
  z-index: 2;
  position: absolute;
  left: 85px;
}

img.gifLoading.form {
  position: relative;
  left: 0px;
}

#step2 img.gifLoading {
  background-color: transparent;
  left: 45px;
}

img#img_loading.gifLoading{
  background-color: transparent;
}



.ui-autocomplete-loading {
  background: white url('img/fritrak/ajax-loader-blu.gif') left ;
  background-size: 20px;
  background-position: 10px 7px;
  background-repeat: no-repeat;
}


@media (max-width: 500px) {
  form.form_fritrak .form-control-feedback {
    right: 20px;
    left: auto;
  }

  #form_richiesta.form_fritrak .form-control-feedback {
    right: 20px;
    left: auto;
  }

  .ui-autocomplete-loading {
    background: white url('img/fritrak/ajax-loader-blu.gif') right 12px center no-repeat ;
    background-size: 20px;
  }

  .form_fritrak input.form-control.ui-autocomplete-input {
    padding-left: 16px;
  }
}



/*   modal ----- bootstrap*/

div#info_trasp.modal{
  background: none;
  width: auto;
  padding: 0px;

}

h4.modal-title{
  background-color: white;
  font-weight: bold;
}



/* ________   modal per dettagli richiesta di trasorto ________ */

div#body_richiesta.modal-body {
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

div#body_richiesta.modal-body p {
  margin-bottom: 5px;
}
div#body_richiesta.modal-body strong {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

div.modal-header h4 {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #0e385c;
}

div#body_richiesta.modal-body .articolo {
  border-top: 1px solid;
  padding-top: 10px;
  padding-left: 10px;

}

div#body_richiesta.modal-body div.articolo div.user_img {
  display: block;
}

div#body_richiesta.modal-body div.articolo div.user_img img {
  cursor: pointer;
}

div.articolo div.user_img img {
  height: 100px;
  width: auto;
}




div#body_richiesta.modal-body .form-group{
  margin-bottom: 0px;
}

div#body_richiesta.modal-body p#head_merce {
  color: #0e385c;
}


div#img_richiesta.modal .close {
  margin-top: -7px;
  color: #0e385c;
}

#body_img.modal-body img{
  margin-left: auto;
  margin-right: auto;
}



div#richiesta_office.modal.fade {
  width: 100%;
  background-color: transparent;
}

div#img_richiesta_office.modal.fade.in {
  top: 0;
  right: 0;
  width: auto;
  background-color: transparent;
}


.modal-dialog a.close-modal {
  top: -20px;
  right: -20px;
}

/*    stile pagina istruzioni pulsante - per richiesta dall'esterno */


.clear_float {
  clear: both;
}

div.header_sezione {
  border: 1px solid #ccc;
  display: block;
  float: left;
  min-height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%

}

div.header_sezione.note {
  text-align: center;
  min-height: 50px;
}

div.header_sezione .info_merce {
  padding: 5px 10px 5px 10px;
  background-color: #0e385c;
  color: white;
  display: block;
  height: inherit;
  text-align: right;
}

div.header_sezione .info_merce p {

}

@media (max-width: 768px) {
  div.header_sezione .info_merce p {
    display: inline-block;
    padding-right: 25px;
  }
}

div.header_sezione .howto {
  background-color: white;
  color: #0e385c;
  padding: 5px 10px 5px 10px;
  height: inherit;
  display: block;
}

div.header_sezione .howto a.link {
  /* background-color: #ccc; */
  font-style: italic;
  padding: 3px 5px 3px 5px;
}

div.header_sezione .howto strong {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

div.header_sezione .howto ul.option li {
  font-size: 12px;
  padding-bottom: 2px;
}


div.header_sezione img {
  width: auto;
  height: 40px;
}

/*  ______ stile tabella   (gestione / consulta) richieste  _________ */

#tab-richieste.table .td_merce img {
  height: 50px;
}

#tab-richieste.table p.label_merce {
  margin-bottom: 3px;
  font-size: 14px;
}

#tab-richieste tr.chiusa.req {
  background-color: #E6E6E6;
}



#tab-richieste tr.req.check {
  background-color: #E6E6E6;
}

/*  nascondi div.td_merce nella versione desktop     */

#tab-richieste.table div.td_merce {
  display: none;
}


#tab-richieste .note_req td {
  border-color: white;
}

#tab-richieste .gray.note_req {
  background-color: #E6E6E6;
}

#tab-richieste .gray.note_req td {
  border-bottom: 1px solid #0e385c;
}

#tab-richieste strong {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;

}

#tab-richieste .req_label {
  font-size: 14px;
}

#tab-richieste .req_label.check{
  margin-top: 2px;
}

#tab-richieste .req_label span {
  padding: 3px 5px 3px 5px;
  background-color: #0e385c;
  color: #ff9600;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#tab-richieste.table th.mobile_show {
  display: none;
}

#tab-richieste.table td.td_note .modal-btn {
  display: none;
}

#tab-richieste td p.new_feed {
  background-color: #DAE2EA;
}




@media (max-width: 768px) {

  #tab-richieste.table div.td_merce {
    display: block;
  }

  #tab-richieste.table td.td_merce {
    display: none;
  }

  #tab-richieste.table tr.note_req td{
    padding-top: 0px;
  }

  #tab-richieste.table td.td_note .modal-btn {
    display: inline-block;
  }

  #tab-richieste.table  th.mobile_hide {
    display: none;
  }

  #tab-richieste.table th.mobile_show {
    display: table-cell;
  }


}


/*  ______ stile richiesta di soccorso stradale _____________*/

/*
#form_richiesta div#dati_ritiro input {
  width: 45%;
  display: inline-block;
}
*/

.form_fritrak .table {
  background-color: #83a0b9;
}

form#form_richiesta .table p.bg-warning {
  color: #0e385c;
}

form#form_richiesta .table a {
  color: #0e385c;
}

form#form_richiesta .table a:hover {
  color: black;
}

.form_fritrak .table th {
  background-color: #0e385c;
  color: #ff9600;
}

form.form_fritrak div#dati_ritiro div#glyphicon {
  margin-top: 5px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {



  input.btn {
    font-size: 1em!important;
  }

  form#transport_choose div.div_lista_merci div a{
    padding-left: 0px;
    padding-right: 0px;
  }


}

form#transport_choose div.div_lista_merci {
  padding: 5px;
}



#map-canvas {
  height: 200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


/*  ______ stile tabella ricerca viaggi_________ */


.table .glyphicon.glyphicon-chevron-right {
  font-size: 10px;
  color: #999;
}

.table {
  font-family: 'opensans', Arial, Helvetica, sans-serif;
}

a.ordina {
  cursor: pointer;
  color: black;
}

a.ordina:hover {
  color: #0e385c;
}

a.ordina span {
  font-size: 12px;
}


.table tr.loading {
  display: none;
}

.table tr.loading img {
  display: block;
  position: relative;
  left: 10px;
}

.table td#tratta p.loc {
  display: inline;
  margin-bottom: 5px;
}

.table td#tratta p.loc.main {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}



.table td#tratta a {
  padding-left: 5px;
  max-width: 120px;
}

.blu-sfondo {
  color: #0e385c;
}

#risposta.marg_sm {
  margin-bottom: 5px;
}

p.label_merce {
  margin-bottom: 3px;
  font-size: 12px;
}

div#tab_info_trasp {
  display: inline-block;
  height: 70px;
}

div#tab_info_trasp a p {
  color: black;
  margin-bottom: 1px;
}

div#tab_info_trasp a:hover p {
  color: #0e385c;
}

a.btn.modal-btn {
  background-color: transparent;
  color: #ff9600;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  margin: 1px 1px 1px 0px;
  padding: 0px 2px 0px 2px;
}

a.btn.modal-btn:hover {
  color: #0e385c;
}

button.btn.modal-btn {
  background-color: transparent;
  color: #ff9600;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  margin: 1px 1px 1px 0px;
  padding: 0px 2px 0px 2px;
}

button.btn.modal-btn:hover {
  color: #0e385c;
}

/*div#tab_info_trasp a {
  font-size: 16px;
} */

li.tab_img_veicolo {
  height: 70px;
  width: 70px;
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
}

img.img_veicolo_ricerca {
  background-color: black;
  width: 170px;
  height: auto;
}

img.tab_icona_merce {
  background-color: #666;
  margin: 3px;
  height: 30px;
}



/*__________  stile Front-End  ______________*/

div#head_logo {
  display: inline-block;
  width: 100%;
  height: 72px;
  background-color: #0e385c;

  top:0;
  text-align: center;
}

div#head_logo div.logo-img {
  background-image: url('img/fritrak/fritrak-logo-beta.png') ;
  background-repeat: no-repeat;
  background-size: auto 48px;
  cursor: pointer;
  margin-left: 0px;
  margin-top: 5px;
  display: block;
  height: 50px;
  float: left;
  width: 250px; /* 140 prima*/

}



div#head_logo h3 {
  cursor: pointer;

  /*
  display: table-cell;
  vertical-align: bottom;
  width: 200px;
  */
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  padding-bottom: 3px;
  font-size: 12px;
  color: #999;
  margin: 0px auto 0px auto;
}


div#head_logo h1 {
  font-size: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}


.lang-switch {
  position: absolute;
  top: 15px;
  right: 2%;
}

.lang-switch a {
  border: 1px solid #999;
  border-radius: 2px;
  overflow: hidden;
  display: inline-block;
  opacity: 0.3;
  height: 22px;
  width: auto;
  margin: 2px;
}
.lang-switch a.active {
  opacity: 1;
  border-color: #ff9600;
}

.lang-switch img {
  height: 22px;
  width: auto;
}


nav.navbar {
  margin-bottom: 0px;
}

#topbar_home.navbar {
  margin-bottom: 30px;
}

.navbar-form input[type='text'], .navbar-form input[type='password'] {
  height: 27px;
  border-radius: 0px;
  padding: 3px 8px;
}

.navbar-form input[type="checkbox"] {
  margin-top : 2px;
}

.navbar-form #div_keep.form-group {
  padding-bottom: 4px;
  padding-top: 4px;
}

.navbar-form #div_keep label {
  margin-bottom: 0px;
}


.navbar-form input.btn.btn-default {
  color: #ff9600;
  margin-top: 3px;
  font-size: 15px;
  padding: 2px 6px;
}

.navbar-form input.btn.btn-default:hover {
  color: #0e385c;
}

div.home_full {
  /*max-width: 500px; */
  min-width: 240px;
  min-height: 30px;
  text-align: center;
  background-color: #0e385c;
  margin: 5px;
  padding: 5px;
}






div.home_full img#play {
  margin-top: -1px;
  height: 25px;
}


div.home_full a {
  font-size: 15px;
  color: #ff9600;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

div.home_full a:hover {
  color: white;
}

div.home_square {
  background-color: #0e385c;
  display: inline-block;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  text-align: center;
  height: 244px;
  width: 244px;
  margin: 5px;
  padding: 0px;
  border: 5px solid #0e385c;
}

div.home_square:hover {
  border: 5px solid ;
  border-color: #ff9600;
}

div.home_square.calendario:hover {
  border: 0px;
}

div#sos.home_square:hover {
  border-color: #0e385c;
}

div.home_square.in {
  margin: 0px 20px 0px 20px;
  height: 135px;
  width: 300px;
}
div.home_square.in:hover {
  border-color: #0e385c;
}

.home_square.in p {
  color: white;
}

.home_square.in .content {
  position: static;
  display: table-cell;
  vertical-align: middle;
}



div.home_square div.link {
  cursor: pointer;
  margin: 0;
  color:  #ff9600;
  height: 235px;
  width: 235px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

div.home_square div.link a {
  font-size: 20px;
}

div.home_square a {
  color:  #ff9600;
  height: 240px;
  width: 240px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


div.home_square a.img {
  height: 100px;
  width: inherit;
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
}

div.home_square a.img.sm img {
  width: 120px;
  margin-top: -10px;
}



div.home_square a.img img {
  height: auto;
  width: 150px;
  background-color: transparent;
  margin-top: -20px;
}

div.home_square a p {
  font-size: 20px;
  line-height: 24px;
  margin: 5px auto 5px auto;
  padding: 0 10px 0 10px;
  height: 50px;
  width: 220px;
}

div.home_square h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  margin: 5px auto 5px auto;
  padding: 0 10px 0 10px;
  height: 50px;
  width: 220px;
}

div#sos.home_square  {
  background-color: #ff9600;
  border-color: #ff9600;

}

div#sos.home_square h2 {
  color: #0e385c;
}



div.home_square img#calendario {
  margin: 8px 2px 8px 2px ;
  height: 170px;
}

div.home_square a:hover {
  color: white;
}


div.home_riga{
  margin: 0px;
}



div.home_square div.content{
  height: inherit;
  width: inherit;
  position: absolute;
  padding: 0px;
  margin: 0px;
}


div.home_full div.viaggio_home {
  color: white;
  margin: 10px;
}
div.home_full div.viaggio_home a {

  color: white;
  font-size: 14px;
  height: auto;
  width: 220px;
  margin-bottom: 5px;
}

div.home_full div.viaggio_home span#cont {
  height: 50px;
  width: 220px;
  margin: 0px;
  display: table-cell;
}

div.home_full div.viaggio_home p {
  display: inline-block;
}

div.home_full div.viaggio_home span#cont div#scadenza {
  font-size: 12px;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  height: 50px;
  color: white;
  text-align: right;
  display: inline-block;
  vertical-align: middle;

}



div.home_square .glyphicon.glyphicon-chevron-right {
  font-size: 10px;
  color: #428bca;
}

div.home_square div.viaggio_home span #scadenza p {
  margin-bottom: 2px;
}


div.to_new_line {
  display: none;
}

@media (min-width: 520px) and (max-width: 991px)  {
  div.to_new_line {
    display: block;
  }
}

/*   stile doppio box */
div.home_double_square {
  display: inline-block;
  min-width: 502px;
  height: 244px;
  background-color: #0e385c;
  margin: 5px;

}

div.home_double_square.in {
  margin: 0px;
}


span.bg-text {
  font-size: 50px;
}

span.md-text {
  font-size: 24px;

}

span.sm-text {
  font-size: 20px;
}


div.home_double_square .content {
  position: absolute;
  max-width: inherit;
  min-width: inherit;
}


div.last_minute {
  display: block;

  min-width: 750px;
  /*min-height: 240px; */
  text-align: left;
  background-color: #0e385c;
  margin: 0px 5px 10px 5px;
  color: white;

}

div.last_minute p.bg-warning {
  background-color: #0e385c;
  color: white;
  margin-bottom: 10px;
}


div.last_minute div.content {
  min-width: 490px;
  height: inherit;
  margin: 0px;
  padding: 0px;
  /* position: absolute; */
}


div.last_minute h2 {
  color:  #ff9600;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin: 5px 0px 5px 0px;
  padding: 15px 15px;
  height: 50px;
  max-width: 240px;
  text-align: left;
}


div.last_minute .des_prov{
  font-size: 13px;
  font-family: 'opensans';

}


div.last_minute span.glyphicon {
  font-size: 12px;
  color: #83a0b9;
}


div.last_minute div {
  text-align: left;
}

div.last_minute div.viaggio {
  height: auto;
}

div.last_minute  div.viaggio_left {
  display: inline-block;
  padding-left: 15px;
  /* */
  height: 60px;
  width: 54%;

}


div.last_minute div.viaggio_center {
  display: inline-block;
  padding-left: 15px;
  /*  */
  text-align: right;
  height: 60px;
  width: 29%;
}

div.last_minute div.viaggio_right {
  display: inline-block;
  padding-left: 15px;
  /*  */
  height: 60px;
  width: 15%;

}

/*  query per .last_minute

  @media (max-width: 450px) {

      div.last_minute  div.viaggio_left {
          width: 240px;
      }

      div.last_minute div.viaggio_right {
        text-align: right;
        padding-right: 15px;
        width: 240px;
      }

      div.last_minute a.dettagli.dett_mobile {
        position: static;
      }

      div.last_minute {
        width: 240px;
      }

  }

*/


div.last_minute p {
  margin-bottom: 2px;
}

div.last_minute p.tratta {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

div.last_minute img.merce {
  margin-top: -10px;
  margin-left: -10px;
  width: 55px;
}

div.last_minute a.dettagli {
  position: absolute;
  background-color: #ff9600;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 5px;
  padding: 4px;
}

div.last_minute a.dettagli:hover {
  background-color: white;
}

div.last_minute a.dettagli img {

  width: 18px;
}


div.viaggio_home .des_prov {
  font-size: 12px;
}

html {
  position: relative;
  min-height: 100%;
  font-size: 62.5%;
}

body {
  margin-bottom: 80px;
}

div#wrapper {
  min-height: 100%;
  height: auto !important;
  margin: 0px 0px 10px 0px;
}

div#main {
  margin-bottom: 20px;
}


div#pushfooter {
  height: 40px;
  clear: both;
}



div#footer2, div#footer {
  background-color: #0e385c;
  color: #0e385c;
  text-align: left;
  min-height: 80px;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;

  position: absolute;
  bottom: 0px;
}

div#footer2 .container a, div#footer .container a {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  color:  white;
}

div#footer a:hover, div#footer2 a:hover  {
  color: #ff9600;
}

span.social_link {
  display: inline-block;
}

/*   span social larghezza 100% -->
@media (max-width: 600px) {
  div.container span.social_link {
    width: 100%;
    display: block;
  }
}

*/

div#footer2 p, div#footer p {
  margin-bottom: 0px;
  color: white;
  display: inline-block;
}

img.social {
  height: 20px;
  width: auto;
  margin: 0px 5px 5px 5px;
}



/*    ________    link partner _______*/


div#partner p {
  border-top: 1px solid;
  border-color: #666;
  padding-top: 10px;
  text-align: left;
  max-width: 500px;
  margin-top: 40px;
  margin-bottom: 0px;
}

div.partner_home {
  height: 60px;
  width: 240px;
  background-color: #f5f5f5;
  display: inline-block;
  margin: 10px;
  padding: 15px 0px 0px 0px;
}

div.partner_home a{
  display: block;
  width: 240px;
  font-size: 22px;
  color: black;
}

div.partner_home img {
  height: 30px;
  width: auto;
}




/*  __________________  stile intestazione pagine ___________*/
#sub-top {
  text-align: center;
  width: 100%;
  background-color: #ff9600;
  color: #0e385c;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-size: 22px;
  padding-top: 3px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*      ________ stile form add/ edit viaggio ____________   */



#form_viaggio div#gg_settimana label.has-error:first-child {
  display: block;
}


form#dettagli_viaggio span.glyphicon {
  font-size: 10px;
  color: #666;
}



/*   _____   stile dettagli viaggio  _________    */

/*
table#dettagli_viaggio.table td {
  width: 50%;
}

table#dettagli_viaggio.table p.label_merce {
  display: inline-block;
}
*/



#dettagli_viaggio.container .loc.main {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

#dettagli_viaggio.container .bold {
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

#dettagli_viaggio.container div.info_trasportatore p{

  margin-bottom: 5px;
}

#dettagli_viaggio.container div.info_trasportatore a {
  color: #333;

}

#dettagli_viaggio.container div.info_trasportatore a:hover {
  color: #0e385c;
}


#dettagli_viaggio.container #div_loc .glyphicon {
  color: #83a0b9;
  font-size: 10px;
  padding: 4px 2px;

}

#dettagli_viaggio.container #div_loc .loc {
  display: inline;

}

div.destinazione {
  padding: 12px 6px;
}

div#prossimi_ritiri.destinazione  {
  background-color: #ccc;
  margin-bottom: 15px;
}

div.destinazione .bold {

  display: inline-block;
  font-size: 18px;
  font-weight: normal;

  /*border-top: 1px solid; */
  border-color: #666;

}





/* ____________stile form ___________________*/

form.form_fritrak p.section_title {
  text-align: left;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  color: #ff9600;
}

p#info_signup {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #83a0b9;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-width: 250px;
  margin-bottom: 5px;
}

#form_signup a {
  margin: 4px;
}
#form_signup .checkbox {
  margin: 4px;
}

.modal-body#condizioni {
  height: 500px;
  overflow: auto;
}

.modal-body#condizioni p.sub {
  margin-bottom: 10px;
}

.modal-body#condizioni strong {
  display: inline;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 14px;
}



form.form_fritrak {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  background-color: #0e385c;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  padding: 10px;

}

form.form_fritrak label {
  color: white;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  margin: 2px 2px 0px 5px;

}

form.form_fritrak label#captcha {
  vertical-align: top;
  margin-bottom: 5px;
}

img#siimage {
  margin-left: 4px;
  margin-bottom: 4px;
}


form.form_fritrak label#label_condizioni {
  color: #83a0b9;

  font-size: 14px;
}

form.form_fritrak label a{
}

form.form_fritrak label a:hover {
  color: white;
}



form.form_fritrak label img {
  border-right: 1px solid;
  border-color: #0e385c;
  /* display: inline-block;*/
}

form.form_fritrak label.has-error {
  color: #FF5959;
  font-weight: normal;

}




form.form_fritrak div#check {
  padding-left: 10px;
}

form.form_fritrak div#check label.has-error {
  display: block;
}


form.form_fritrak .form-control {
  /*background-color: #83a0b9;*/
  border-radius: 0px;
  color: #0e385c;
  border: 4px solid #0e385c;
  font-size: 18px;
  height: 45px;
  padding: 6px 16px 6px 16px;
}

form.form_fritrak .form-control::-moz-placeholder {
  color: darkgray;
}
form.form_fritrak .form-control::-webkit-input-placeholder{
  color: darkgray;
}
form.form_fritrak .form-control:-ms-input-placeholder {
  color: darkgray;
}


form.form_fritrak .radio p {
  color: white;
  font-weight: normal;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 16px;
}


form.form_fritrak textarea.form-control{
  margin: 0px 0px 15px 0px;
  height: auto;
}

form.form_fritrak .btn {
  background-color: #0e385c;
  border: none;
  border-radius: 0px;
  color: #ff9600;
}

form.form_fritrak .btn:hover {
  background-color: #ff9600;
  color: #0e385c;
}


form.form_fritrak .btn span {
  font-size: 14px;
  padding-right: 5px;



}



form.form_fritrak input.ui-autocomplete-input {
  padding-left: 40px;
}



/*   ________________stile form richiesta___________________*/

.form_fritrak .form-control-feedback {
  top: 5px;
  left: 20px;
}

#form_richiesta .form-control-feedback {
  top: 5px;
  left: 12px;
}


form#form_richiesta .form-group.col-sm-4 {
  padding-left: 0px;
  padding-right: 0px;
}

form.form_fritrak div#glyphicon {
  color: #83a0b9;
  text-align: center;
  font-size: 20px;
  margin-top: -10px;
  margin-bottom: 5px;
}


form#form_richiesta div#info_merce p {
  color: white;
  font-size: 20px;
  font-weight: normal;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
}

form#form_richiesta div#note_merce {
  padding: 2px;
  margin-bottom: 20px;
}

div.user_img {
  padding: 10px;
  display: none;
}

div.user_img div {
  display: inline-block;
  margin: 5px;
}

div.user_img .cancel_img {
  background-color: #ff9600;
  color: #0e385c;
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin-bottom: -15px;
  padding: 2px 3px 2px 3px;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #83a0b9;
  border-radius: 10px;
  top: -5px;
  left: -5px;

}

#form_richiesta div#div_lista_merci p {
  width: inherit;
  min-width: 40px;
}

#form_richiesta div#div_lista_merci label img {
  border: none;
}

@media (max-width: 768px) {
  #form_richiesta div#div_lista_merci {
    padding: 0px;
  }
}

.div_lista_merci input[type='radio'] {
  border: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
}

/*    query media per  versione mobile  */

@media (max-width: 767px) {


  .navbar-form input.btn.btn-default {
    width: 100%;
  }
  /* larghezza massima per la descrizione merce  */
  form#form_richiesta div#info_merce.form-group {
    display: inline-block;
    clear: both;
    min-height: 50px;
    max-height: 120px;
    padding-top: 20px;
  }

  form#form_richiesta div#info_merce.form-group p{
    min-width: 100px;
  }

  form#form_richiesta div#img_merce.img_left {
    display: inline-block;
    text-align: left;
    max-width: 70px;
  }

  form#form_richiesta div#head_left.div_button {
    float: left;
  }
}


form#form_richiesta div#data_ora_pubblicazione {
  display: none;
}

form#form_richiesta div#data_ora_scadenza {
  display: none;
}



form#form_richiesta div.articolo {
  border-bottom: 2px solid;
  border-color: #83a0b9;
  padding-bottom: 20px;
}


form#form_richiesta div#articolo_0 {
  clear:both;
}


form#form_richiesta div.articolo p#head_merce {
  text-align: left;
  color: #ff9600;
  font-size: 16px;
  max-height: 30px;
}


form#form_richiesta .radio p{
  padding-left: 4px;
  font-size: 16px;
  text-align: left;
  display: inline-block;
}


@media  (max-width: 380px) {
  form#form_richiesta .radio p {
    display: block;
  }

  form#form_richiesta .radio label {
    padding-left: 40px;
  }

  span.prezzo-new-line { display: block; }

  .checkout-step:not(.active) div.step-title {
    display: none;
  }

}

form#form_richiesta p {
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-width: 200px;
  margin-bottom: 5px;
}
img.merce_medium {
  max-height: 70px;
  width: auto;
  display: inline;
}


p.intro {
  color: #666;
  font-size: 16px;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

p.intro.blu-sfondo {
  color: #0e385c;
}


p.intro.richiesta {
  max-width: 800px;
  color: #0e385c;
}

p.intro.richiesta_merce {
  color: #83a0b9;
}

p.intro.richiesta_merce.bg-text {
  font-size: 22px;
}

form#scelta_merce_trasporto {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;

}
form#scelta_merce_trasporto a {
  display: inline-block;
  margin: 0px 5px 5px 0px;

}
form#scelta_merce_trasporto a .div_cat_v_img2:hover {
  background-color:#ff9600;
  color: #0e385c;
}

form#scelta_merce_trasporto a .div_cat_v_img2 {
  background-color: #0e385c;
  height: 150px;
  width: 140px;
  padding-top: 0px;
  color: #83a0b9;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
}
form#scelta_merce_trasporto a .div_cat_v_img2 p{
  margin-bottom: 5px;
}

form#scelta_merce_trasporto a li {
  display: block;
  height: 60px;
  overflow: hidden;
  margin: 0px;
}
form#scelta_merce_trasporto a li img {
  margin-top: -20px;

}

div.modal-body {
  min-height: 80px;
}


.modal-body form p {
  padding-left: 20px;
}
.modal-body img.gifLoading {
  display: block;
  position: relative;

}


div#richiestaOK.container {
  max-width: 800px;
}

div#richiestaOK.container p {
  margin-bottom: 5px;
}

div#richiestaOK.container strong {
  font-weight: normal;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
}

div#richiestaOK.container div.articolo {
  border-top: 1px solid;
  padding-top: 10px;
  padding-left: 10px;
}

div#richiestaOK.container div.articolo div.user_img {
  display: block;
}


div#body_chiudi_richiesta.modal-body {
  display: none;
}



/* ____________    risposta alle richieste  _______________*/



div#body_risposta.modal-body {
  display: none;
}

div#body_risposta.modal-body .radio label {
  display: block;
}

#rispostaOK.container hr {
  border-color: #666;
}

#rispostaOK.container div.articolo {
  border-top: 1px solid;
  border-color: #B2B2B2;
  padding-top: 10px;
  padding-left: 10px;
}


/* ______________ stile path (breadcrumb) _____________ */


ol.breadcrumb {
  width: 100%;
  border-radius: 0px;
  margin-top: 0px;
}

ol.breadcrumb a {
  color: #777;
}

.breadcrumb>li+li:before {
  content: "\00BB" ;
}


/* _________ stile faq - chi siamo __________________*/


p#domanda {
  color: #ff9600;
  font-size: 16px;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
}
p#sezione {
  font-size: 18px;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 20px;
}

p#risposta {
  font-family: "opensans", Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}
img#logo_text {
  height: 18px;
  margin: 0px 0px 3px 0px;
  padding-bottom: 3px;
}


/* ______________ stile prezzi - abbonamento_______________*/


.fatturazione {
  color: white;
  font-family:  "opensans", Arial, Helvetica, sans-serif;
  width: 500px;
  margin-left: auto;
  margin-right: auto;

}

.table tr.row_total {
  border-top: 2px solid #0e385c;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  color: #0e385c;
}

.table tr.row_total td:first-child {
  background-color: #0e385c;
}

.checkout-path {
  height: 90px;
  margin-bottom: 25px;
}


.checkout-step {
  padding: 0px;
  height: 90px;
}

.checkout-step .step-img {

}

.checkout-step .step-img img{
  height: 60px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}



/* attributi comuni per la linea del percorso*/
.checkout-step .line {
  background-color: #83a0b9;
  position: absolute;
  height: 4px;
  top: 53px;
  padding-left:50%;
}

.checkout-step.active .line {
  background-color: #ff9600;
}

.checkout-step .point {
  background-color: inherit;
  border-radius: 6px;
  margin-top: -4px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
}


#step1.checkout-step .line {
  background-color: #ff9600;
  right: 0px;
  width: 50%;
  padding-left: 0px;
}

#step2.checkout-step .line {
  right: 0px;
  width: 100%;
}

#step3.checkout-step .line {
  left: 0px;
  width: 50%;
}


.checkout-step .step-title {
  bottom: 0px;
  color: #83a0b9;
  position: absolute;
  width: 100%;
  text-align: center;
}
.checkout-step .step-title.step-on:hover {
  color: #ff9600;
  cursor: pointer;
}


.checkout-step .step-title.active {
  color: #ff9600;
}


.radio.payment-options {
}

.radio.payment-options label {
  display: block;
  max-width: 270px;
  padding-left: 50px;
  margin-left: auto;
  margin-right: auto;

}


/*  stile pagamenti accettati dal trasportatore    */


form#payment_method_select input[type='checkbox'] {
  border: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  height: 3px;
  width: 3px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
}

.form_fritrak2 {
  background-color: white;
}

#payment_container {
  padding: 5px;
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;

}

#payment_container p label {
  text-align: center;
  display: block;
}

div.div_cat_v_img2.payment_item {
  padding: 5px;
  cursor: auto;
  background-color: white;
  color: #0e385c;
  cursor: pointer;
}


div.div_cat_v_img2.payment_item:hover {
  background-color: white;
}


div.div_cat_v_img2.payment_item li {
  height: 40px;
}

div.div_cat_v_img2.payment_item li img {
  height: 40px;
  width: auto;
  border:none;
}


.payment_checked {
  background: url('img/fritrak/spunta.png');
  background-position: top 5px right 5px;
  background-repeat: no-repeat;
  background-size: 10px;

}

img.icona_payment {
  width: 40px;
  height: auto;

}


/*****************/


h3.abb_veicoli {
  font-family:  "opensansbold", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #0e385c;
}

p.abb_veicoli {
  clear: both;
  font-family:  "opensans", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #0e385c;
  margin-bottom: 0px;
  font-size: 20px;
}
p.abb_veicoli strong {
  font-family:  "opensansbold", Arial, Helvetica, sans-serif;
}

.abb_veicoli a {
  font-family:  "opensansbold", Arial, Helvetica, sans-serif;
  color: #0e385c;
}

.abb_veicoli a:hover {
  color: #ff9600;
}

.abb_veicoli span {
  font-size: 16px;
}

div#abbonamento {
  /* background-color: #83a0b9; */
  margin: 10px 20px 20px 20px;
  padding: 0px;
  min-height: 250px;

  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  text-align: center;
}

div#abbonamento.preventivo {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  min-width: 100px;
  min-height: 320px;
}

div#abbonamento.preventivo div#cont_abb {
  min-height: 300px;
}


div#abbonamento.preventivo a {
  color: #0e385c;
}

div#abbonamento.preventivo a:hover{

  color: #ff9600;
}



div#cont_abb {
  margin: 0px;
  border: 6px solid;
  border-color: #0e385c;
  color: #0e385c;
  min-width: 180px;
  padding: 10px;
}

div#cont_abb.abb_base {
  border-color: #ff9600;
}


div#cont_abb span#veicoli {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

div#cont_abb span#veicoli .prezzo_riga {
  width: 100px;
  display: inline-block;
  padding-left: 20px;
}

div#cont_abb span#veicoli .prezzo_riga.bg {
  font-size: 18px;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
}

span#veicoli hr.prezzo-line {
  width: 70%;
  margin-top: 5px;
  margin-bottom: 5px;
  border-color: #0e385c;
  margin-right: 8%;
}

div#cont_abb span#veicoli p {
  margin-bottom: 5px;
  font-family: 'opensans', Arial, Helvetica, sans-serif;
  text-align: right;
  padding-right: 10%;

}


div#cont_abb span#veicoli strong{
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding-left: 5px;
}

div#cont_abb span#head {
  border-bottom: 1px solid;
  border-color: #0e385c;
  display: block;
  min-height: 70px;
  text-align: center;
  font-size: 18px;
  padding-top: 20px;
}

div#cont_abb span#head.info {
  height: 300px;
  border: none;
}

div#cont_abb span#prezzo {
  display: block;
  min-height: 90px;
  padding-top: 15px;
  padding-bottom: 5px;
  text-align: center;
}

div#cont_abb span#prezzo #bottom {
  display: block;
  margin-top: -10px;
  padding-top: 0px;
  padding-bottom: 20px;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 16px;
}



div#cont_abb span#prezzo .prezzo_left {
  display: inline-block;
  font-size: 54px;
  margin-left: 10px;

}

div#cont_abb span#prezzo .prezzo_left img {
  margin-top: 5px;
  position: absolute;
  height: 70px;
  width: auto;
}

div#cont_abb span#prezzo .prezzo_right {
  display: inline-block;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: left;
}

div#cont_abb span#prezzo .prezzo_right p#euro {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 12px;
  margin: 0px;
}


strong.prezzo_std {
  display: inline-block;
}


.prezzo_std img {
  position: absolute;
  height: 20px;
  width: auto;
}


div#cont_abb span#annuale {
  height: 70px;
  display: block;
  padding-top: 20px;
  text-align: center;
  /* border-top: 1px solid;
  border-color: #0e385c; */
}

div#cont_abb span#annuale p {
  margin-bottom: 0px;
}

div#cont_abb span#annuale p#iva {
  font-family: "opensans", Arial, Helvetica, sans-serif;
}


/*   stile traduzioni back-end */



.table tr.table_trad_row:hover td {
  background-color: #CCFFCC;
}


.table tr td.edit_col a{
  display: none;
}

.table tr:hover td.edit_col a{
  display: inline-block;
}



/*  _______stile placeholder    */


.form_fritrak .form-control::-webkit-input-placeholder { color: #3e6180 }
.form_fritrak .form-control::-moz-placeholder { color: #3e6180 } /* firefox 19+ */
.form_fritrak .form-control:-ms-input-placeholder {  color: #3e6180 } /* ie */
.form_fritrak  input.form-control:-moz-placeholder {  color: #3e6180 }










.calendario {}
.calendario ul {
  padding: 0px;
  float: left;
  margin-top: 0px;
  margin-right: 45px;
  margin-bottom: 0px;
  margin-left: 45px;
}
.calendario li {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  list-style-type: square;
  color: #0e385c;
}
.calendario li strong {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #ff9600;
}


.navbar-header h3 {
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}
.lang-switch2 {
  float: right;
  font-size: 12px;
  margin-top: 12px;
  color: #999;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
}
.lang-switch2 a {
  margin-right: 2px;
}
.header-login {
  float: right;
  color: #FFF;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  padding-top: 23px;
  text-align: right;
}
.header-login a:link {
  color: #fff;
}
.header-login a:visited {
  color: #fff;
}
.header-login a:hover {
  color: #428bca;
}
.header-login a:active {
  color: #428bca;
}
.header-login ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline;
}
.header-login li {
  padding: 0px;
  list-style-type: none;
  display: inline;
  margin-top: 0px;
  margin-right: 6px;
  margin-left: 6px;
}
.header-login input[type=text] {
  background-color: transparent;
  width: 150px;
  float: left;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 12px;
  color: #999;
  padding: 8px;
}
.header-login input[type=button] {
  background-color: transparent;
  width: 28px;
  float: left;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  text-indent: -99999px!important;
  margin-top: 3px;
}
.header-login .cerca {
  background-image: url(img/fritrak/lente.jpg);
  background-repeat: no-repeat;
  background-color: #FFF;
  width: 180px;
  float: right;
  background-position: right center;
  margin-top: -5px;
}
.blog-latest {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
}
.blog-latest h2 {
  font-weight: normal;
  color: #f48d00;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 6px;
}
.blog-latest h3 {
  font-weight: normal;
  color: #1b334f;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.blog-latest .data {
  font-weight: normal;
  color: #1b334f;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 10px;
}
.blog-latest p {
  font-weight: normal;
  color: #1b334f;
  font-family: "opensans", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.square-desc {
  color: #FFF;
  margin-top: -20px;
}
.logo-container {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 6px;
  margin-bottom: 16px;
}


.logo-img {
  background-image: url('img/fritrak/fritrak-logo-beta.png');
  background-repeat: no-repeat;
  background-size: auto 48px;
  cursor: pointer;
  margin-left: 0px;
  margin-top: -10px;
  display: block;
  height: 50px;
  float: left;
  width: 250px;
}


.navbar-custom {
  background-color:#0e385c;
  color:#ffffff;
  border-radius:0;
  padding-bottom: 0px;
}

.navbar-custom .navbar-nav > li > a {
  color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
  /*color: #ffffff;*/
  background-color:transparent;
}
.navbar-custom .navbar-brand {
  color:#eeeeee;
}
.fritrak-name {
  margin-top: 9px;
}
.navbar-custom .navbar-toggle .icon-bar {
  color: white;
  background-color: white;
}

.login-bar {
  margin-top: 6px;
}

button.navbar-toggle:focus {
  background-color: #f48d00!important;
}
button.navbar-toggle:hover {
  background-color: #265a86!important;
}
.navbar-collapse {
  background-color: #0e385c!important;
  margin-top: 0px;
  padding-bottom: 0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border: none;
  box-shadow: none;
}
.navbar {
  border-radius: 0px;
  min-height: 30px;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}
.titolo-path {
  font-size: 12px;
  color: #999;
  margin-top: 14px;
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
}
.registrazione {
  background-color: #0e385c;
  text-align: center;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  padding: 12px;
  color: #ff9600;
  margin-bottom: 20px;
}
.registrazione img {
  height: 160px;
  width: inherit;
  overflow: hidden;
  display: block;
  margin: auto;
  padding: auto;
}
.registrazione h3 {
  font-size: 19px;
  margin-top: -10px;
  font-weight: normal;
}
.registrazione p {
  color: #FFF;
  font-size: 12px;
}
.registrazione a {
  display: block;
}
.registrazione a:link {
  color: #f48d00;
}
.registrazione a:visited {
  color: #f48d00;
}
.registrazione a:hover {
  color: #FFF;
  background-color: #f48d00;
}
.registrazione a:active {
  color: #FFF;
  background-color: #f48d00;
}
.registrazione:hover {
  color: #FFF;
  background-color: #f48d00;
}


#gg_settimana.checkbox {
  margin-left: 40px;
}
#gg_settimana.checkbox label {
  padding-left: 0px;
  margin-top: -3px;
}



.navbar-custom .navbar-nav > li > a:hover {
  background-color: #23547e;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #23547e;
  border-color: #23547e;
}
.homepage-description {
  clear:both;
  margin-top: 20px;
  color: #0e385c;
  font-size: 18px;
}
.lastminute-description {
  color: #f48d00;
  font-family: 'opensansbold', Arial, Helvetica, sans-serif;
  text-align:left;
  padding-bottom: 6px;
  margin-left: -15px;
  font-size: 18px;
}

.partners {
  text-align:center;
}
.partners img {
  max-width: 236px;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  padding-top: 20px;

}
.partners p {
  font-size: 12px;
}
.articolo-blog h2 {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  color: #f48d00;
  font-size: 30px;
  font-weight: normal;
}
.articolo-blog img {
  margin-top: 10px;
  margin-bottom: 25px;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #f48d00;
}
.articolo-blog .data {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0f385b;
  font-weight: normal;
}
.blog-roll {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  padding-top: 20px;

}
.blog-roll h2 {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  color: #f48d00;
  font-size: 26px;
  font-weight: normal;

}
.blog-roll h2 a:link {
  color: #f48d00;
}
.blog-roll h2 a:visited {
  color: #f48d00;
}
.blog-roll h2 a:hover {
  color: #c87c19;
}
.blog-roll h2 a:active {
  color: #c87c19;
}
.blog-roll img {
  margin-top: 10px;
  margin-bottom: 25px;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-bottom-color: #f48d00;
}
.blog-roll .data {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0f385b;
  font-weight: normal;
}
.home h1 {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin-top: 0px;
  color: #ccc;
  font-weight: normal;
}
.home .tags {
  font-family: "opensansbold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #0f385b;
  font-weight: normal;
}
.home .tags a {
  margin-right: 20px;
}

/*Classi per la visualizzazione di feedback nella pagina trasportatore/compoany profile/minisito */
span#average_rate{
  font-size: 35px;
}

.feedback {
  width: 150px;
  height: auto;
  padding: 10px;
  border-color: green;
  float: right
}

.comment {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0e385c;
  background-color: #fffcef;
  padding: 16px;
}

.comment .quote {
  font-size: 20px;
  color: #0e385c;
  text-align: left;
}
.comment .voto {
  font-size: 18px;
  color: #0e385c;
  text-align: left;
}

.comment .author {
  font-size: 12px;
  font-style: italic;
  color: #dfb426;
  text-align: right;
}

.comment .date {
  font-size: 15px;
  color: #0e385c;
  text-align: left;
}

.icone-foot {
  text-align: left;
  width: auto;
}
.icone-foot img {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
  height: 30px;

}



/*Resizing immagini blog homepage*/

.img_blog {
  position: relative;
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-bottom: 2px solid orange;
}
.img_blog img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.img_blog img.portrait {
  width: 100%;
  height: auto;
}

.form_richiesta_container {
  background-color: #0e385c;
}

/*Stile immagini blog homepage*/


.icone-foot {
  text-align: left;
  width: auto;
}
.icone-foot img {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 24px;
  height: 30px;

}

.btn-fritrak {
  background-color: #0e385c;
  border-color: #0e385c;
}
.btn-fritrak:hover {
  background-color: #ff9600;
  border-color: #ff9600;
  color: #0e385c;
}

.sharing {
  margin: 0px;
  padding: 0px;
}
.sharing ul {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.sharing li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  width: 48%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}