@import url("/bootstrap/bootstrap.css");
@import url("/bootstrap/datepicker.css");
@import url("/bootstrap/slider.css");
@media only screen and (min-width : 768px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, 
    .flex-row.row:before {
        display: flex;
    }
}
.pointer{
  cursor:pointer;
}
.red{
  color:#ff0000;
}
.green{
  color:#00ff00;
}
.yellow{
  color:#ffff00;
}
.orange{
  color:#ff9933;
}

.bgorange{
  background-color:rgb(255,204,102);
}


.nomargins{
	margin:0px;
}
.bottommargin{
	margin-bottom: 30px;
}
.topmargin{
	margin-top: 30px;
}
.rightmargin{
	margin-right: 30px;
}
.leftmargin{
	margin-left: 30px;
}
.bottommarginsmall{
	margin-bottom: 15px;
}
.topmarginsmall{
	margin-top: 15px;
}
.rightmarginsmall{
	margin-right: 15px;
}
.leftmarginsmall{
	margin-left: 15px;
}

#map{
  top:0px;
  left:0px;
  width:100%;
  height:600px;
  margin-bottom:30px;
}

.rotimage{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
height:100%;
}
.photobox{
}

.timediff{
  color:#000;
  margin-bottom:12px;
}

.leftborder{
  border-left: 1px solid #ddd;
}

table{
  font-size:12px;
}

.table-responsive {
    width: 100%;
    overflow-x: scroll;
    margin-bottom:30px;
}