<style>
/* RALEWAY */
@font-face {
    font-family: 'RalewayRegular';
    src: url('/fonts/Raleway-Regular.eot');
    src: url('/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Raleway-Regular.woff') format('woff'),
    url('/fonts/Raleway-Regular.ttf') format('truetype'),
    url('/fonts/Raleway-Regular.svg#RalewayRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayBoldItalic';
    src: url('fonts/Raleway-BoldItalic.eot');
    src: url('fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Raleway-BoldItalic.woff') format('woff'),
    url('fonts/Raleway-BoldItalic.ttf') format('truetype'),
    url('fonts/Raleway-BoldItalic.svg#RalewayBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('/reserved/fonts/lato-regular.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('/reserved/fonts/lato-regular-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('/reserved/fonts/lato-bold-latin.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('/reserved/fonts/lato-bold-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html{height:100%;}
body{
    background: linear-gradient(10deg, #a0b5d0 0%, #a0b5d0 15%, #fafafa 85%, #ffffff 100%) no-repeat fixed;
    background-color:#F8F9F8; 
    position: relative; padding-bottom: 3rem; min-height: 100%; margin:0; font-family: 'Lato', sans-serif;}
header{position:relative; z-index: 99}
header .top {padding:12px 0px;}
header .top .top-button{width:40px; height: 40px; margin:7px 10px 0 0;}
header .top .logo{float:left; margin-left:10px;}
header .top .top-button.phone{background: url('https://autotrasportiweb.it/img/phone.png') no-repeat; background-size: cover;}
header .top .top-button.mail{background: url('https://autotrasportiweb.it/img/mail.png') no-repeat; background-size: cover;}
header .top .top-button.user{background: url('https://autotrasportiweb.it/img/user.png') no-repeat; background-size: cover;}
header .top .top-button.web{background: url('https://autotrasportiweb.it/img/web.png') no-repeat; background-size: cover;}
header .top .top-info{font-weight: bold; line-height: 40px; vertical-align: bottom; margin: 7px 30px 0 0;}

.skew20{-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
.skew_20{-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
.navbar-default{background-color: transparent !important; border-color: transparent !important;}
#reserved-navbar-collapse{background:#34538a; width: 100%;}
#reserved-navbar-collapse ul{width: 100%; padding: 5px;}
#reserved-navbar-collapse ul li{display: inline-block; width:calc(20% - 2px); text-align:center; color:#ffffff; border-left: 2px solid #ffffff; margin:0px; padding: 0px;}
#reserved-navbar-collapse ul li:first-child{border:none;}
#reserved-navbar-collapse ul li a{color:#ffffff;padding:3px;}
#reserved-navbar-collapse ul li a:hover{color:#fc6262; text-decoration: none;}
.navbar-default .navbar-toggle{border-color:#34538a; background-color:#34538a;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border-color:#34538a; background-color:#ffffff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#ffffff;}
.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{background-color:#34538a;}
#reserved-navbar-collapse ul li.open a{color:#34538a;}
#reserved-navbar-collapse ul.dropdown-menu li{width:100%;text-align:left;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #ffffff;}


header .menu{background:#34538a; width:100%;}
header .menu #menu{padding:0px; margin: 3px 0px;}
header .menu #menu li{display: inline-block; width:calc(20% - 4px); text-align:center; color:#ffffff; border-left: 1px solid #ffffff; margin:opx; padding: 0px;}
header .menu #menu li:first-child{border:none;}
header .menu #menu li a{color:#ffffff}
header .menu #menu li a:hover{color:#fc6262; text-decoration: none;}
header .menu #menu ul.dropdown-menu {width: 100%;}
header .menu #menu ul li{display: block; color: #333333; width:100%; text-align: left;}
header .menu #menu ul li a{display: block; color: #333333; width:100%;}


header .top{background-color:#fffffff; margin: 3px;}
input.form-control, textarea.form-control, select.form-control, .select2{background: white; border:1px solid #34538a; border-radius: 4px;}
input[type='submit'].form-control, input[type='button'].form-control{background:#34538a; color:#ffffff; font-weight: 600; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
input[type='submit'].form-control:hover, input[type='button'].form-control:hover{color:#fc6262; box-shadow: 3px 3px 2px #34538a;}
input:-ms-input-placeholder, input::-moz-placeholder, input:-moz-placeholder, input::-webkit-input-placeholder, input::placeholder{color:#333333;}
hr{margin: 5px 0; border-color: #dddddd;}

input:invalid {
  background-color: #ffdddd;
}

.fancybox-inner .container{min-height: 400px;}
.container,.container-fluid{background: #ffffff;}

.p0{padding: 0px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pb5{padding-bottom: 5px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.m0{margin: 0px;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.b0{border:none !important;}

.w10{width: 10%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

.shadow{box-shadow: 1px 1px 5px #ccc;}
.img-fluid {max-width: 100%;height: auto;}

.bt-gray{border-top: 1px solid #cccccc;}
.bb-gray{border-bottom: 1px solid #cccccc;}

.text-underline{text-decoration: underline;}

.auto_width{width: auto !important;}

.bordered{border:2px solid #34538a;}
.bordered-orange{border:2px solid #fc6262;}
.bordered-grey{border:2px solid #cccccc;}
.bordered-grey-light{border:1px solid #cccccc;}
.bordered-white{border: 1px solid #FAFAFA;}

.bkg-white{background-color: #FAFAFA;}
.bkg-yellow{background-color: #FCEECA;}
.bkg-orange{background-color: #fc6262;}
.bkg-light-orange{background-color: rgba(246, 93, 17, 0.15);}
.bkg-grey{background-color: #cccccc;}
.bkg-green{background-color: #c0f4ca;}
.bkg-red{background-color: #ffcbcb;}
.bkg-blue{background-color: #45cafc}
.bkg-purple{background-color: #8c406e}

#lista_viaggi div[class*=' bkg-'], #lista_viaggi div[class^='bkg-']{min-height:30px; line-height: 30px; vertical-align: middle;}
#lista_viaggi div[class*=' bkg-'] p, #lista_viaggi div[class^='bkg-'] p{margin: 0;}

.color-blue{color:#34538a !important;}
.color-yellow{color:#FCEECA !important;}
.color-white{color: #FAFAFA !important}
.color-red{color: #b1262d !important}
.color-grey{color: #cccccc !important}
.color-dark-grey{color: #333333 !important;}
.color-orange{color:#fc6262 !important;}

.disabilitato{opacity:0.4;}

.error{color:#b1262d;}

@media (max-width: 1023px) {
    input.form-control{margin:10px 0;}
    .hideonphone{display: none;}
    #reserved-navbar-collapse{width: auto;}
    #reserved-navbar-collapse ul{width: auto;}
    #reserved-navbar-collapse ul li{display: block; width:100%; text-align:center; color:#ffffff; border-left:none; border-bottom: 2px solid #ffffff; margin:0px; font-size:1.3em; padding: 10px 0px;}
    #reserved-navbar-collapse ul li:first-child{border-left:none; border-bottom: 2px solid #ffffff;}
    #reserved-navbar-collapse ul.dropdown-menu{background-color:rgba(255,255,255,0.5);}
    .skew20{-webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);}
    .skew_20{-webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);}

    
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}







.big{font-size: 120%;}





datalist option{padding:5px 0;}
textarea{resize: none;}
.bg-yellow{background: #FCEECA !important;}
.blue-bg{background: #234279;}
.bg-danger-force{background-color: #ffcbcb !important;}
.bg-warning-force{background-color: #FCEECA !important;}

.site-footer {position:absolute; bottom:0; left:0; right:0; background:#fff ; color: #333333; padding: 10px; font-weight:600;}
.focused-input{border-color: red;}
.hand{cursor: pointer;}
.left{float:left;}
.right{float:right;}
.lead{font-size:16px;}
.bootstrap-datetimepicker-widget{z-index:9999;}

.tooltip-inner {
    max-width: 350px;
}


.btn-warning {
  background-color: #fc6262;
  border-color: #e35e4f;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
  background-color: #e35e4f;
  border-color: #fc6262;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #fc6262;
  border-color: #e35e4f;
}
.btn-warning .badge {
  color: #fc6262;
}



.btn-purple {
  color: #fff;
  background-color: #7b2f5d;
  border-color: #6a1e4c;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #8c406e;
  border-color: #6a1e4c;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #8c406e;
  border-color: #6a1e4c;
}
.btn-purple .badge {
  color: #8c406e;
  background-color: #fff;
}


.btn-yellow {
  background-color: #f5d302;
  border-color: #FCEECA;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  background-color: #FCEECA;
  border-color: #f5d302;
}
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #f5d302;
  border-color: #FCEECA;
}
.btn-yellow .badge {
  color: #f5d302;
}

/***************  CUSTOM CHECKBOX ***************/
.container input[type="checkbox"] {
    display: none;
}

.container input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.container input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.container input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.container input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.container input[type="checkbox"]:checked + .btn-group > label:first-child{
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.container input[type="checkbox"]:checked + .btn-group > label:first-child:hover{
color: #fff;
background-color: #449d44;
border-color: #398439;
}




.container input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}


.colorpicker.colorpicker-visible{z-index: 8025;}
.colorpicker .colorpicker-alpha {display:none !important;}

 .colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; }
 .colorpicker-2x .colorpicker-hue{ width: 30px; height: 200px; }
 .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; }



/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}



/**
* Bootstrap V4 news
*/
.rounded {border-radius: .25rem;}

@media (min-width: 992px) and (max-width: 1024px) {
    .clearfix-md{float:left; clear: both;}
}
@media (min-width: 481px) and (max-width: 991px) {
    .search_line .btn{width:50%;}
    .clearfix-sm{float:left; clear: both;}
}
@media (max-width: 480px) {
    .clearfix-sm{float:left; clear: both;}
    .site-footer{bottom: -40px;}
    header .top .logo{width:100%; margin-left: 0px;}
    header .top .top-info{max-width: 80%; padding: 0px; margin: 0px; clear: left; float:left; padding-right: 15px;}
    header .top .top-button{max-width: 20%; padding: 0px; margin: 0px; float:left;}
    #salutation{padding-right: 30px;}
    .fancybox .btn{width: 100%;}
    .search_line .btn{width:100%;}
}

/**
* Callout
*/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/***
Simple custom checkbox
**/
 /* Customize the label (the container) */
.checkbox_base {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox_base input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkbox_base:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkbox_base input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.checkbox_base input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.checkbox_base .checkmark:after {
  left: 9px;
  top: 2px;
  width: 7px;
  height: 20px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chk-bolla{
    display: none;
}
.text-ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select2-container--open{
    z-index: 99999;
}
.select2-dropdown{
    min-width: 250px;
}
.select2-container--default .select2-selection--single{
    border: none !important;
}
select{
    background: #ffffff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50% !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}
</style>