html{font-family: Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.container{width: 100%; max-width: 100%; padding: 0 1px;}
body > header{ margin-bottom: 10px;}
body > header > .container > .row{margin-bottom: 0; position: relative;}
header #logo{ text-align: left; margin-top: 5px;}
header #logo img{ height: 25px;}
header #header-info{position: absolute; right: 0; bottom: 0; text-align: right;font-size: 1.2rem;}
header #header-info p {text-align: right; margin: 0;}
header #band{ width: 100%; height: 1px; background: #da251c;    background: #f3f3f3; }
h1{font-size: 2.2rem; margin-bottom: 0.88rem;}
h2{font-size: 1.6rem;}

br.clr{clear: both;}

.piazzale-container{}
.piazzale-container h2{color: #fff;    margin-top: 0.8rem;  margin-bottom: 0.8rem;}
.piazzale{width: 100%; min-height: 45px !important;}
.aggancio{width: 310px; height: 90px; display: inline-block; position:relative;  }
.mezzo{border: 1px solid #eee; padding: 3px; width: 155px; height: 90px; display: inline-block; background: #fff; margin-bottom: 5px;vertical-align: top;}
.mezzo:hover{ background: #E0F2F1;}
.mezzo .relative{position: relative;height: 100%;}
.mezzo header{    text-align: right;}
.mezzo header .targa{ /*font-weight: bold;*/ cursor: move;}
.mezzo header .icons{display: inline-block; float: right;}
.mezzo header i{ position: relative; bottom: 2px; color: red;}
.mezzo footer{text-align: center; position: absolute; bottom: 0; width: 100%;}
.mezzo i{  color: #717171; font-size: 1.3rem; cursor:pointer;    vertical-align: middle;     -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out}
.mezzo footer i.storico{}
.mezzo footer i.warning{}
.mezzo footer i.active{color: #FF9800!important;}
.mezzo i:hover{color: #26a69a;}
.ui-sortable-placeholder{border: 1px dashed #fff; visibility: visible !important; background: transparent !Important;}

.aggancio .mezzo{position:absolute !important; top: 0 !important; border: 1px solid #26a69a; background: #26a69a;     background: #009688}
.aggancio .mezzo header .targa,
.aggancio .mezzo footer i{color: #fff;}
.aggancio .mezzo header .targa { background: #fff; color: #212121; padding: 0 5px; }
.aggancio .switch label input[type=checkbox]:checked+.lever:after {  background-color: #fff	; }
.aggancio .mezzo.trattore{left: 0 !important;     right: auto !important;}
.aggancio .mezzo.rimorchio{right: 0 !important;     left: auto !important;}
.mezzo.trattore{ border-top-left-radius: 70px; }
.mezzo.rimorchio{}
.mezzo header{height: 30px;}
.mezzo .switch{ text-align: center; margin-top: 6px; cursor:pointer;}
.mezzo.trattore .switch{text-align: left;}
.mezzo.rimorchio .switch{text-align: right;}

.mezzo .switch label{}
.mezzo .switch .lever{}

.rimorchio .switch .lever{margin-left: 3px; margin-right: 5px;}
.trattore .switch .lever{  margin-left: 4px; margin-right: 2px;  }
.piazzale .mezzo.ui-state-disabled{opacity: 1 !important;}

#toast-container { bottom: 10%; top: auto; }
footer.page-footer{background-color: #f44336;}
footer.shortContent{width: 100%; position: absolute;bottom: 0;}
#ajaxCover { background-repeat: repeat; background-position: center center; height: 100%; width: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 9999!important; background: #00000038; }
.preloader-wrapper  { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100px!important; height: 100px!important; margin: auto;}

.piazzale-container { float: left; margin-bottom: 10px; }
.mezzo{height: 65px; width: 141px;}
.mezzo .switch{width: 40%; margin-top: 0px; width: 30%;  margin-top: -1px;}
.mezzo.trattore .switch{float: left;    float: right;}
.mezzo.rimorchio .switch{float: right;     float: left;}
.mezzo.trattore.motrice .switch{display: none;}
.mezzo footer{float: left; position: static; width: 60%;width: 70%;}
.mezzo.trattore.motrice footer{    float: none; width: 100%; text-align: right;}
.aggancio {width: 282px; height: 65px; margin: 0 2px;}

.row .col{padding: 0 0.55rem;}
@media screen and (max-width: 600px) {
	
}