body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
  font-size:10px;
}

button{font-size:11px !important;}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.container .btn-group.custom{display:block;margin:20px;float:none;}
.container .btn-group.custom .btn{float:none;}
.container .form-group.custom{margin:20px;}

ul#depotlist{width:100%}

.results{padding:5px;border:2px solid gray;border-radius:10px;display:none;}

#depottitle,.minititle{font-weight:bold;font-size:120%;padding:5px 0px;display:block;margin:auto;text-align:center;}

#reportdiv{padding-top:20px;}

#choosereport select {
width: auto;
display: inline-block;
vertical-align: middle;
resize:both;
}

#choosereport input {
width: auto;
}

.results table th{cursor:pointer;}

tr.type3 {
background: rgb(255, 44, 44);
color: white;
}

tr.type1 {
background: lime;
font-weight: bold;
}

tr.inactive{background: #D1D1D1;
color: #707070;
display:none;}

.results button {
    margin: 0 10px 0 10px;
}

input[type=date]{line-height:initial;}

/*----- Responsive section-----*/


@media (min-width:420px){body{font-size:14px;}button{font-size:14px !important;}

@media (min-width: 992px){
	.container{width:100%;}
	.container.mainopts{float:left;}
	.container.mainopts div:not(.results){max-width:300px;}
	.results{float:right;width:600px;position:relative;}
	#depotdiv{top:-150px;}
	#vehiclequicklist{top:-262px;}
	#users{top:-300px;}
	#vehicles{top:-377px;}
	#depots{top: -430px;}
	#reports{top: -485px;}
	.results div{width:100%;max-width:100% !important;}

}

@media (min-width: 1200px){
	.results{width:800px;}
}

@media (min-width: 1400px){
	.results{width:1000px;}
}

@media (min-width: 1600px){
	.results{width:1200px;}
}

@media (min-width: 1800px){
	.results{width:1400px;}
}

@media print {
  .hidden-print {
    display: none !important;
  }
  
  #reportdiv {font-size:10px;}
}