input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #d9f2fb;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #010101, 0px 0px 1px #0e0e0e;
  border: 1px solid #646464;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.2px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f0fafd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #d9f2fb;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #010101, 0px 0px 1px #0e0e0e;
  border: 0px solid #646464;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #c2eaf9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #d9f2fb;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0e0e0e;
  border: 0px solid #646464;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  height: 10px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #d9f2fb;
}
input[type=range]:focus::-ms-fill-upper {
  background: #f0fafd;
}



.slidecontainer{
  height: 30px;
  margin-bottom: -15px;
    z-index: 10;
}

.row-busparking button{
    width: 100%;
}
.row-busparking button.btn-default{
    border: none;
    box-shadow: none;
}
.row-busparking button{
    padding: 0px;
    height: 50px;
}
.row-busparking .list-group-item{
    padding: 2px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: solid 1px;
    border-color: #dddddd;
}

.row-busparking .list-group-item-info{
    color: #999999;
    background-color: #eeeeee;
}
.row-busparking .list-group{
    border-right: solid 1px;
    border-left: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-color: #dddddd;
}

.row-busparking,
.row-lineheadings{
    padding: 0 15px 0 15px;
}

.col-busfield-wrapper{
    padding: 0;
}

.col-busfield{
    padding: 2px;
    border-right: dashed 1px;
    border-color: #dddddd;
    background-color: #EEF9FD;
}

.col-busfield.other{
    background-color: #D9F2FB;
}

.col-busLineHeader{
    padding: 2px;
    border-right: dashed 1px;
    border-color: #dddddd;
    background-color: #EEF9FD;
}
.other{
    background-color: #D9F2FB;
}

.busLineHeader {
    color: #377B8E;
    text-align: center;
}

.col-busLineHeader .list-group-item{
    border: none;
}

.departureState .startTime,
.arrivalState .returnTime{
    display: inline;
}

.arrivalState .startTime,
.departureState .returnTime{
    display: none;
}

.departureState .hide-departure{
    display: none;
}

.arrivalState .hide-arrival{
    display: none;
}

.broad .container{
    width: 100%;
}

.driverScreen .list-group>li+li{
    background-color: #EEF9FD;
}
.driverScreen .list-group>li:nth-child(even){
    background-color: #D9F2FB;
}​
.driverScreen .list-group>li+li{
    background-color: #EEF9FD;
}
.driverScreen .list-group>li:nth-child(even){
    background-color: #D9F2FB;
}​