body {
	font-family: 'Open Sans', sans-serif;
	color:#1d0e0b;
	font-size: 16px;
	font-weight: bold;
	min-height: 100vh;
}

body::before {
	
	content: ' ';
	display: block;
	position: absolute;
	right: 0%;
	top: 0%;
	width: 100%;
	height: 97%;
	opacity: 0.4;
	background-image: url('../admin/media/png/logo.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.app_version {
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:12px;
	color:#868686;
}

.vehicle_informations {
	position:absolute;
	bottom:25px;
	right:10px;
	font-size:12px;
	color:#868686;
}

.marker-icon-sm {
	max-width:20px;
}

#modifyTrip {
	display:none;
}

.location {
	font-size:12px;
	font-weight: bold;
}

.location-active {
	color:rgb(0, 110, 37);
}
.location-inactive {
	color:rgb(110, 0, 0);
}

	.ocrloader {
  width: 94px;
  height: 77px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.ocrloader span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(243, 231, 201, 0.54);
  z-index: 1;
  transform: translateY(135%);
  animation: move 0.7s cubic-bezier(0.15, 0.44, 0.76, 0.64);
  animation-iteration-count: infinite;
}
.ocrloader > div {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  backface-visibility: hidden;
}
.ocrloader i {
  display: block;
  height: 1px;
  background: #d88c51;
  margin: 0 auto 2px;
  margin: 0 auto 2.2px;
  backface-visibility: hidden;
}
.ocrloader i:nth-child(2) {
  width: 75%;
}
.ocrloader i:nth-child(3) {
  width: 81%;
}
.ocrloader i:nth-child(4) {
  width: 87%;
}
.ocrloader i:nth-child(6) {
  width: 71%;
}
.ocrloader i:nth-child(7) {
  width: 81%;
}
.ocrloader i:nth-child(8) {
  width: 65%;
}
.ocrloader i:nth-child(9) {
  width: 83%;
}
.ocrloader i:nth-child(10) {
  width: 75%;
}
.ocrloader i:nth-child(12) {
  width: 86%;
}
.ocrloader i:nth-child(14) {
  width: 65%;
}
.ocrloader i:nth-child(16) {
  width: 75%;
}
.ocrloader i:nth-child(18) {
  width: 83%;
}
.ocrloader:before,
.ocrloader:after,
.ocrloader em:after,
.ocrloader em:before {
  border-color: #774023;
  content: "";
  position: absolute;
  width: 19px;
  height: 16px;
  border-style: solid;
  border-width: 0px;
}
.ocrloader:before {
  left: 0;
  top: 0;
  border-left-width: 1px;
  border-top-width: 1px;
}
.ocrloader:after {
  right: 0;
  top: 0;
  border-right-width: 1px;
  border-top-width: 1px;
}
.ocrloader em:before {
  left: 0;
  bottom: 0;
  border-left-width: 1px;
  border-bottom-width: 1px;
}
.ocrloader em:after {
  right: 0;
  bottom: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
@keyframes move {
  0%,
  100% {
    transform: translateY(135%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(272%);
  }
}