/* FONT ICONS */
/*Element can't be clickable*/
/* Rounded corner */
/* Text ellipsis (text with tree dost at the end, when exceed the width of parent) */
/*TRANSITIONS*/

.FastTransition {
  -webkit-transition: all 100ms ease 0s;
  -moz-transition: all 100ms ease 0s;
  -ms-transition: all 100ms ease 0s;
  -o-transition: all 100ms ease 0s;
  transition: all 100ms ease 0s;
}
.MediumTransition {
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.SlowTransition {
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
  -ms-transition: all 800ms ease 0s;
  -o-transition: all 800ms ease 0s;
  transition: all 800ms ease 0s;
}
/**ADDED BY Niko
/* Keyframes for the fade-in */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Rotate */
/* Rotate */
.crisp-image-rendering {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
.displayNone {
  display: none !important;
}
.clearAfter {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
/*APPS GRID*/

.GridRowApps {
  position: relative;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  font-size: 0.8em;
  cursor: pointer;
}
.GridRowApps:hover {
  background-color: #71c2e2;
}
.GridRowApps .AppDescription {
  padding: 5px;
}
.GridRowApps .Cell {
  height: 80px;
}
.GridRowAppsSelected {
  background-color: #f2f2f2;
}
.GridRowAppsSelected:hover {
  background-color: #f2f2f2;
}
.app-img {
  float: left;
  margin: 10px 10px 10px 10px;
}
.appname {
  font-size: 22px;
  font-weight: bold;
}
.app-disabled {
  opacity: 0.5;
}
.location-panel {
  background-color: #f2f2f2;
}
.bold {
  font-weight: bold;
}
.BarcodeScanner {
  background-color: #eeeeee;
  border: 1px solid #999999;
  padding: 0px;
  height: 120px;
  width: 160px;
  margin: 0;
  font-size: 0.9em;
  color: #333333;
  font-family: calibri, arial, sans-serif;
  -webkit-box-shadow: 0 0 20px #999999;
  box-shadow: 0 0 20px #999999;
}
.BarcodeScanner .barcodeInput {
  position: absolute;
  opacity: 0;
  width: 0px;
  left: -15px;
}
.BarcodeScanner .scanLabel {
  position: absolute;
  top: 25px;
  left: 21px;
}
.BarcodeScanner .button {
  position: absolute;
  bottom: 22px;
  left: 44px;
}
.pointer {
  cursor: pointer;
  text-decoration: underline;
}
.TilesWrap {
  position: absolute;
  top: 41px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  border-top: 1px dotted #cccccc;
  padding-top: 15px;
  overflow: auto;
}
.Tile {
  border: 1px solid #cccccc;
  margin: 10px 0 0 10px;
  background: #fafafa;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Tile:last-child {
  margin: 10px 0 10px 10px;
}
.Renewals .Tile {
  min-width: 200px;
  max-width: 300px;
  width: calc(33.33% - 15px);
}
.VehicleMessages .Tile {
  margin: 0 0 3px 0;
  width: 100%;
  background: white;
  cursor: default;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.VehicleMessages .Tile.myself {
  background: #f8fcf3;
}
.VehicleMessages .Tile.myself.selected {
  background: #f8fcf3;
  border: 1px solid #cccccc;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.VehicleMessages .Tile.selected {
  background: white;
  border: 1px solid #cccccc;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.VehicleMessages .Tile:hover {
  background: #f3f3f3;
}
.VehicleMessages .Tile .header {
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px solid #dddddd;
}
.VehicleMessages .Tile .header .sender,
.VehicleMessages .Tile .header .arrow,
.VehicleMessages .Tile .header .recipient {
  float: left;
  font-size: 13px;
}
.VehicleMessages .Tile .header .sender .icon,
.VehicleMessages .Tile .header .recipient .icon {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  width: 15px;
  height: 12px;
  float: left;
  margin: 1px 5px 0 0;
}
.VehicleMessages .Tile .header .sender.vehicle .icon {
  width: 15px;
  height: 12px;
  background-position: -5px -917px;
}
.VehicleMessages .Tile .header .sender.vehicle span:nth-child(2) {
  color: #999999;
  margin-left: 3px;
}
.VehicleMessages .Tile .header .sender.user .icon {
  width: 15px;
  height: 12px;
  background-position: -7px -954px;
}
.VehicleMessages .Tile .header .recipient.vehicle .icon {
  width: 15px;
  height: 12px;
  background-position: -5px -917px;
}
.VehicleMessages .Tile .header .recipient.vehicle span:nth-child(2) {
  color: #999999;
  margin-left: 3px;
}
.VehicleMessages .Tile .header .recipient.user .icon {
  width: 15px;
  height: 12px;
  background-position: -7px -954px;
}
.VehicleMessages .Tile .header .arrow {
  background: url("../Images/Communication/message-arrow.png?v=3_18549") 0 0 no-repeat;
  width: 13px;
  height: 9px;
  margin: 0 10px;
  position: relative;
  top: 4px;
}
.VehicleMessages .Tile .header .date-time {
  float: right;
  font-size: 11px;
}
.VehicleMessages .Tile .header .date-time span {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  width: 15px;
  height: 12px;
  float: left;
  margin: 2px 5px 0 0;
}
.VehicleMessages .Tile .header .date-time div {
  float: right;
  margin-left: 15px;
}
.VehicleMessages .Tile .header .date-time .send .icon {
  width: 7px;
  height: 9px;
  background-position: -8px -1003px;
}
.VehicleMessages .Tile .header .date-time .recieved .icon {
  width: 7px;
  height: 9px;
  background-position: -8px -989px;
}
.VehicleMessages .Tile .header .date-time .seen .icon {
  width: 12px;
  height: 9px;
  background-position: -6px -975px;
}
.VehicleMessages .Tile .content {
  float: left;
  width: 100%;
  position: static;
  background: none;
  padding: 0;
  box-sizing: border-box;
  font-size: 13px;
}
.GridContainerOuter.MessagesGrid {
  top: 0;
  overflow: hidden;
  bottom: 0;
  border: 1px solid #ababab;
  background: #f7f7f7;
}
.GridContainerOuter.MessagesGrid .GridContainerInner {
  position: absolute;
  bottom: 25px;
  padding: 5px;
  box-sizing: border-box;
  top: 30px;
}
.GridContainerOuter.MessagesGrid .GridContainerInner.noData {
  top: 0px !important;
}
.Tile:hover {
  -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #bbbbbb;
  background: #efefef;
}
.Tile.selected {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #009fe3;
  background: #f5faf1;
}
.Tile.selected .TileHead,
.Tile.selected .TileInfo {
  background: #f5faf1;
}
.Renewals .TileHead {
  height: 59px;
}
.TileTitle {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactMail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Renewals .TileTitle {
  padding-right: 72px;
}
.TileMainData {
  font-size: 12px;
  color: #888888;
  padding: 0 10px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TileInfo {
  overflow: auto;
  height: 43px;
  border-top: 1px dotted #cccccc;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}
.Renewals .TileInfo {
  overflow-x: hidden;
  overflow-y: auto;
  height: 44px;
}
.TileInfoContainer {
  padding: 5px;
  word-wrap: break-word;
}
.TileDate {
  width: 350px;
}
.TileStatus {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  padding: 10px;
}
.Renewals .TileStatus {
  bottom: auto;
  height: 41px;
  padding: 9px;
}
.TileStatusContainer {
  position: relative;
  top: 50%;
  right: 0;
  margin-top: -19px;
}
.Renewals .TileStatusContainer {
  position: relative;
  top: 0px;
  right: 0px;
  margin-top: 0px;
}
.TileStatusIcon {
  background: url("../Images/GeneralLayout/TileStatusIcon.png?v=3_18549") 0 0 no-repeat;
  width: 21px;
  height: 21px;
  margin: 0 auto 3px auto;
}
.TileStatus.StatusOk {
  color: #009fe3;
}
.StatusOk .TileStatusIcon {
  background-position: 0 0;
}
.TileStatus.StatusAlert {
  color: #ff9326;
}
.StatusAlert .TileStatusIcon {
  background-position: -21px 0;
}
.TileStatus.StatusOverdue {
  color: #db5961;
}
.StatusOverdue .TileStatusIcon {
  background-position: -42px 0;
}
.TileStatusDevider {
  width: 1px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  border-left: 1px dotted #dddddd;
}
.TileInfoElement {
  margin-bottom: 15px;
  float: left;
}
.TileInfoElement.left {
  width: 49%;
  margin-right: 1%;
}
.TileInfoElement.right {
  width: 49%;
  margin-left: 1%;
}
.TileInfoElement.last {
  margin-bottom: 0;
}
.Renewals .TileInfoElement {
  margin-bottom: 5px;
}
.TileInfoElement.last.only {
  width: 100%;
}
.TileInfoElementLabel {
  font-size: 12px;
  color: #888888;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileInfoElementData {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileIconContainer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  padding: 10px;
  width: 40px;
}
.TileIconWrap {
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -20px;
}
.TileIcon {
  width: 40px;
  height: 40px;
  background: url("../Images/GeneralLayout/TileIcons.png?v=3_18549") 0 0 no-repeat;
  margin: 0 auto;
}
/* TILE CONTACT START */

.TileContact .TileTop {
  margin: 4px;
  font-size: 14px;
  position: relative;
  display: table;
  width: 100%;
}
.TileContact .TileTopLeft {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 60px;
  height: 67px;
}
.TileContact .TileIconContainer {
  height: 40px;
}
.TileContact .TileIconWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}
.TileContact .TileBottom {
  overflow: auto;
  height: 59px;
  border-top: 1px dotted #cccccc;
  font-size: 14px;
}
.TileContact .TileMainData {
  padding-top: 1px;
}
.TileFile {
  width: calc(20% - 12px);
  min-width: 144px;
  max-width: 190px;
}
.TileFile .TileTitle {
  padding: 10px 10px 0px 60px;
}
.TileFile .TileTop {
  height: 130px;
  display: block;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  margin: 2px;
}
.TileFile .TileTopDeleteIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -54px -1077px no-repeat;
  width: 22px;
  height: 22px;
}
.TileContact .TileTitle {
  float: left;
}
/* TILE VEHICLE START */

.TileVehicle {
  width: calc(33.33% - 12px);
  min-width: 172px;
  max-width: 250px;
}
.TileVehicle .TileIconWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
}
.TileVehicle .TileIcon {
  margin: 0 auto;
}
.TileVehicle .TileMainContainer {
  position: absolute;
  left: 92px;
  top: 0;
  right: 10px;
  bottom: 0;
}
.TileVehicle .TileIconContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0 0 0 10px;
  padding: 0;
  width: 72px;
}
.TileVehicle .TileTop {
  height: 67px;
}
.TileVehicle .VehicleStatus {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Icon CAR */

.TileVehicle.IconCar .TileIcon {
  width: 39px;
  height: 19px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") 0 -12px no-repeat;
}
.TileVehicle.IconCar .TileIconWrap {
  margin: -9.5px 0px 0px -19.5px;
}
/* Icon VAN */

.TileVehicle.IconVan .TileIcon {
  width: 44px;
  height: 24px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -276px -8px no-repeat;
}
.TileVehicle.IconVan .TileIconWrap {
  margin: -12px 0px 0px -22px;
}
/* Icon ARMORED */

.TileVehicle.IconArmored .TileIcon {
  width: 44px;
  height: 24px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -230px -8px no-repeat;
}
.TileVehicle.IconArmored .TileIconWrap {
  margin: -12px 0px 0px -22px;
}
/* Icon TRACTOR */

.TileVehicle.IconTractor .TileIcon {
  width: 31px;
  height: 22px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1430px -13px no-repeat;
}
.TileVehicle.IconTractor .TileIconWrap {
  margin: -11px 0px 0px -15.5px;
}
/* Icon TRUCK */

.TileVehicle.IconTruck .TileIcon {
  width: 46px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -88px -8px no-repeat;
}
.TileVehicle.IconTruck .TileIconWrap {
  margin: -11.5px 0px 0px -23px;
}
/* Icon TRUCK WITH SEMITRAILER */

.TileVehicle.IconTruckSemitrailer .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -893px -12px no-repeat;
}
.TileVehicle.IconTruckSemitrailer .TileIconWrap {
  margin: -11.5px 0px 0px -33.5px;
}
/* Icon TRUCK TRAILER */

.TileVehicle.IconTruckTrailer .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1031px -12px no-repeat;
}
.TileVehicle.IconTruckTrailer .TileIconWrap {
  margin: -20px 0 0 -33.5px;
}
/* Icon REEFER */

.TileVehicle.IconReefer .TileIcon {
  width: 46px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -136px -8px no-repeat;
}
.TileVehicle.IconReefer .TileIconWrap {
  margin: -11.5px 0px 0px -23px;
}
/* Icon TRUCK WITH SEMITRAILER REEFER */

.TileVehicle.IconTruckSemitrailerReefer .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -962px -12px no-repeat;
}
.TileVehicle.IconTruckSemitrailerReefer .TileIconWrap {
  margin: -11.5px 0px 0px -33.5px;
}
/* Icon REEFER WITH TRAILER REEFER */

.TileVehicle.IconReeferTrailerReefer .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1100px -12px no-repeat;
}
.TileVehicle.IconReeferTrailerReefer .TileIconWrap {
  margin: -20px 0 0 -33.5px;
}
/* Icon TRUCK WITH TANK */

.TileVehicle.IconTruckTank .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -755px -12px no-repeat;
}
.TileVehicle.IconTruckTank .TileIconWrap {
  margin: -11.5px 0px 0px -33.5px;
}
/* Icon TRUCK WITH ADR TANK */

.TileVehicle.IconTruckTankAdr .TileIcon {
  width: 67px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -824px -12px no-repeat;
}
.TileVehicle.IconTruckTankAdr .TileIconWrap {
  margin: -11.5px 0px 0px -33.5px;
}
/* Icon TRUCK WITH TRIPPER */

.TileVehicle.IconTruckTipper .TileIcon {
  width: 67px;
  height: 30px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -824px -5px no-repeat;
}
.TileVehicle.IconTruckTipper .TileIconWrap {
  margin: -15px 0px 0px -33.5px;
}
/* Icon BUS */

.TileVehicle.IconBus .TileIcon {
  width: 44px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -42px -8px no-repeat;
}
.TileVehicle.IconBus .TileIconWrap {
  margin: -11.5px 0px 0px -22px;
}
/* Icon MACHINERY 1 */

.TileVehicle.IconMachinery1 .TileIcon {
  width: 44px;
  height: 28px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -366px -6px no-repeat;
}
.TileVehicle.IconMachinery1 .TileIconWrap {
  margin: -14px 0 0 -22px;
}
/* Icon MACHINERY 2 */

.TileVehicle.IconMachinery2 .TileIcon {
  width: 42px;
  height: 34px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -322px -3px no-repeat;
}
.TileVehicle.IconMachinery2 .TileIconWrap {
  margin: -17px 0 0 -21px;
}
/* Icon TRAILER */

.TileVehicle.IconTrailer .TileIcon {
  width: 40px;
  height: 26px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -412px -8px no-repeat;
}
.TileVehicle.IconTrailer .TileIconWrap {
  margin: -13px 0px 0px -20px;
}
/* Icon SEMITRAILER */

.TileVehicle.IconSemitrailer .TileIcon {
  width: 52px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1277px -12px no-repeat;
}
.TileVehicle.IconSemitrailer .TileIconWrap {
  margin: -11.5px 0px 0px -26px;
}
/* Icon TRAILER REEFER */

.TileVehicle.IconTrailerReefer .TileIcon {
  width: 40px;
  height: 26px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -650px -8px no-repeat;
}
.TileVehicle.IconTrailerReefer .TileIconWrap {
  margin: -13px 0px 0px -20px;
}
/* Icon TRAILER REEFER SEMITRAILER */

.TileVehicle.IconSemitrailerReefer .TileIcon {
  width: 52px;
  height: 23px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1331px -12px no-repeat;
}
.TileVehicle.IconSemitrailerReefer .TileIconWrap {
  margin: -11.5px 0px 0px -26px;
}
/* Icon TRAILER TANK */

.TileVehicle.IconTrailerTank .TileIcon {
  width: 52px;
  height: 24px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1169px -11px no-repeat;
}
.TileVehicle.IconTrailerTank .TileIconWrap {
  margin: -12px 0px 0px -26px;
}
/* Icon TRAILER ADR TANK */

.TileVehicle.IconTrailerTankAdr .TileIcon {
  width: 52px;
  height: 24px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1223px -11px no-repeat;
}
.TileVehicle.IconTrailerTankAdr .TileIconWrap {
  margin: -12px 0px 0px -26px;
}
/* Icon TRAILER TRIPPER */

.TileVehicle.IconTrailerTipper .TileIcon {
  width: 43px;
  height: 30px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1385px -5px no-repeat;
}
.TileVehicle.IconTrailerTipper .TileIconWrap {
  margin: -15px 0px 0px -22.5px;
}
/* Icon TRAILER VIRTUAL */

.TileVehicle.IconTrailerVirtual .TileIcon {
  width: 40px;
  height: 26px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -454px -8px no-repeat;
}
.TileVehicle.IconTrailerVirtual .TileIconWrap {
  margin: -13px 0px 0px -20px;
}
/* Icon PERSON */

.TileVehicle.IconPerson .TileIcon {
  width: 20px;
  height: 31px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -628px -5px no-repeat;
}
.TileVehicle.IconPerson .TileIconWrap {
  margin: -15.5px 0px 0px -10px;
}
/* Icon BIKE */

.TileVehicle.IconBike .TileIcon {
  width: 37px;
  height: 31px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -589px -4px no-repeat;
}
.TileVehicle.IconBike .TileIconWrap {
  margin: -15.5px 0px 0px -18.5px;
}
/* Icon MOTORCYCLE */

.TileVehicle.IconMotorcycle .TileIcon {
  width: 40px;
  height: 24px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -547px -9px no-repeat;
}
.TileVehicle.IconMotorcycle .TileIconWrap {
  margin: -12px 0px 0px -20px;
}
/* Icon BOAT */

.TileVehicle.IconBoat .TileIcon {
  width: 49px;
  height: 22px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -496px -9px no-repeat;
}
.TileVehicle.IconBoat .TileIconWrap {
  margin: -11px 0px 0px -24.5px;
}
.TileVehicle.IconHatchback .TileIcon {
  width: 44px;
  height: 40px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -313px 0 no-repeat;
}
.TileVehicle.IconHatchback .TileIconWrap {
  margin: -20px 0px 0px -22px;
}
/* Icon CAR TRANSPORTER */

.TileVehicle.IconCarTransporter .TileIcon {
  width: 67px;
  height: 26px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1464px -9px no-repeat;
}
.TileVehicle.IconCarTransporter .TileIconWrap {
  margin: -13px 0px 0px -33.5px;
}
/* Icon CAR TRANSPORTER LOHR */

.TileVehicle.IconCarTransporterLOHR .TileIcon {
  width: 67px;
  height: 26px;
  background: url("../images/GeneralLayout/tilesVehicleIcons.png?v=3_18549") -1534px -9px no-repeat;
}
.TileVehicle.IconCarTransporterLOHR .TileIconWrap {
  margin: -13px 0px 0px -33.5px;
}
.TileVehicle .TileStatusIcon {
  background-position: 0 -21px;
}
.TileVehicle .TileStatusContainer {
  margin-top: -11px;
}
.TileVehicle .TileTitle {
  padding: 13px 0 0 0;
}
.TileVehicle .TileMainData {
  padding: 0 0 10px 0;
}
.TileVehicle .TileMainData .VehicleType,
.TileVehicle .TileMainData .VehicleStatus {
  margin-top: 3px;
}
.TileVehicle .TileStatus.Active .TileStatusIcon {
  background-position: 0 -21px;
}
.TileVehicle .TileStatus.notDefined .TileStatusIcon {
  background-position: -21px -21px;
}
.TileVehicle .TileStatus.nonActive .TileStatusIcon {
  background-position: -42px -21px;
}
/* TILE VEHICLE END */

/* TILE LOCATION START */

.TileLocation {
  width: calc(33.33% - 12px);
  height: 230px;
  max-width: 280px;
  min-width: 230px;
}
.TileMapContainer {
  overflow: hidden;
  height: 165px;
  margin: 2px;
  background-position: center center;
  background-repeat: no-repeat;
}
.TileLocation img {
  width: 100%;
  height: auto;
}
.TileLocation .TileTitle {
  border-top: 1px dotted #cccccc;
  padding: 7px 10px 4px 10px;
}
.LocationAddress {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.LocationCoordinates {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* TILE LOCATION END */

.CardContainerOuter {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.CardContainerInner {
  position: absolute;
  font-size: 12px;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 25px;
  padding-right: 10px;
}
.TileBottom {
  overflow: auto;
  max-height: 109px;
  border-top: 1px dotted #cccccc;
  font-size: 14px;
}
.grpVehicleTitlesContent {
  bottom: -1px !important;
  right: -1px !important;
}
.grpVehicleTitlesContent .GridSettingsPopupCover {
  background: #e8e8e8;
  top: 0px;
  border-bottom: 1px solid #cccccc;
}
.grpVehicleTitlesContent .CardContainerInner {
  bottom: 0;
}
.grpVehicleTitlesContent .CardContainerOuter {
  border-right: 0 none;
  border-top: 0 none;
  border-bottom: 0 none;
}
.grpVehicleTitlesContent .HeaderCell {
  border-right: 0 none;
}
.TileFile .TileTopDelete:hover .TileTopDeleteIcon {
  background-position: -28px -1077px;
}
.TileFile .TileTopDelete:active .TileTopDeleteIcon {
  background-position: -2px -1077px;
}
.TileFile.Filejpg .TileTopDownloadIcon,
.TileFile.Filepng .TileTopDownloadIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -54px -497px no-repeat;
  width: 22px;
  height: 22px;
}
.TileFile.Filejpg .TileTopDownload:hover .TileTopDownloadIcon,
.TileFile.Filepng .TileTopDownload:hover .TileTopDownloadIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -28px -497px no-repeat;
  width: 22px;
  height: 22px;
}
.TileFile.Filejpg .TileTopDownload:active .TileTopDownloadIcon,
.TileFile.Filepng .TileTopDownload:active .TileTopDownloadIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -2px -497px no-repeat;
  width: 22px;
  height: 22px;
}
.TileBottomContainer {
  padding: 4px 8px;
  float: left;
}
/* TILE TOOLS START */

.TileFile .TileTopToolsButton {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 10px;
}
.TileFile:hover .TileTopToolsButton {
  display: block;
}
.TileFile .TileTopToolsButtonIcon {
  background: url("../images/GeneralLayout/TileTools.png?v=3_18549") -26px 0 no-repeat;
  width: 4px;
  height: 20px;
}
.TileFile .TileTopToolsButton:hover .TileTopToolsButtonIcon {
  background-position: -22px 0;
}
.TileFile .TileTopToolsButton.active {
  display: block;
}
.TileFile .TileTopToolsButton.active .TileTopToolsButtonIcon {
  background-position: -22px 0;
}
.TileFile .TileTopToolsButton:active .TileTopToolsButtonIcon {
  background-position: -18px 0;
}
.TileFile.FileImage .TileTopToolsButton .TileTopToolsButtonIcon {
  background: url("../images/GeneralLayout/TileTools.png?v=3_18549") 0 0 no-repeat;
  width: 6px;
  height: 20px;
}
.TileFile.FileImage .TileTopToolsButton:hover .TileTopToolsButtonIcon {
  background-position: -6px 0;
}
.TileFile.FileImage .TileTopToolsButton:active .TileTopToolsButtonIcon {
  background-position: -12px 0;
}
/* TILE DOWNLOAD */

.TileFile .TileTopDownload {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 5px;
}
.TileFile:hover .TileTopDownload {
  display: block;
}
.TileFile .TileTopDownloadIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -57px -480px no-repeat;
  width: 16px;
  height: 16px;
}
.TileFile .TileTopDownload:hover .TileTopDownloadIcon {
  background-position: -31px -480px;
}
.TileFile .TileTopDownload:active .TileTopDownloadIcon {
  background-position: -5px -480px;
}
.TileFile.FileImage .TileTopDownload .TileTopDownloadIcon {
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -2px -497px no-repeat;
  width: 22px;
  height: 22px;
}
.TileFile.FileImage .TileTopDownload:hover .TileTopDownloadIcon {
  background-position: -28px -497px;
}
.TileFile.FileImage .TileTopDownload:active .TileTopDownloadIcon {
  background-position: -54px -497px;
}
.TileTopTools {
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 2px;
  top: 38px;
  width: 80%;
  border: 1px solid #cccccc;
  z-index: 999999;
  display: none;
  font-size: 12px;
}
.TileTopTools ul {
  padding: 0;
  margin: 0;
}
.TileTopTools ul li {
  list-style: none;
  padding: 5px 8px 5px 8px;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TileTopTools ul li:hover {
  background: #f9f9f9;
  color: #008ac1;
}
.TileTopTools ul li:active {
  background: #71c2e2;
  color: black;
}
.TileTopToolsSelected {
  background: url("../images/Costs/CostsCardImportSelected.png?v=3_18549") 0 0 no-repeat;
  width: 20px;
  height: 9px;
  position: absolute;
  top: -7px;
  right: -2px;
}
.TileFile .TileBottom {
  overflow: hidden;
}
.TileFileImage {
  height: 130px;
  overflow: hidden;
  text-align: center;
}
.TileFileImage::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.TileFileImage img {
  width: auto;
  max-height: 110%;
  vertical-align: middle;
  max-width: 110%;
}
.TileFile .TileBottomContainer {
  float: none;
  height: 36px;
}
.TileFile .TileFileIcon {
  width: 90px;
  height: 100px;
  margin: -50px 0 0 -45px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/GeneralLayout/FileOTHER.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile .TileFileIcon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.TileFileTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  height: 19px;
  width: 100%;
  margin-top: 3px;
}
.TileFileDate {
  font-size: 12px;
  color: #888888;
  float: left;
}
.TileFileSize {
  float: right;
  font-size: 12px;
  color: #888888;
}
.TileFile.Filepdf .TileFileIcon {
  background: url("../images/GeneralLayout/FilePDF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filedoc .TileFileIcon {
  background: url("../images/GeneralLayout/FileDOC.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filedocx .TileFileIcon {
  background: url("../images/GeneralLayout/FileDOCX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filexls .TileFileIcon {
  background: url("../images/GeneralLayout/FileXLS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filexlsx .TileFileIcon {
  background: url("../images/GeneralLayout/FileXLSX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filexml .TileFileIcon {
  background: url("../images/GeneralLayout/FileXML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filehtml .TileFileIcon {
  background: url("../images/GeneralLayout/FileHTML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filejpg .TileFileIcon {
  background: url("../images/GeneralLayout/FileJPG.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filetxt .TileFileIcon {
  background: url("../images/GeneralLayout/FileTXT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filecsv .TileFileIcon {
  background: url("../images/GeneralLayout/FileCSV.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filertf .TileFileIcon {
  background: url("../images/GeneralLayout/FileRTF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Fileodt .TileFileIcon {
  background: url("../images/GeneralLayout/FileODT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Fileods .TileFileIcon {
  background: url("../images/GeneralLayout/FileODS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filexps .TileFileIcon {
  background: url("../images/GeneralLayout/FileXPS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filepng .TileFileIcon {
  background: url("../images/GeneralLayout/FilePNG.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filegif .TileFileIcon {
  background: url("../images/GeneralLayout/FileGIF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Filezip .TileFileIcon {
  background: url("../images/GeneralLayout/FileZIP.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFile.Fileother .TileFileIcon {
  background: url("../images/GeneralLayout/FileOTHER.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.pdfBackground {
  background: url("../images/GeneralLayout/FilePDF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.docBackground {
  background: url("../images/GeneralLayout/FileDOC.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.docxBackground {
  background: url("../images/GeneralLayout/FileDOCX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.xlsBackground {
  background: url("../images/GeneralLayout/FileXLS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.xlsxBackground {
  background: url("../images/GeneralLayout/FileXLSX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.xmlBackground {
  background: url("../images/GeneralLayout/FileXML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.htmlBackground {
  background: url("../images/GeneralLayout/FileHTML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.jpgBackground {
  background: url("../images/GeneralLayout/FileJPG.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.txtBackground {
  background: url("../images/GeneralLayout/FileTXT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.csvBackground {
  background: url("../images/GeneralLayout/FileCSV.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.rtfBackground {
  background: url("../images/GeneralLayout/FileRTF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.odtBackground {
  background: url("../images/GeneralLayout/FileODT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.odsBackground {
  background: url("../images/GeneralLayout/FileODS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.xpsBackground {
  background: url("../images/GeneralLayout/FileXPS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.pngBackground {
  background: url("../images/GeneralLayout/FilePNG.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.gifBackground {
  background: url("../images/GeneralLayout/FileGIF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.zipBackground {
  background: url("../images/GeneralLayout/FileZIP.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.otherBackground {
  background: url("../images/GeneralLayout/FileOTHER.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
/* TILE FILES END */

.CostsDataImport {
  border: 1px solid #cccccc;
  height: 40px;
}
.CostsDataCell {
  border-right: 1px solid #cccccc;
  float: left;
  background: #f7f7f7;
  padding-left: 65px;
  padding-right: 15px;
  height: 100%;
  line-height: 42px;
  font-size: 13px;
  color: #777777;
}
.CardImportIcon {
  background: url("../images/Costs/CostsCardImport.png?v=3_18549") no-repeat 8px 11px;
}
/*BEGIN Vehicle Damage*/

.DamageRow {
  position: relative;
  font-size: 0.9em;
  width: 100%;
  float: left;
}
.DamageRowLabel {
  padding: 5px 7px 2px 7px;
  color: #666666;
  font-size: 0.9em;
  display: block;
}
.DamageRowValue {
  display: block;
  padding: 0 7px 10px 7px;
}
.DamageContent {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #ababab;
  background-color: #ebebeb;
}
.TileFileContainer {
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bbbbbb;
}
.TileFileContainer::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.TileFileContainer img {
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}
.TileFileEdit label {
  display: none;
}
.TileFileEdit .Filepdf {
  background: url("../images/GeneralLayout/FilePDF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filedoc {
  background: url("../images/GeneralLayout/FileDOC.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filedocx {
  background: url("../images/GeneralLayout/FileDOCX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filexls {
  background: url("../images/GeneralLayout/FileXLS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filexlsx {
  background: url("../images/GeneralLayout/FileXLSX.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filexml {
  background: url("../images/GeneralLayout/FileXML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filehtml {
  background: url("../images/GeneralLayout/FileHTML.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filetxt {
  background: url("../images/GeneralLayout/FileTXT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filecsv {
  background: url("../images/GeneralLayout/FileCSV.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filertf {
  background: url("../images/GeneralLayout/FileRTF.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Fileodt {
  background: url("../images/GeneralLayout/FileODT.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Fileods {
  background: url("../images/GeneralLayout/FileODS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filexps {
  background: url("../images/GeneralLayout/FileXPS.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Filezip {
  background: url("../images/GeneralLayout/FileZIP.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .Fileother {
  background: url("../images/GeneralLayout/FileOTHER.png?v=3_18549") 0 0 no-repeat;
  background-size: 100%;
}
.TileFileEdit .FileBasicStyle {
  height: 100%;
  background-position: center center;
  background-size: auto auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.DamageEditWindowTitle {
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 1.1em;
  color: #009fe3;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 9px;
}
/*END Vehicle Damage*/

.ContactPhone {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
/*Button Menu*/

.button.tbMenu {
  padding: 0px;
  margin: 1px;
  padding: 1px 1px;
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  float: left;
  font-size: 0.85em;
  font-weight: normal;
}
.button.tbMenu:hover,
.button.tbMenu.toggled {
  margin: 1px;
  padding: 1px 1px;
  border: 1px solid #009fe3;
  float: left;
  background-color: #009fe3;
  font-size: 0.85em;
  cursor: pointer;
}
.button.tbMenu .WindowToolbarLink {
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  float: left;
  font-size: 0.85em;
}
.button.tbMenu .ToolbarIcon {
  margin-right: 2px;
  float: left;
}
.button.tbMenu .buttonImage {
  float: left;
  margin: 2px 2px -2px 2px;
}
.button.tbMenu .buttonLabel {
  float: left;
  margin-top: 1px;
}
/*Button tbSubMenu*/

.button.tbSubMenu {
  background: #009fe3;
  border: 1px solid #008ac1;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 1px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
  position: relative;
  top: 1px;
}
.button.tbSubMenu:hover {
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.button.tbSubMenu:active {
  background: #008ac1;
  border: 1px solid #006087;
  color: #f2f2f2;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.button.tbSubMenu .buttonImage {
  display: none;
}
.button.tbSubMenu .buttonLabel {
  margin: 0;
}
.SubMenuContainer .button .buttonLabel {
  display: none;
}
/*BEGIN TransportOrderEdit Button Add Business Partner*/

.button.TOEaddParnter {
  padding: 2px;
  height: 18px;
  width: 18px;
  border: 1px solid #ababab;
  margin-left: 2px;
  background: #eeeeee;
  border-radius: 3px;
}
.button.TOEaddParnter:hover {
  background: #71c2e2;
}
.button.TOEaddParnter:active {
  background: #e3e3e3;
}
.button.TOEaddParnter.focus {
  border: 1px solid #009fe3;
  background: #71c2e2;
  -webkit-box-shadow: 0 0 10px rgba(0, 138, 193, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 138, 193, 0.3);
  box-shadow: 0 0 10px rgba(0, 138, 193, 0.3);
}
.button.TOEaddParnter .buttonLabel {
  position: absolute;
  height: 10px;
  width: 10px;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  text-indent: -9999px;
  white-space: nowrap;
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") -11px -117px no-repeat;
}
/*Begin UserSettings*/

.marginRight {
  margin-right: 10px;
}
/* TOGGLE BUTTON*/

.ButtonToogleWraper {
  position: absolute;
  left: 0px;
  top: 1px;
  width: 100%;
  max-width: 70px;
  min-width: 55px;
  height: 18px;
  text-align: center;
  font-size: 1em;
}
.ButtonToggle {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 5px;
  box-sizing: border-box;
  float: left;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ButtonToggle .ButtonToggleLabel {
  float: left;
  font-size: 14px;
}
.ButtonToggle .ButtonToggleLabel.left {
  margin-right: 10px;
}
.ButtonToggle .ButtonToggleLabel.right {
  margin-left: 10px;
}
.ButtonToggle .ButtonToggleWrapper {
  float: left;
  width: 35px;
  position: relative;
  bottom: 1px;
  height: 18px;
}
.ButtonToggle .ButtonToggleWrapper .ButtonToggleLine {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 6px;
  top: 6px;
  background-color: #eaeaea;
  border-radius: 10px;
  border: 1px solid #cdcdcd;
}
.ButtonToggle .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton {
  position: relative;
  left: 100%;
  top: -6px;
  background-color: #444444;
  cursor: pointer;
  border-radius: 50%;
  margin-left: -15px;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ButtonToggle .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton::after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  position: absolute;
  background: transparent url(../Images/Grid/icButtonOn.png) no-repeat;
}
.ButtonToggle.on .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton {
  left: 100%;
  margin-left: -14px;
  background-color: #009fe3;
}
.ButtonToggle.on .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton::after {
  background: transparent url(../Images/Grid/icButtonOn.png) no-repeat;
}
.ButtonToggle.off .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton {
  left: 0%;
  margin-left: -3px;
  background-color: #db5961;
}
.ButtonToggle.off .ButtonToggleWrapper .ButtonToggleLine .ButtonToggleButton::after {
  background: transparent url(../Images/Grid/icButtonOff.png) no-repeat;
}
.ColorSelector {
  border: 1px solid #ababab;
  background: white;
  border-radius: 3px;
  padding: 0px;
  height: 20px;
  margin: 0;
  padding: 1px 2px;
  font-size: 0.9em;
  color: #333333;
  font-family: calibri, arial, sans-serif;
}
.ColorSelectorPopup {
  background-color: #eeeeee;
  padding: 10px;
  border: 1px solid #999999;
  width: 149px;
  -webkit-box-shadow: 0 0 20px #999999;
  box-shadow: 0 0 20px #999999;
}
.ColorSelectorPopup.list ul {
  padding: 0;
  margin: 0;
}
.ColorSelectorPopup.list ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
.ColorSelectorPopup.list .rectangle {
  margin-left: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.marginRightTen {
  margin-right: 10px;
}
.ComplaintGrid .GridRow2.red .GridRowContainer {
  background-color: red;
}
.ComplaintGrid .GridRow2.yellow .GridRowContainer {
  background-color: yellow;
}
.ComplaintGrid .GridRow2.cream .GridRowContainer {
  background-color: #ffc080;
}
.ComplaintGrid .GridRow2.complete .GridRowContainer {
  background-color: #88dd88;
}
.ComplaintGrid .GridRow2.Status_20 .GridRowContainer .C_1 {
  background-color: #dd66dd;
}
.ComplaintGrid .GridRow2.Status_30 .GridRowContainer .C_1 {
  background-color: #ffcc66;
}
.ComplaintGrid .GridRow2.Status_40 .GridRowContainer .C_1 {
  background-color: lemonchiffon;
}
.ComplaintGrid .GridRow2.Status_90 .GridRowContainer .C_1 {
  background-color: #66aaff;
}
.ComplaintGrid .GridRow2.Status_100 .GridRowContainer .C_1 {
  background-color: #88dd88;
}
.contentIconsSprite {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
}
.position {
  margin-top: 7px;
  margin-right: 11px;
  float: left;
}
.windowHeaderPosition {
  float: left;
  position: absolute;
  left: 5px;
  top: 3px;
}
.contentIconsPosition {
  float: left;
}
/* Location icon */

.locationIcon {
  width: 12px;
  height: 16px;
  background-position: -7px -32px;
}
.locationIcon.active {
  background-position: -33px -32px;
}
.locationIcon.disabled,
.locationIcon:hover {
  background-position: -59px -32px;
}
.PAMainWindowTitle .locationIcon:hover {
  background-position: -33px -32px;
}
/* Vehicle management icon */

.vehicleManagementIcon {
  width: 26px;
  height: 16px;
  background-position: 0px -48px;
}
.vehicleManagementIcon.active {
  background-position: -26px -48px;
}
.vehicleManagementIcon.disabled,
.vehicleManagementIcon:hover {
  background-position: -52px -48px;
}
.PAMainWindowTitle .vehicleManagementIcon:hover {
  background-position: -26px -48px;
}
/* Business partner icon */

.businessPartnerIcon {
  width: 20px;
  height: 16px;
  background-position: -4px -633px;
}
.businessPartnerIcon.active {
  background-position: -30px -633px;
}
.PAMainWindowTitle .businessPartnerIcon:hover {
  background-position: -30px -633px;
}
/* Driver icon */

.driverIcon {
  width: 24px;
  height: 16px;
  background-position: -2px -64px;
}
.driverIcon.active {
  background-position: -28px -64px;
}
/*.driverIcon.disabled, .driverIcon:hover {
        background-position: -54px -64px;
    }*/

.PAMainWindowTitle .driverIcon:hover {
  background-position: -28px -64px;
}
/* Tahograph icon */

.tachographIcon {
  width: 20px;
  height: 16px;
  background-position: -4px -128px;
  margin-top: 5px;
}
.tachographIcon.active {
  background-position: -29px -128px;
}
.tachographIcon.disabled,
.tachographIcon:hover {
  background-position: -29px -128px;
}
.PAMainWindowTitle .tachographIcon:hover {
  background-position: -29px -128px;
}
/* Driver activity icon */

.driverActivityIcon {
  width: 20px;
  height: 16px;
  background-position: -3px -681px;
}
.driverActivityIcon.active {
  background-position: -29px -681px;
}
.driverActivityIcon.disabled,
.driverActivityIcon:hover {
  background-position: -55px -681px;
}
.PAMainWindowTitle .driverActivityIcon:hover {
  background-position: -29px -681px;
}
/* Calendar icon */

.calendarIcon {
  width: 17px;
  height: 16px;
  margin-top: 4px;
  background-position: -4px -112px;
}
.calendarIcon.active,
.calendarIcon.green {
  background-position: -30px -112px;
}
.calendarIcon.disabled,
.calendarIcon:hover {
  background-position: -56px -112px;
}
.PAMainWindowTitle .calendarIcon:hover,
.calendarIcon.green:hover {
  background-position: -30px -112px;
}
/* Calculate icon */

.calculateIcon {
  width: 19px;
  height: 16px;
  background-position: -5px -1018px;
}
.calculateIcon.active,
.calculateIcon.green {
  background-position: -31px -1018px;
}
.calculateIcon.disabled,
.calculateIcon:hover {
  background-position: -56px -1018px;
}
.PAMainWindowTitle .calculateIcon:hover,
.calculateIcon.green:hover {
  background-position: -31px -1018px;
}
/* Presence icon */

.presenceIcon {
  width: 15px;
  height: 16px;
  background-position: -5px -160px;
}
.presenceIcon.active {
  background-position: -32px -160px;
}
.presenceIcon.disabled,
.presenceIcon:hover {
  background-position: -57px -160px;
}
.PAMainWindowTitle .presenceIcon:hover {
  background-position: -32px -160px;
}
/* Vehicle icon */

.vehicleIcon {
  width: 22px;
  height: 16px;
  margin-top: 6px;
  background-position: -2px -48px;
}
.vehicleIcon.active {
  background-position: -29px -48px;
}
.vehicleIcon.disabled,
.vehicleIcon:hover {
  background-position: -54px -48px;
}
.PAMainWindowTitle .vehicleIcon:hover {
  background-position: -29px -48px;
}
/* Vehicle group icon */

.vehicleGroupIcon {
  width: 22px;
  height: 16px;
  background-position: -2px -176px;
  margin-top: 5px;
}
.vehicleGroupIcon.active {
  background-position: -28px -176px;
}
.vehicleGroupIcon.disabled,
.vehicleGroupIcon:hover {
  background-position: -54px -176px;
}
.PAMainWindowTitle .vehicleGroupIcon:hover {
  background-position: -28px -176px;
}
/* Rent icon */

.rentVehicleIcon {
  width: 26px;
  height: 16px;
  background-position: 0px -193px;
  margin-top: 5px;
}
.rentVehicleIcon.active {
  background-position: -26px -193px;
}
.rentVehicleIcon.disabled,
.rentVehicleIcon:hover {
  background-position: -52px -193px;
}
.PAMainWindowTitle .rentVehicleIcon:hover {
  background-position: -26px -193px;
}
/* Rented icon */

.rentedVehicleIcon {
  width: 26px;
  height: 16px;
  background-position: 0px -208px;
  margin-top: 5px;
}
.rentedVehicleIcon.active {
  background-position: -26px -208px;
}
.rentedVehicleIcon.disabled,
.rentedVehicleIcon:hover {
  background-position: -52px -208px;
}
.PAMainWindowTitle .rentedVehicleIcon:hover {
  background-position: -26px -208px;
}
/* Cost icon */

.costIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -96px;
}
.costIcon.active {
  background-position: -31px -96px;
}
.costIcon.disabled,
.costIcon:hover {
  background-position: -57px -96px;
}
.PAMainWindowTitle .costIcon,
.PAMainWindowTitle .costIcon:hover {
  background-position: -31px -96px;
  margin-top: 5px;
}
/* Cost import icon */

.costImportIcon {
  width: 26px;
  height: 16px;
  background-position: 0px -448px;
}
.costImportIcon.active {
  background-position: -26px -448px;
}
.costImportIcon.disabled,
.costImportIcon:hover {
  background-position: -52px -448px;
}
/* Alarm icon */

.alarmIcon {
  width: 15px;
  height: 16px;
  background-position: -5px -416px;
  margin-top: 4px;
}
.alarmIcon.active {
  background-position: -31px -416px;
}
.alarmIcon.disabled,
.alarmIcon:hover {
  background-position: -57px -416px;
}
.PAMainWindowTitle .alarmIcon:hover {
  background-position: -31px -416px;
}
/* Applications icon */

.applicationIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -400px;
  margin-top: 5px;
}
.applicationIcon.active {
  background-position: -31px -400px;
}
.applicationIcon.disabled,
.applicationIcon:hover {
  background-position: -57px -400px;
}
.PAMainWindowTitle .applicationIcon:hover {
  background-position: -31px -400px;
}
/* Circle icon */

.circleIcon {
  width: 20px;
  height: 16px;
  background-position: -3px -537px;
}
.circleIcon.active {
  background-position: -29px -537px;
}
.circleIcon.disabled,
.circleIcon:hover {
  background-position: -55px -537px;
}
.PAMainWindowTitle .circleIcon:hover {
  background-position: -31px -537px;
}
/* Area icon */

.areaIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -520px;
}
.areaIcon.active {
  background-position: -31px -520px;
}
.areaIcon.disabled,
.areaIcon:hover {
  background-position: -57px -520px;
}
.PAMainWindowTitle .areaIcon:hover {
  background-position: -31px -520px;
}
/* Password icon */

.passwordIcon {
  width: 19px;
  height: 16px;
  background-position: -4px -617px;
}
.passwordIcon.active {
  background-position: -30px -617px;
}
.passwordIcon.disabled,
.passwordIcon:hover {
  background-position: -55px -617px;
}
.WindowHeaderContainer .passwordIcon:hover {
  background-position: -5px -617px;
}
/* Damage icon */

.damageIcon {
  width: 26px;
  height: 16px;
  background-position: -25px -223px;
  margin-top: 4px;
}
.damageIcon.active {
  background-position: -25px -223px;
}
.damageIcon.disabled,
.damageIcon:hover {
  background-position: -25px -223px;
}
.PAMainWindowTitle .damageIcon:hover {
  background-position: -25px -223px;
}
/* Back icon */

.backIcon::before {
  content: "";
  float: left;
  margin: 5px 10px 0 0;
  width: 17px;
  height: 16px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -30px -881px;
  cursor: pointer;
}
.backIcon:hover::before {
  opacity: 0.6;
}
.backIcon.active::before {
  content: "";
  float: left;
  margin: 4px 10px 0 0;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -30px -881px;
  cursor: pointer;
}
.backIcon.disabled::before {
  content: "";
  float: left;
  margin: 4px 10px 0 0;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -30px -881px;
  cursor: pointer;
}
/*.help {
    width: 16px;
    height: 16px;
    background-position: -5px -553px;
}
.help.active {
    background-position: -31px -553px;
}
.help.disabled, .help:hover {
    background-position: -57px -553px;
}*/

/* Help icon */

.helpIcon {
  width: 16px;
  height: 16px;
  background-position: -57px -553px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.helpIcon.active {
  background-position: -5px -553px;
}
/* Import icon */

.importIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -480px;
}
.importIcon.active {
  background-position: -31px -480px;
}
.importIcon.disabled,
.importIcon:hover {
  background-position: -57px -480px;
}
/* Lock icon */

.lockIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -336px;
}
.lockIcon.active {
  background-position: -31px -336px;
}
.lockIcon.disabled {
  background-position: -57px -336px;
}
.PAMainWindowTitle .lockIcon,
.PAMainWindowTitle .lockIcon:hover {
  background-position: -31px -336px;
  margin-top: 4px;
}
/* Users icon */

.usersIcon {
  width: 18px;
  height: 16px;
  background-position: -4px -16px;
}
.usersIcon.active {
  background-position: -30px -16px;
}
.usersIcon.disabled {
  background-position: -56px -16px;
}
.PAMainWindowTitle .usersIcon,
.PAMainWindowTitle .usersIcon:hover {
  background-position: -27px -16px;
  width: 24px;
  margin-top: 4px;
}
/* Settings icon */

.settingsIcon {
  width: 18px;
  height: 16px;
  background-position: -4px -649px;
}
.settingsIcon.active {
  background-position: -30px -649px;
}
.settingsIcon.disabled {
  background-position: -56px -649px;
}
/* Key icon */

.keyIcon {
  width: 19px;
  height: 16px;
  background-position: -4px -617px;
}
.keyIcon.active {
  background-position: -29px -617px;
}
.keyIcon.disabled {
  background-position: -55px -617px;
}
.PAMainWindowTitle .keyIcon,
.PAMainWindowTitle .keyIcon:hover {
  background-position: -29px -617px;
  width: 19px;
  margin-top: 5px;
}
/* API key icon */

.apiKeyIcon {
  width: 23px;
  height: 16px;
  background-position: -2px -715px;
}
.apiKeyIcon.active {
  background-position: -26px -715px;
}
.apiKeyIcon.disabled {
  background-position: -54px -715px;
}
.PAMainWindowTitle .apiKeyIcon,
.PAMainWindowTitle .apiKeyIcon:hover {
  background-position: -26px -715px;
  width: 23px;
  margin-top: 4px;
}
/* Tyre icon */

.tyreIcon {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  background-position: -1px -665px;
}
.tyreIcon.active {
  background-position: -31px -665px;
}
.tyreIcon.disabled,
.tyreIcon:hover {
  background-position: -31px -665px;
}
.WindowHeaderContainer .tyreIcon:hover {
  background-position: -31px -665px;
}
/* Detail icon */

.detailIcon {
  width: 19px;
  height: 16px;
  background-position: -4px 0;
}
.detailIcon.active,
.detailIcon.green {
  background-position: -31px 0;
}
.detailIcon.disabled,
.detailIcon:hover {
  background-position: -55px 0px;
}
.PAMainWindowTitle .detailIcon:hover,
.detailIcon.green:hover {
  background-position: -31px 0;
}
/* Transport order icon */

.transportOrderIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -464px;
}
.transportOrderIcon.active {
  background-position: -5px -464px;
}
.transportOrderIcon.disabled,
.transportOrderIcon:hover {
  background-position: -5px -464px;
}
.PAMainWindowTitle .transportOrderIcon,
.PAMainWindowTitle .transportOrderIcon:hover {
  background-position: -31px -464px;
  margin-top: 4px;
}
/* Route scheduling icon */

.routeSchedulingIcon {
  width: 17px;
  height: 16px;
  background-position: -33px -899px;
}
.routeSchedulingIcon.active {
  background-position: -33px -899px;
}
.routeSchedulingIcon.disabled,
.routeSchedulingIcon:hover {
  background-position: -33px -899px;
}
.PAMainWindowTitle .routeSchedulingIcon,
.PAMainWindowTitle .routeSchedulingIcon:hover {
  background-position: -33px -899px;
  margin-top: 4px;
}
/* Route planning icon */

.routePlanningIcon {
  width: 17px;
  height: 16px;
  background-position: -31px -844px;
}
.routePlanningIcon.active {
  background-position: -31px -844px;
}
.routePlanningIcon.disabled,
.routePlanningIcon:hover {
  background-position: -31px -844px;
}
.PAMainWindowTitle .routePlanningIcon:hover {
  background-position: -31px -844px;
}
/* Cargo icon */

.cargoIcon {
  width: 16px;
  height: 16px;
  background-position: -5px -432px;
}
.cargoIcon.active,
.cargoIcon.green {
  background-position: -31px -432px;
}
.cargoIcon.disabled,
.cargoIcon:hover {
  background-position: -57px -432px;
}
.PAMainWindowTitle .cargoIcon:hover,
.cargoIcon.green:hover {
  background-position: -31px -432px;
}
/* Loading icon */

.loadIcon {
  width: 18px;
  height: 16px;
  background-position: 0 0;
  background: url("../Images/Orders/iconLoading.png?v=3_18549") 0 0 no-repeat;
}
.loadIcon.active,
.loadIcon.green {
  background-position: 0 0;
}
.loadIcon.disabled,
.loadIcon:hover {
  background-position: 0 0;
}
.PAMainWindowTitle .loadIcon:hover,
.loadIcon.green:hover {
  background-position: 0 0;
}
/* Unloading icon */

.unloadIcon {
  width: 18px;
  height: 16px;
  background-position: 0 0;
  background: url("../Images/Orders/iconUnloadingGreen.png?v=3_18549") 0 0 no-repeat;
}
.unloadIcon.active {
  background-position: 0 0;
}
.unloadIcon.active,
.unloadIcon.green {
  background-position: 0 0;
}
.unloadIcon.disabled,
.unloadIcon:hover {
  background-position: 0 0;
}
.PAMainWindowTitle .unloadIcon:hover,
.unloadIcon.green:hover {
  background-position: 0 0;
}
/* Roles icon */

.PAMainWindowTitle .rolesIcon,
.PAMainWindowTitle .rolesIcon:hover {
  background-position: -26px -320px;
  width: 24px;
  height: 16px;
  margin-top: 4px;
}
/* Driver reports icon */

.reportsIcon {
  width: 18px;
  height: 16px;
  background-position: -4px -734px;
}
.reportsIcon.active {
  background-position: -30px -734px;
}
.reportsIcon.disabled,
.reportsIcon:hover {
  background-position: -56px -734px;
}
.PAMainWindowTitle .reportsIcon,
.PAMainWindowTitle .reportsIcon.active,
.PAMainWindowTitle .reportsIcon:hover {
  background-position: -30px -734px;
  width: 18px;
  height: 16px;
}
/* Driver reports icon */

.serviceIcon {
  width: 18px;
  height: 16px;
  background-position: -4px -256px;
  margin-top: 4px;
}
.serviceIcon.active {
  background-position: -30px -256px;
}
.serviceIcon.disabled,
.serviceIcon:hover {
  background-position: -56px -256px;
}
.PAMainWindowTitle .serviceIcon,
.PAMainWindowTitle .serviceIcon.active,
.PAMainWindowTitle .serviceIcon:hover {
  background-position: -30px -256px;
  width: 18px;
  height: 16px;
}
/* Driver reports icon */

.receivedFilesIcon {
  width: 18px;
  height: 16px;
  background-position: -3px -1037px;
  margin-top: 4px;
}
.receivedFilesIcon.active {
  background-position: -29px -1037px;
}
.receivedFilesIcon.disabled,
.receivedFilesIcon:hover {
  background-position: -55px -1037px;
}
.PAMainWindowTitle .receivedFilesIcon,
.PAMainWindowTitle .receivedFilesIcon.active,
.PAMainWindowTitle .receivedFilesIcon:hover {
  background-position: -29px -1037px;
  width: 18px;
  height: 16px;
}
/* Left icon */

.leftIcon {
  width: 17px;
  height: 16px;
  background-position: -30px -881px;
}
.leftIcon.active {
  background-position: -30px -881px;
  margin-top: 6px;
}
.leftIcon.disabled,
.leftIcon:hover {
  background-position: -30px -881px;
}
.PAMainWindowTitle .reminders-pointer {
  cursor: pointer;
}
.CustomersGrid .GridRow2.evenrow .GridRowContainer {
  background-color: white;
}
.CustomersGrid .GridRow2.oddrow .GridRowContainer {
  background-color: #f0f0f0;
}
.CustomersGrid .GridRow2.disabled .GridRowContainer {
  background-color: #ff9494;
}
.CustomerDropdownName {
  font-size: 1.1em;
  font-weight: bold;
}
.CustomerDropdownLabel {
  float: left;
  font-size: 0.9em;
  color: #666666;
  padding-right: 3px;
}
.CustomerDropdownData {
  font-size: 0.9em;
  color: black;
}
.CustomerRed {
  background-color: #ff9494;
}
.uploadField {
  border: 1px solid #aaaaaa;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.uploadField.miniUpload {
  border: none;
  background: transparent;
}
.uploadField ul {
  padding: 0;
  margin: 0;
}
.uploadFieldContainer {
  float: left;
  width: 100%;
}
.uploadField .hidden {
  display: none;
}
.uploadFieldContainer .button {
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
}
.uploadFieldContainer .button:hover {
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.uploadFieldContainer .button:active {
  background: #008ac1;
  border: 1px solid #006087;
  color: #f2f2f2;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.uploadFieldContainer .buttonPrimary {
  background: #009fe3;
  border: 1px solid #008ac1;
  color: white;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.uploadFieldMain {
  padding: 10px;
  background: white;
}
.uploadField.miniUpload .uploadFieldMain {
  padding: 0px;
  background: transparent;
}
.oneFile.uploadingFiles.oneFile:hover .uploadFieldMain,
.oneFile.uploadedFiles.oneFile:hover .uploadFieldMain {
  background: #f9f9f9;
}
.uploadDrag::before {
  background-color: rgba(0, 138, 193, 0.5);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 1px solid #009fe3;
  -webkit-box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.3);
  -moz-box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.3);
  box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.3);
}
.uploadFieldText {
  float: left;
  padding: 4px 10px 2px 0;
}
.uploadField.miniUpload .uploadFieldText {
  padding: 4px 6px 0 6px;
  border: 1px solid #aaaaaa;
  min-width: 140px;
  float: left;
  height: 19px;
  margin-right: -1px;
  color: #bbbbbb;
}
.uploadFieldIcon {
  background: url("../images/Controls/Upload/uploadFieldIcon.png?v=3_18549") no-repeat 0 0;
  float: left;
  width: 20px;
  height: 18px;
  margin-top: 3px;
  display: none;
}
.uploadFieldFiles {
  overflow-y: auto;
  overflow-x: hidden;
}
.uploadFieldFiles ul li {
  list-style: none;
  padding: 10px;
  cursor: pointer;
  position: relative;
  border: none;
}
.uploadFieldFiles ul li:hover {
  background: white;
}
.uploadField.uploadingFiles .uploadFieldMain,
.uploadField.uploadedFiles .uploadFieldMain {
  border-bottom: 1px solid #aaaaaa;
}
.oneFile.uploadingFiles .uploadFieldMain,
.oneFile.uploadedFiles .uploadFieldMain {
  border-bottom: 0 none;
  background: white;
}
.uploadedFileDelete {
  position: absolute;
  margin-top: -16px;
  right: 0px;
  background: url("../images/Controls/Upload/delete.png?v=3_18549") center 0 no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.oneFile .uploadedFileDelete {
  display: block;
}
.uploadedFileDelete:hover {
  background-position: 0 -30px;
}
.uploadedFileDelete:active {
  background-position: 0 0px;
}
.uploadFieldFiles ul li:hover .uploadedFileDelete {
  display: block;
}
.uploadedFile.error {
  color: #db5961;
}
.uploadedFile.error .uploadedFileDelete {
  background: url("../images/Controls/Upload/alert.png?v=3_18549") center 0 no-repeat;
  display: block;
}
.uploadedFile.error:hover .uploadedFileDelete {
  background: url("../images/Controls/Upload/delete.png?v=3_18549") center 0 no-repeat;
  background-position: 0 -30px;
}
.uploadedFile.error:active .uploadedFileDelete {
  background-position: center -60px;
}
.uploadFieldFiles {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 120px;
  top: 0px;
}
.uploadedFileInfo {
  font-size: 10px;
  color: #aaaaaa;
  display: block;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  margin-left: 10px;
  margin-top: -7px;
}
.uploadFieldContainer .buttonPrimary {
  float: right;
}
.uploadedFileProgressBar {
  left: 10px;
  right: 10px;
  height: 1px;
  position: absolute;
  bottom: 5px;
  background: #dddddd;
}
.uploadedFileProgressBarContainer {
  background: #009fe3;
  height: 100%;
}
.uploadedFileName {
  float: left;
  margin-top: -10px;
}
.uploadedFileProgress {
  float: left;
  font-size: 10px;
  color: #aaaaaa;
  margin: 3px 0 0 5px;
}
.fixedHeight {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploadingFiles.oneFile .uploadFieldMain {
  padding: 14px;
}
.uploadedFiles.oneFile .uploadFieldMain {
  padding: 7px 8px 8px 8px;
}
.ImportSlideEditBox {
  background: white;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-left: 1px solid #cccccc;
}
.GridContainerOuter.ListDamageContainerOuter {
  border: 1px solid #ababab;
  top: 0px;
}
.GridContainerInner.ListDamageContainerInner {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.TileDamageInfo {
  border-bottom: 1px solid #cccccc;
  background: white;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border: 0 none;
  border-bottom: 3px solid #f4f4f4;
  height: 56px;
}
.TileDamageInfo.selected {
  background: #f5faf1;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
}
.TileDamageInfo:hover {
  background: #f3f3f3;
}
.TileDamageInfo .TileWrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-bottom: 1px solid #dddddd;
}
.TileDamageInfo .TileWrapper .TileContainerUp {
  margin-top: 3px;
}
.TileDamageInfo .TileWrapper .TileContainerUp,
.TileDamageInfo .TileWrapper .TileContainerDown {
  padding: 5px;
  font-size: 0.8em;
  height: 13px;
}
.TileContainerUp .TileLabelDateTime,
.TileContainerDown .TileLabelDriver {
  float: left;
  position: relative;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileContainerUp .TileLabelAmount,
.TileContainerDown .TileLabelLocation {
  float: left;
  width: 50%;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.TileContainerUp .TileLabelAmount {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: -1px;
}
.VL_Toolbar.VLOrderToolbar {
  border-bottom: 1px solid #ababab;
  background: #ebebeb;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  height: 66px;
}
.TileLabelDateTime {
  font-weight: bold;
}
/*Transport Order Route*/

.GridContainerOuter.ListTOContainerInner {
  width: 100%;
}
.GridContainerOuter.ListTOContainerOuter {
  top: 15px;
}
.ListTOContainerOuter .ListIconImage {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  background-position: -1px -464px;
  float: left;
  width: 26px;
  height: 16px;
  margin: 14px 2px 0 0;
}
.ListTOContainerOuter .TileContainerUp {
  padding: 0;
  font-size: 0.8em;
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  /*width:180px;*/

}
.TileContainerUp .TileLabelRight,
.TileContainerDown .TileLabelRight,
.TileContainerDown .TileLabelUnit {
  text-align: right;
  padding-right: 10px;
}
.PICNotesHeaderWrapper.routePlanerOrdersHeader {
  height: 35px;
}
.ListTOContainerOuter .TileContainerLoad .TileContainerDown {
  left: 0;
}
.ListTOContainerOuter .TileContainerUnload .TileContainerDown {
  left: 10px;
}
.ListTOContainerOuter .TileLabelLeft {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0px;
  width: 50%;
  font-weight: bold;
}
.ListTOContainerOuter .TileContainerDown {
  padding: 5px 0 0 0;
  font-size: 0.8em;
  left: 0;
  right: 10px;
  position: absolute;
  top: 15px;
}
.ListTOContainerOuter .TileContainerDown .TileLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListTOContainerOuter .TileLabelRight {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 50%;
  width: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ListTOContainerOuter .TileInfo {
  position: relative;
  cursor: pointer;
  border-top: 1px dotted #cccccc;
}
.ListTOContainerOuter .TileInfo:first-child {
  border: 0 none;
}
.ListTOContainerOuter .TileInfo:hover {
  color: #009fe3;
  background: #fafafa;
}
.TileButton {
  height: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #e0e0e0;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
  z-index: 10001;
}
.TileButton:hover {
  background: #71c2e2;
}
/*.TileButton::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid #f4f4f4;
}*/

.TileButton .TileButtonIcon {
  float: left;
  width: 8px;
  height: 8px;
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") -21px -412px no-repeat;
  margin: 3px 4px 0 3px;
}
.TileButton.expended .TileButtonIcon {
  background-position: -21px -421px;
}
.TileButton .TileButtonTitle {
  float: left;
  font-size: 10px;
  width: auto;
}
.MoveOrder {
  background: url("../Images/Orders/iconOrdersAdd.png?v=3_18549") 0 0 no-repeat;
  visibility: hidden;
  position: absolute;
  right: 10px;
  top: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.OrderMouseOver .MoveOrder {
  visibility: visible;
  width: 8px;
  height: 13px;
  margin-top: -6px;
}
.OrderMouseOver .TileInfo:hover .TileLabelRight {
  width: calc(50% - 16px);
}
.OrderMouseOver .TileInfo:hover .MoveOrder {
  background-position: -8px 0;
  opacity: 1;
  visibility: visible;
}
.OrderMouseOver .TileInfo:active .MoveOrder {
  opacity: 1;
  visibility: visible;
  background-position: -16px 0;
}
.RemoveOrderMouseOver .MoveOrder {
  visibility: hidden;
  background-position: -25px 0;
  width: 12px;
  height: 13px;
  opacity: 0;
  margin-top: -6px;
}
.RemoveOrderMouseOver .TileInfo:hover .MoveOrder {
  background-position: -25px 0;
  opacity: 1;
  visibility: visible;
}
.RemoveOrderMouseOver .TileInfo:active .MoveOrder {
  opacity: 1;
  visibility: visible;
  background-position: -37px 0;
}
.RemoveOrderMouseOver .TileInfo:hover .TileLabelRight {
  width: calc(50% - 20px);
}
.GridContainerOuter .GridContainerInner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* Tile info */

.TileInfo:hover {
  background: #f3f3f3;
}
.TileInfo:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  background: #71c2e2;
}
.TileInfo.selected {
  background: #71c2e2;
}
.TileInfo.linkedEvents {
  background: floralwhite;
}
.TileInfo.NotMovable:active {
  cursor: pointer;
  background: #71c2e2;
}
/* TransportOrderRoute RouteEventGrid */

.GridContainerOuter.ListTOEContainerInner {
  width: 100%;
}
.GridContainerOuter.ListTOEContainerOuter {
  top: 15px;
  left: 0;
}
.ListTOEContainerOuter .EventSeqNumber {
  float: left;
  width: 27px;
  height: 16px;
  font-weight: bold;
  margin: 14px 0 0 0;
  text-align: center;
}
.ListTOEContainerOuter .TileContainerUp {
  font-size: 0.9em;
  left: 10px;
  right: 6px;
  top: 10px;
  height: 18px;
  padding: 0;
  margin: 0;
  position: absolute;
}
.ListTOEContainerOuter .TileContainerDown {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  left: 10px;
  right: 6px;
  position: absolute;
  top: 30px;
  height: 18px;
}
.ListTOEContainerOuter .TileContainerUp .TileLabelLeft {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 28px;
  right: 190px;
  width: auto;
  font-weight: bold;
}
.ListTOEContainerOuter .TileContainerUp .TileLabelRight {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
}
.ListTOEContainerOuter .TileContainerUp .TileLabelRight .EventPlanedDateTime {
  float: left;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListTOEContainerOuter .TileContainerUp .TileLabelRight .StatusEventWrapper {
  float: left;
  margin-right: 5px;
  width: 80px;
}
.ListTOEContainerOuter .TileContainerUp .TOIconLOADING,
.ListTOEContainerOuter .TileContainerUp .TOIconUNLOADING {
  background: url("../Images/Orders/ordersIcons.png?v=3_18549") 0 0 no-repeat;
  width: 23px;
  height: 16px;
  margin: 3px 2px 0 0;
  position: absolute;
}
.ListTOEContainerOuter .TileContainerUp .TOIconLOADING {
  background-position: -65px 0;
}
.ListTOEContainerOuter .TileContainerUp .TOIconUNLOADING {
  background-position: -89px 0;
}
.ListTOEContainerOuter .TileContainerUp .PointerContainer {
  left: 0;
  position: absolute;
  text-align: center;
  width: 20px;
  height: 22px;
  overflow: hidden;
}
.ListTOEContainerOuter .TileContainerUp .PointerContainer .PointerNum {
  font-size: 11px;
  color: white;
  text-align: center;
  left: 0;
  right: 0;
  position: absolute;
  padding-top: 1px;
  background: #009fe3;
}
.ListTOEContainerOuter .TileInfo.Unloading .TileContainerUp .PointerContainer .PointerNum {
  background: #db5961;
}
.ListTOEContainerOuter .TileContainerUp .PointerContainer .PointerArrow {
  right: 0;
  left: 50%;
  margin-left: -13px;
  top: 12px;
  width: 26px;
  height: 6px;
  position: absolute;
}
.ListTOEContainerOuter .TileInfo.Loading .TileContainerUp .PointerContainer .PointerArrow {
  background: url("../Images/Orders/iconArrowLoading.png?v=3_18549") center 0 no-repeat;
}
.ListTOEContainerOuter .TileInfo.Unloading .TileContainerUp .PointerContainer .PointerArrow {
  background: url("../Images/Orders/iconArrowUnloading.png?v=3_18549") center 0 no-repeat;
}
.ListTOEContainerOuter .TileLabelLeft {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 28px;
  right: 40%;
  bottom: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ListTOEContainerOuter .TileLabelRight {
  float: right;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 0px;
  width: 30%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ListTOEContainerOuter .TileInfo {
  position: relative;
  border-top: 0 none;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 2px;
  height: 70px;
}
.ListTOEContainerOuter .TileInfo.OldEvent {
  background: #f3f3f3;
  height: 59px;
}
.ListTOEContainerOuter .TileInfo.OldEvent .TileWrapper {
  opacity: 0.5;
  top: 0;
}
/*.TileInfo::before {
    content: "";
    position: absolute;
    background: #F3F3F3;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 2px;
    border-top: 1px solid #DDD;
}*/

.TileInfo .UpperRow {
  height: 12px;
  float: left;
  width: 100%;
  background: #fafafa;
  border-bottom: 1px solid #e6e6e6;
}
.TileInfo .UpperRow .FloatLeft,
.TileInfo .UpperRow .FloatRight {
  height: 100%;
  width: 50%;
  margin-top: -1px;
}
.ListTOEContainerOuter .TileInfo .UpperRow .VehicleToEventIcon {
  width: 34px;
  height: 8px;
  background: url("../Images/Orders/icOrdersEvents.png?v=3_18549") 0 0 no-repeat;
  position: relative;
  top: 3px;
  float: left;
  margin: 0 6px 0 5px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ListTOEContainerOuter .TileInfo .UpperRow .FuelIcon {
  width: 9px;
  height: 8px;
  background: url("../Images/Orders/icOrdersEvents.png?v=3_18549") -35px 0 no-repeat;
  position: relative;
  top: 3px;
  float: left;
  margin: 0 6px 0 15px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ListTOEContainerOuter .TileInfo .UpperRow .FloatRight .FuelIcon {
  float: right;
  margin: 0 15px 0 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ListTOEContainerOuter .TileInfo .UpperRow .ArrowIcon {
  width: 8px;
  height: 8px;
  background: url("../Images/Orders/icOrdersEvents.png?v=3_18549") -45px 0 no-repeat;
  position: relative;
  top: 3px;
  float: right;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-right: 6px;
}
.ListTOEContainerOuter .TileInfo .UpperRow .UpperIconText {
  width: auto;
  float: left;
  margin-right: 6px;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ListTOEContainerOuter .TileInfo .UpperRow .FloatRight .UpperIconText {
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.TileInfo .TileWrapper {
  position: absolute;
  top: 13px;
  bottom: 0;
  left: 0;
  right: 0;
}
/* Tile info order buttons */

.TileInfo .TileWrapper .OrderButtons {
  position: absolute;
  top: 0;
  bottom: 3px;
  right: 0;
  width: 24px;
  opacity: 0;
  background: #f3f3f3;
  border-left: 1px solid #dddddd;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.TileInfo .TileWrapper:hover .OrderButtons {
  opacity: 1;
}
.TileInfo.NotMovable .TileWrapper:hover .OrderButtons {
  opacity: 0;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonUp {
  height: 8px;
  background: url("../Images/Orders/iconOrderButtons.png?v=3_18549") center -9px no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 7px;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonUp:hover {
  background-position: center 0;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonDown {
  height: 8px;
  background: url("../Images/Orders/iconOrderButtons.png?v=3_18549") center -27px no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonDown:hover {
  background-position: center -18px;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonMiddle {
  position: absolute;
  height: 20px;
  left: 0px;
  right: 0px;
  top: 20px;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonIcon {
  height: 14px;
  background: url("../Images/Orders/iconOrderButtons.png?v=3_18549") center -36px no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -7px;
  display: none;
}
.TileInfo .TileWrapper .OrderButtons .OrderButtonIcon:hover {
  background-position: center -51px;
}
.MainWindowContainerFlat .TransportRouteEvents .ToolBar .HorizontalWrap {
  margin: 0;
  top: 0;
}
.RowItem.dragover:before {
  background: #c0e0a0 !important;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  display: block;
  height: 8px;
  padding: 0;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  opacity: 0.9;
  position: absolute;
}
.RowItem:last-child.dragover:after {
  background: #c0e0a0;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  display: block;
  height: 8px;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 999;
  opacity: 0.9;
  position: absolute;
}
.RowItem {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.RowItem.dragable {
  opacity: 1;
  height: 0px;
}
.Grid.OrderMouseOver .GridContainer,
.Grid.OrderMouseOver .GridContainer,
.TransportRouteEvents .Grid {
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.Grid .TrashLocations,
.Grid .TrashAvailable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.TransportRouteEvents .Grid,
.Grid .TrashLocations,
.Grid .TrashAvailable {
  border: 1px solid #ababab;
}
.TransportRouteEvents .Grid .GridContainer {
  border: 0 none;
}
.Grid.GridDropStyle .GridContainer,
.TransportRouteEvents .Grid.GridDropStyle {
  border: solid 3px #009fe3;
  background: #fcfefa;
}
.Grid.GridDropStyle .GridBody {
  background: #fcfefa;
}
.Grid.GridDropStyle .GridRow2:nth-child(2n+2) {
  background: #fcfefa;
}
.ListTOEContainerOuter .TileLabelUnit {
  position: absolute;
  width: 20px;
  padding: 0;
  right: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ListTOEContainerOuter .TileLabelRightData {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 40%;
  right: 0;
  bottom: 0;
  min-width: 54px;
  text-align: right;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ListTOEContainerOuter .TileLabelRightData span {
  margin-left: 10px;
}
/*TransportOrderRoutePlaner TransportOrderOnVehicleGrid*/

.TileWrapper .TileContainerHead {
  font-family: calibri, arial, sans-serif;
}
.OrderOnVehicle .GridContainerInner {
  border: 0 none;
}
.OrderOnVehicle .TileInfo,
.OrderOnVehicle .TileInfo:first-child {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 48px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #333333;
  font-size: 13px;
  border: 0 none;
  border-bottom: 3px solid #f4f4f4;
}
.OrderOnVehicle .TileInfo.OldOrder {
  background: #f3f3f3;
}
.ListTOEContainerOuter .TileInfo.InProgress,
.OrderOnVehicle .TileInfo.InProgress {
  background: white url("../Images/Orders/inProgressBack.png?v=3_18549") 0 0 repeat;
}
.ListTOEContainerOuter .TileInfo.InProgress:hover,
.OrderOnVehicle .TileInfo.InProgress:hover {
  background: #fafafa url("../Images/Orders/inProgressBack.png?v=3_18549") 0 0 repeat;
}
.ListTOEContainerOuter .TileInfo.InProgress.selected,
.OrderOnVehicle .TileInfo.InProgress.selected {
  background: #f4faef url("../Images/Orders/inProgressBack.png?v=3_18549") 0 0 repeat;
}
.ListTOEContainerOuter .TileInfo.InProgress.linkedEvents,
.OrderOnVehicle .TileInfo.InProgress.linkedEvents {
  background: floralwhite url("../Images/Orders/inProgressBack.png?v=3_18549") 0 0 repeat;
}
.OrderOnVehicle .TileInfo:hover {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 48px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #333333;
  font-size: 13px;
}
.OrderOnVehicle .TileInfo.selected {
  background: #f4faef;
}
.OrderOnVehicle .TileInfo.expanded {
  height: 100px;
}
.OrderOnVehicle .TileInfo.NewRow {
  background: floralwhite;
}
.OrderOnVehicle .TileInfo .TileWrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-bottom: 1px solid #dddddd;
}
.OrderOnVehicle .TileInfo .TileContainerHead {
  height: 40px;
  position: absolute;
  left: 10px;
  top: 7px;
  right: 10px;
  bottom: 0;
}
.OrderOnVehicle .TileInfo.expanded .TileContainerHead {
  border-bottom: 1px solid #dddddd;
}
.OrderOnVehicle .TileInfo .TileContainerHead .TileContainerHeadQuarter {
  float: left;
  position: relative;
  width: 25%;
  height: 100%;
}
.TileWrapper .TransportOrderSyncStatus {
  position: absolute;
  right: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") 0 0 no-repeat;
}
.GridCell.TransportOrderSyncStatus::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 8px;
  height: 8px;
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") 0 0 no-repeat;
}
.GridCell.TransportOrderSyncStatus .GridCellContainer {
  padding-left: 21px;
}
.ListTOEContainerOuter .TransportOrderSyncStatus {
  left: 5px;
  top: 6px;
}
.TileWrapper .TransportOrderSyncStatus.SyncStatusId_100 {
  background-position: -2px -11px;
  width: 9px;
  height: 9px;
}
.TransportOrderSyncStatus.SyncStatusId_100::before {
  content: "";
  background: url("../Images/Orders/icSyncStatusNotReady.gif?v=3_18549") 0 0 no-repeat;
  width: 12px;
  height: 9px;
  left: 5px;
}
.TileWrapper .TransportOrderSyncStatus.SyncStatusId_200 {
  width: 8px;
  height: 8px;
  background-position: -3px -51px;
}
.TransportOrderSyncStatus.SyncStatusId_200::before {
  content: "";
  width: 8px;
  height: 8px;
  background: url("../Images/Orders/icSyncStatusNew.gif?v=3_18549") 0 0 no-repeat;
  left: 5px;
}
.TileWrapper .TransportOrderSyncStatus.SyncStatusId_300 {
  background-position: -3px -21px;
  width: 8px;
  height: 7px;
}
.TransportOrderSyncStatus.SyncStatusId_300::before {
  content: "";
  background: url("../Images/Orders/icSyncStatusChanged.gif?v=3_18549") 0 0 no-repeat;
  width: 8px;
  height: 7px;
  left: 5px;
}
.TileWrapper .TransportOrderSyncStatus.SyncStatusId_400 {
  background: url("../Images/Loader/loading_14.gif?v=3_18549") no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
}
.TransportOrderSyncStatus.SyncStatusId_400::before {
  content: "";
  background: url("../Images/Loader/loading_14.gif?v=3_18549") no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 4px;
}
.TileWrapper .TransportOrderSyncStatus.SyncStatusId_500 {
  background-position: -1px -1px;
  width: 12px;
  height: 9px;
}
.TransportOrderSyncStatus.SyncStatusId_500::before {
  content: "";
  background: url("../Images/Orders/icSyncStatusOk.gif?v=3_18549") 0 0 no-repeat;
  width: 12px;
  height: 9px;
}
.OrderOnVehicle .TileInfo .TileContainerHead .TileContainerHeadFirstQuarter {
  width: 70px;
}
.OrderOnVehicle .TileInfo .TileContainerHead .TileContainerHeadSecondQuarter {
  width: calc(50% - 70px);
}
.OrderOnVehicle .TileInfo .TileContainerHead .TileContainerHeadThirdQuarter {
  width: 28%;
}
.OrderOnVehicle .TileInfo .TileContainerHead .TileContainerHeadForthQuarter {
  width: 22%;
}
.OrderOnVehicle .TileInfo .TileContainerExtended {
  visibility: visible;
  height: 46px;
  position: absolute;
  left: 10px;
  top: 50px;
  right: 10px;
  bottom: 0;
  font-size: 13px;
}
.TileContainerHeadFirstQuarter .TileLabelUp {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileContainerHeadFirstQuarter .TileLabelDown {
  font-size: 12px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.OrderOnVehicle .TileInfo .TileContainerHeadQuarter .TileStatusOrderLabel {
  margin-top: 8px;
  position: absolute;
  right: 14px;
  left: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.OrderOnVehicle .TileInfo .TileContainerHeadQuarter .StatusOrderColor {
  height: 18px;
  margin: 8px 5px 0 0;
}
/* ContractorName label */

.TileContainerHeadSecondQuarter .TileLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 10px;
  font-weight: bold;
}
.TileContainerHeadThirdQuarter .TileMessIcon {
  height: 16px;
  width: 17px;
  float: left;
  margin-top: 8px;
  background: url("../Images/Orders/icEventPopup.png?v=3_18549") -46px 0 no-repeat;
  display: none;
}
.TileContainerHeadThirdQuarter .TileLabelMessData {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  right: 10px;
  top: 8px;
}
.OrderOnVehicle .StatusOrderColor {
  float: left;
  height: 12px;
  width: 4px;
  border-radius: 2px;
}
.PartnerInfoCardWrapper .StatusOrderColor {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 2px;
  width: 4px;
  border-radius: 2px;
}
.OrderOnVehicle .TileContainerLoad .TileContainerUp {
  padding: 0;
  font-size: 0.8em;
  height: 16px;
  left: 0;
  right: 10px;
  top: 0;
  position: absolute;
}
.OrderOnVehicle .TileContainerUnload .TileContainerUp {
  padding: 0;
  font-size: 0.8em;
  height: 16px;
  left: 10px;
  right: 0;
  top: 0;
  position: absolute;
}
.OrderOnVehicle .TileContainerUp .TileLabelRight {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 0;
}
.OrderOnVehicle .TileContainerUp .TileLabelLeft {
  float: left;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 90px;
  left: 25px;
  width: auto;
}
.OrderOnVehicle .PointerTypeIcon {
  width: 18px;
  height: 16px;
  float: left;
  margin-right: 5px;
}
.OrderOnVehicle .PointerTypeIcon.IconId_1 {
  background: url("../Images/Orders/iconLoading.png?v=3_18549") 0 0 no-repeat;
}
.OrderOnVehicle .PointerTypeIcon.IconId_2 {
  background: url("../Images/Orders/iconUnloading.png?v=3_18549") 0 0 no-repeat;
}
.OrderOnVehicle .TileContainerLoad {
  float: left;
  width: calc(50% - 1px);
  position: relative;
  height: 36px;
  top: 7px;
  border-right: 1px solid #dddddd;
}
.OrderOnVehicle .TileContainerUnload {
  float: left;
  width: 50%;
  position: relative;
  height: 36px;
  top: 7px;
}
.TileContainerUp .TileLabelLeft {
  float: left;
  position: relative;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileContainerUp .TileLabelRight {
  float: left;
  position: relative;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileContainerExtended .TileContainerLoad .ListIconLoadImage,
.TileContainerExtended .TileContainerUnload .ListIconUnloadImage {
  background: url("../Images/Orders/ordersIcons.png?v=3_18549") 0 0 no-repeat;
  width: 23px;
  height: 16px;
  margin: 3px 2px 0 0;
  position: absolute;
}
/*END TransportOrderRoutePlaner TransportOrderOnVehicleGrid*/

/*Drag&Drop*/

.GridRow2.GridDropOverRow {
  background: #009fe3 !important;
  opacity: 0.3;
  height: 20px;
}
/*.GridRow2.dragover:before{
    background: #009FE3 !important;
    opacity: 0.3;
    height: 20px;
    width: 100%;
    display: block;
    content: "#";
}*/

/* RemindersGrids START */

.ReminderSettingsEditUsersGrid .GridBody {
  overflow-y: auto !important;
}
.RemindersGrid .GridBody {
  overflow: hidden;
}
.RemindersGrid .GridHeadContainer {
  right: 0px !important;
}
.RemindersGrid .GridBody .GridCell .GridCellContainer {
  box-sizing: border-box !important;
  height: 21px !important;
}
.RemindersGrid .GridCell.GridSelectCheckbox {
  height: 13px !important;
}
.RemindersGrid .GridSelectCheckbox .GridRowSelectCheckbox {
  height: 13px !important;
  margin: 0px !important;
}
.ReminderSettingsEditTimeGrid .GridCellContainer .GridSelectCheckbox {
  float: right;
  margin-right: 10px;
}
.ReminderSettingsGrid .GridCell.GridCheckbox {
  height: 12px !important;
}
.ReminderSettingsGrid .GridCellContainer .GridCell.GridCheckbox {
  background: url("../images/Controls/TimeEnabled.png?v=3_18549") center transparent no-repeat;
  width: 11px;
  height: 11px;
}
/* RemindersGrids END */

/* Messages overview grid START */

.Grid .MessagesGrid .gridCardFilterPnl {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 29px;
  background: #e7e7e7;
  display: flex;
  border-bottom: 1px solid #cccccc;
}
.Grid .MessagesGrid .gridCardFilterPnl .DropDownSimpleWrapper {
  height: 21px;
  width: 100%;
  position: relative;
  margin: 15px 0px 5px 0px;
}
.Grid .MessagesGrid .gridCardFilterPnl .sort {
  position: relative;
  bottom: 25px;
}
.MessagesGridFilterPnl .gridCardSortDir {
  border-left: none !important;
  left: 0px !important;
}
.GridCardContainer .gridCardFilterPnl .gridCardSortSelect,
.Grid .MessagesGrid .gridCardFilterPnl .gridCardSortSelect {
  width: 20%;
  max-width: 200px;
  position: relative;
  display: inline-block;
  float: left;
}
/* Messages overview grid END */

.GridRow.GridRowNoData {
  opacity: 0.3;
}
.DateTimeInputWrapper.DateTimeInputClass .DateInputIntervalField {
  padding: 2px 4px;
  width: 188px;
  transition: border 0.2s ease-in;
}
.DateTimeInputWrapper.DateTimeInputClass .DateInputIntervalField:hover {
  border: 1px solid #009fe3;
  box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.2);
}
.DateTimeInputWrapper.DateTimeInputClass .DateTimeButtonContainer .DateTimeButton {
  height: 20px;
}
/* DateTimeIntervalInput control 'TransportOrderEdit' */

.DateTimeWrapperVertical {
  position: absolute;
  top: 183px;
  width: 172px;
  height: 96px;
  border: 1px solid #999999;
  background-color: white;
}
.DateTimeIntervalTextContentWrapper {
  position: absolute;
  top: 20px;
  height: 100%;
  height: 20px;
}
.DateTimeIntervalInputContentWrapper {
  position: absolute;
  top: 38px;
  left: 12px;
  height: 22px;
}
.TimeIntervalInputFieldOutWrapperSeparator {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 20px;
  height: 100%;
  float: left;
}
.TimeIntervalInputFieldOutSeparator {
  position: absolute;
  left: 46%;
}
.DateTimeIntervalButton {
  font-size: 0.9em;
  padding: 3px 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  -moz-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 26px;
  left: 40px;
}
.DateTimeIntervalButton:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.DateTimeIntervalButton:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.TimeIntervalLabelFrom {
  position: relative;
  float: left;
  font-size: 0.8em;
  margin: 3px 5px 0 5px;
  left: 21px;
}
.TimeIntervalLabelTo {
  position: relative;
  float: left;
  font-size: 0.8em;
  margin: 3px 5px 0 5px;
  left: 75px;
}
.ActivityPrediction {
  width: 280px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999999;
}
.TahoGraphDetailsGraph {
  right: 292px;
  overflow: hidden;
}
#row1 {
  top: 0px;
}
#row2 {
  top: 47px;
}
#row3Wrapper:hover .row {
  background: white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  z-index: 10;
}
#row3Wrapper:hover .row.open,
#row3Wrapper .row.open {
  border-bottom: 1px solid transparent;
}
#row3Week,
#row3TwoWeek {
  top: 94px;
}
#row3Week:hover,
#row3TwoWeek:hover {
  background: none;
  border: 0 none;
  z-index: 10;
}
#row4 {
  top: 141px;
}
#row4:hover {
  border-bottom: 1px solid transparent;
}
.tachograph-advice-calculator {
  border: 1px solid #cccccc;
  background: #f7f7f7;
  width: 280px;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.tachograph-advice-calculator .driverIcon {
  width: 24px;
  height: 16px;
  background-position: -2px -64px;
  left: 10px;
  top: 10px;
  position: absolute;
}
.tachograph-advice-calculator .slash {
  float: left;
}
.tachograph-advice-calculator .DriverActivityDriverName {
  color: #719a38;
  font-size: 1em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #cccccc;
  position: absolute;
  left: 10px;
  padding: 0 0 7px 32px;
  right: 10px;
  top: 8px;
  z-index: 15;
}
.tachograph-advice-calculator .content {
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  background: none;
  bottom: 27px;
}
.tachograph-advice-calculator .content .row {
  width: 100%;
  height: 48px;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  font-size: 12px;
  padding: 10px;
  z-index: 9;
  visibility: visible;
  opacity: 1;
  color: #333333;
}
.tachograph-advice-calculator .content .row:hover {
  background: white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  z-index: 10;
}
.tachograph-advice-calculator .content .row:active {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -moz-transition: all 0.05s ease-in;
  -o-transition: all 0.05s ease-in;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
}
.tachograph-advice-calculator .content .row.behind {
  visibility: hidden;
  z-index: 1;
}
.tachograph-advice-calculator .content .row.behind .text .time,
.tachograph-advice-calculator .content .row.behind .text .max-time,
.tachograph-advice-calculator .content .row.behind .graph {
  opacity: 0;
}
.tachograph-advice-calculator .content .row.behind .text .time .made,
.tachograph-advice-calculator .content .row.behind .text .time .divider,
.tachograph-advice-calculator .content .row.behind .text .time .avaliable {
  left: -50px;
}
.tachograph-advice-calculator .content .row.behind .text .max-time {
  right: -50px;
}
.tachograph-advice-calculator .content .row.hidden {
  visibility: hidden;
  z-index: 1;
}
.tachograph-advice-calculator .content .row.open {
  height: 100%;
  top: 0 !important;
  background: white;
  border-top: 1px solid #cccccc;
  cursor: default;
  z-index: 20;
}
.tachograph-advice-calculator .content .row.open:hover,
.tachograph-advice-calculator .content .row.open:active {
  background: white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #f7f7f7;
}
.tachograph-advice-calculator .content .row.open .text .title {
  display: block;
  font-size: 14px;
  padding: 0 0 7px 42px;
  float: left;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}
.tachograph-advice-calculator .content .row.open .text .exit {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  right: 0px;
  cursor: pointer;
  background: #cccccc;
  height: 9px;
  width: 10px;
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  text-indent: -999px;
  background: url("../Images/Upload/delete.png?v=3_18549") 0 -3px no-repeat;
}
.tachograph-advice-calculator .content .row.open .text .exit:hover {
  background-position: 0 -33px;
}
.tachograph-advice-calculator .content .row.open .text .exit:active {
  background-position: 0 -63px;
}
.tachograph-advice-calculator .content .row.open .text .time,
.tachograph-advice-calculator .content .row.open .text .max-time {
  margin: 10px 0 0 0;
}
.tachograph-advice-calculator .content .row.open .text label {
  cursor: default;
}
.tachograph-advice-calculator .content .row.open .details {
  display: block;
}
.tachograph-advice-calculator .content .row.driving-continuous .icon {
  background-position: -1px -1px;
}
.tachograph-advice-calculator .content .row.driving-continuous.open .title {
  padding-left: 28px;
}
.tachograph-advice-calculator .content .row.driving-ddp .icon {
  background-position: -1px -20px;
}
.tachograph-advice-calculator .content .row.driving-ddp.open .title {
  padding-left: 40px;
}
.tachograph-advice-calculator .content .row.driving-weekly .icon {
  background-position: -1px -39px;
}
.tachograph-advice-calculator .content .row.driving-weekly .icon:hover {
  opacity: 0.4;
}
.tachograph-advice-calculator .content .row.driving-weekly.open .title {
  padding-left: 43px;
}
.tachograph-advice-calculator .content .row.driving-2-week .icon {
  background-position: -37px -39px;
}
.tachograph-advice-calculator .content .row.driving-2-week.open .title {
  padding-left: 43px;
}
.tachograph-advice-calculator .content .row.rest-after-week .text .icon {
  background-position: 0 -58px;
  width: 37px;
}
.tachograph-advice-calculator .content .row.rest-after-week.open .title {
  padding-left: 47px;
}
.tachograph-advice-calculator .content .row .title,
.tachograph-advice-calculator .content .row .exit {
  display: none;
}
.tachograph-advice-calculator .content .row label {
  cursor: pointer;
}
.tachograph-advice-calculator .content .row .text {
  float: left;
  width: 100%;
  overflow: hidden;
}
.tachograph-advice-calculator .content .row .text .icon {
  position: absolute;
  width: 35px;
  height: 17px;
  left: 10px;
  background-image: url("../Images/TachoGraph/tachograph-driving.png?v=3_18549");
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
}
.tachograph-advice-calculator .content .row .text .time {
  float: left;
  margin: 2px 0 0 42px;
  opacity: 1;
  overflow: hidden;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .text .time .made {
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .text .time .divider {
  margin: 0 7px;
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .text .time .avaliable {
  color: #df7100;
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .text .time .avaliable2 {
  color: #c16100;
  float: left;
}
.tachograph-advice-calculator .content .row .text .max-time {
  float: right;
  margin-top: 2px;
  opacity: 1;
  right: 0;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .details {
  display: none;
  float: left;
  margin-top: 12px;
  width: 100%;
}
.tachograph-advice-calculator .content .row .details .rest {
  float: left;
  width: 100%;
}
.tachograph-advice-calculator .content .row .details .data {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.tachograph-advice-calculator .content .row .details .data .label {
  float: left;
  width: 50%;
}
.tachograph-advice-calculator .content .row .details .data .value {
  float: left;
  width: 50%;
  margin-bottom: 7px;
  font-weight: bold;
}
.tachograph-advice-calculator .content .row .details .icon {
  position: relative;
  width: 17px;
  float: left;
  height: 14px;
  left: 0;
  background-image: url("../Images/TachoGraph/tachograph-driving.png?v=3_18549");
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 1;
  background-position: 0px -78px;
}
.tachograph-advice-calculator .content .row .details .icon:hover {
  opacity: 0.7;
}
.tachograph-advice-calculator .content .row .details .time {
  top: 2px;
  float: left;
  margin-left: 10px;
  position: relative;
  cursor: default;
}
.tachograph-advice-calculator .content .row .details .time .made {
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .details .time .divider {
  margin: 0 7px;
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .details .time .avaliable {
  color: #bc1f26;
  left: 0;
  float: left;
  position: relative;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tachograph-advice-calculator .content .row .details .max-time {
  float: right;
  text-align: right;
  top: 2px;
  cursor: default;
  position: relative;
}
.tachograph-advice-calculator .content .row .details .graph {
  background: #ea797e;
}
.tachograph-advice-calculator .content .row .details .graph .value {
  background: #bc1f26;
}
.tachograph-advice-calculator .content .row .graph {
  background: #ff8000;
  width: 100%;
  border-radius: 3px;
  height: 5px;
  position: relative;
  float: left;
  overflow: hidden;
  margin-top: 5px;
}
.tachograph-advice-calculator .content .row .graph .hour-more {
  background: #d56a00;
  border-radius: 3px;
  right: 0;
  top: 0;
  display: none;
  bottom: 0;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
}
.tachograph-advice-calculator .content .row .graph .hour-more::before {
  content: "";
  position: absolute;
  left: -2px;
  width: 2px;
  top: 0;
  bottom: 0;
  background: #f7f7f7;
}
.tachograph-advice-calculator .content .row .graph .value {
  z-index: 2;
  background: #009fe3;
  height: 5px;
  border-radius: 3px;
  float: left;
  width: 0;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: relative;
}
.tachograph-advice-calculator .content .row .graph .value::before {
  content: "";
  position: absolute;
  right: -2px;
  width: 2px;
  top: 0;
  bottom: 0;
  background: #f7f7f7;
}
.tachograph-advice-calculator .advice {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #efefef;
  font-size: 12px;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  white-space: nowrap;
  color: #444444;
  text-overflow: ellipsis;
  padding: 5px;
}
.tachograph-advice-calculator .advice .icon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") -31px 0px no-repeat;
}
.tachograph-advice-calculator .advice .label {
  float: left;
  margin-top: 1px;
  display: none;
}
.tachograph-advice-calculator .advice .divider {
  display: none;
}
.tachograph-advice-calculator .advice .value {
  margin-top: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.DropDownSimpleWrapper.SmallDropDown {
  width: 60px;
}
.StopsReport .DropDownSimpleWrapper.SmallDropDown {
  width: 80px;
}
.DropDownSimple.disabled {
  color: #c5c5c5;
}
.DropDownSimpleWrapper.StatusWrapper {
  height: 24px;
}
.DropDownSimpleWrapper.StatusWrapper input {
  padding-left: 0;
}
.DropDownSimpleWrapper.StatusWrapper .DropDownInputFieldContainer {
  padding: 0px;
}
/* TransportOrder Status Icons */

.DropDownSimple.SyncIcon .DropDownIcon {
  width: 18px;
  height: 23px;
  left: 5px;
  margin: 0;
  position: absolute;
  top: 0;
}
.DropDownSimple.StatusOrderColor .DropDownIcon {
  position: absolute;
  left: 4px;
  top: 2px;
  bottom: 2px;
  width: 5px;
  height: auto;
  margin: 0;
  border-radius: 2px;
}
.DropDownSimple.SyncIcon .DropDownLabel {
  margin-left: 0;
  left: 28px;
}
.DropDownSimple.StatusOrderColor .DropDownLabel {
  position: absolute;
  left: 14px;
  right: 10px;
  margin-left: 0;
}
.DropDownInputFieldContainerIcons .DropDownIcon {
  position: relative;
  top: 50%;
  left: auto;
  margin: -6px 5px 0 5px;
  width: auto;
  float: left;
  height: 12px;
}
.DropDownSimple .DropDownIconImage {
  top: 50%;
  left: 50%;
  position: absolute;
}
.DropDownSimple.VehicleIcon .DropDownIconImage {
  top: 0;
  left: 0;
  position: absolute;
}
.DropDownInputFieldContainerIcons .DropDownInput {
  padding: 0 5px 0 0;
}
.DropDownInputFieldContainerIcons .DropDownInputField {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 2px;
}
.DropDownInputFieldContainerIcons.VehicleIcon .DropDownInput {
  left: auto;
  position: relative;
  float: left;
  width: 80%;
  height: 22px;
  box-sizing: border-box;
  right: auto;
  top: auto;
  border: 0 none;
}
/* syncIconAll */

.DropDownSimple.syncIcon_All .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_All .DropDownIcon .DropDownIconImage {
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") no-repeat;
  background-position: -3px -60px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
/* syncIcon100 */

.DropDownSimple.syncIcon_100 .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_100 .DropDownIcon .DropDownIconImage {
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") no-repeat;
  background-position: -2px -11px;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
/* syncIcon200 */

.DropDownSimple.syncIcon_200 .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_200 .DropDownIcon .DropDownIconImage {
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") no-repeat;
  background-position: -3px -51px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
/* syncIcon300 */

.DropDownSimple.syncIcon_300 .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_300 .DropDownIcon .DropDownIconImage {
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") no-repeat;
  background-position: -3px -21px;
  width: 8px;
  height: 7px;
  margin: -3.5px 0 0 -4px;
}
/* syncIcon400 */

.DropDownSimple.syncIcon_400 .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_400 .DropDownIcon .DropDownIconImage {
  background: url("../Images/Loader/loading_14.gif?v=3_18549") no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
/* syncIcon500 */

.DropDownSimple.syncIcon_500 .DropDownIconImage,
.DropDownInputFieldContainerIcons.syncIcon_500 .DropDownIcon .DropDownIconImage {
  background: url("../Images/Orders/icOrdersSyncStatus.png?v=3_18549") no-repeat;
  background-position: -1px -1px;
  width: 12px;
  height: 9px;
  margin: -4.5px 0 0 -6px;
}
.DropDownSimpleSelectionContainer .DropDownSimple.hidden {
  display: none;
}
/*DIALOGCONTAINER*/

.DialogContainerPage {
  position: absolute;
  left: 0;
  top: 0;
}
/*TRANSITIONS*/

.FastTransition {
  -webkit-transition: all 100ms ease 0s;
  -moz-transition: all 100ms ease 0s;
  -ms-transition: all 100ms ease 0s;
  -o-transition: all 100ms ease 0s;
  transition: all 100ms ease 0s;
}
.MediumTransition {
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.SlowTransition {
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
  -ms-transition: all 800ms ease 0s;
  -o-transition: all 800ms ease 0s;
  transition: all 800ms ease 0s;
}
/* html, body {position:relative; margin:0; padding:0; font-family:calibri,arial,sans-serif;	font-size:12px;	font-weight:normal;	color:#000; line-height:1.5;} */

*:focus {
  outline: none;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
@font-face {
  font-family: 'glyphicons';
  src: url('../Fonts/glyphicons.eot?q02c8d');
  src: url('../Fonts/glyphicons.eot?q02c8d#iefix') format('embedded-opentype'), url('../Fonts/glyphicons.ttf?q02c8d') format('truetype'), url('../Fonts/glyphicons.woff?q02c8d') format('woff'), url('../Fonts/glyphicons.svg?q02c8d#HGIFrameIcons') format('svg');
}
.icon,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: inline-block;
  font-family: 'glyphicons' !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-chevron-right:before {
  content: "\ead0";
}
.engine-container {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  color: black;
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background-color: white;
  background-image: url(../Images/ExtremeLoginScreen/bg-snow.jpg?v=@3_18549);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
div.engine-container.bg-bike {
  background-image: url(../Images/ExtremeLoginScreen/bg-bike.jpg?v=@3_18549);
}
.engine-container label,
.engine-container button,
.engine-container div,
.engine-container input {
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.link {
  display: inline;
  color: #1cbdff;
  cursor: pointer;
  outline: none;
}
.link:hover,
.link.hover {
  color: #009fe3;
}
.link.focus {
  color: #1cbdff;
  border-bottom: 1px solid rgba(28, 189, 255, 0.5);
}
.link.active {
  color: white;
}
.link.disabled {
  color: #afb5b5;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.entry-wrapper {
  position: relative;
}
.entry {
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .entry {
    width: 500px;
  }
}
.entry-header {
  background-color: white;
  padding: 40px 0 30px 0;
}
.entry .logo {
  background-image: url(../Images/ExtremeLoginScreen/extremevital.png?v=@3_18549);
  background-size: 300px 50px;
  cursor: pointer;
  width: 300px;
  height: 50px;
  margin: 0 auto;
}
.entry h2 {
  color: #b4d143;
  font-size: 35px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
}
.entry .Button2 {
  display: block;
  width: 100%;
}
.entry-card {
  background-color: transparent;
  min-height: 500px;
  padding: 75px 30px 80px 30px;
  position: relative;
}
.entry-card.hidden {
  display: none;
}
@media (min-width: 1024px) {
  .entry-card {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.entry-card h2 {
  margin-bottom: 47px;
}
.entry-card .inputfield {
  margin-bottom: 30px;
}
.entry-card .btn {
  margin-top: 60px;
}
.entry-card-short {
  background-color: transparent;
  margin-top: 20px;
  min-height: 240px;
  padding: 35px 30px 0px 30px;
}
@media (min-width: 1024px) {
  .entry-card-short {
    margin: 20px 20px 0 20px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
.entry-card-short h2 {
  font-weight: 500;
}
.entry-card-short .description {
  color: white;
  font-weight: 100;
  min-height: 70px;
  padding-top: 12px;
}
.entry-card-brd {
  background-color: transparent;
  border: 2px solid white;
}
.entry-card-short:last-child {
  margin-bottom: 20px;
}
.app-wrapper {
  position: relative;
}
.app-wrapper.hidden {
  display: none;
}
.ButtonLostPass {
  position: relative;
  top: 30px;
  color: white;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  display: inline;
  margin-left: 83px;
}
.LoginInfoLabel {
  position: relative;
  display: block;
  top: 56px;
  color: #ee2233;
  font-size: 1.2em;
  text-align: center;
}
/*@import (reference) '../Css/GeneralCVS.css';*/

.FormView .row {
  display: block;
  clear: both;
  height: 30px;
}
.FormView .label {
  float: left;
  width: 130px;
}
.FormView .ctl {
  float: left;
}
.FormView .row .label {
  /*&:extend(.PELabel);
    .PELabel;*/
  font-size: 0.8em;
  color: #333333;
  font-weight: bold;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
/*.PanelControlContainer {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}*/

::-moz-selection {
  color: white;
  background: #008ac1;
}
::selection {
  color: white;
  background: #008ac1;
}
.Absolute {
  position: absolute;
}
body,
html {
  -ms-overflow-style: scrollbar;
}
@-ms-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
.HorizontalWrap.right .ToggleGridView {
  float: right;
  height: 16px;
  width: 37px;
  position: relative;
  top: 0;
  right: 0;
  margin: 5px 0 0 10px;
}
.TransportRouteEvents .ToolBar .HorizontalWrap.ToggleGridView.ToggleGridOrderEvents {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  top: 5.5px;
  right: 72px;
  height: 33px;
  width: 42px;
}
.ToggleGridView {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  top: 15px;
  right: 10px;
  height: 33px;
  width: 42px;
}
.ToggleGridView .ToggleGrid,
.ToggleGrid {
  float: right;
  width: 16px;
  height: 16px;
  background: url("../Images/Button/ToggleGridView.png?v=3_18549") -32px -16px no-repeat;
  margin-left: 5px;
  cursor: pointer;
}
.ToggleGridView .ToggleGrid:hover,
.ToggleGrid:hover {
  background-position: -16px -16px;
}
.ToggleGridView .ToggleGrid.active,
.ToggleGrid.active {
  background-position: 0px -16px;
}
.ToggleGridView .ToggleTiles,
.ToggleTiles {
  float: left;
  width: 16px;
  height: 16px;
  background: url("../Images/Button/ToggleGridView.png?v=3_18549") -32px 0 no-repeat;
  cursor: pointer;
}
.ToggleGridView .ToggleTiles:hover,
.ToggleTiles:hover {
  background-position: -16px 0;
}
.ToggleGridView .ToggleTiles.active,
.ToggleTiles.active {
  background-position: 0px 0;
}
.MessageBoxSimpleContent ul {
  margin: 0;
}
.InfoRow {
  position: relative;
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
  padding-top: 4px;
  float: left;
}
.InfoRowLabel {
  position: relative;
  width: 120px;
  color: #666666;
  font-size: 0.9em;
  padding-top: 1px;
  float: left;
  padding-left: 16px;
}
.InfoRowValue {
  position: relative;
  left: 2px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  float: left;
}
.NotepadButtonWrapper {
  float: right;
}
.PasswordStrength {
  height: 2px;
}
.PasswordVeryWeak {
  width: 20%;
  height: 100%;
  background: #d22d35;
}
.PasswordWeak {
  width: 40%;
  height: 100%;
  background: #ff6600;
}
.PasswordBetter {
  width: 60%;
  height: 100%;
  background: #ffbf00;
}
.PasswordMedium {
  width: 80%;
  height: 100%;
  background: #a4a81e;
}
.PasswordStrong {
  width: 100%;
  height: 100%;
  background: #009fe3;
}
/*.PasswordStrongest {
    width: 100%;
    height: 100%;
    background: #537C29;
}*/

.border-right {
  border-right: 1px solid #bbbbbb;
}
.border-left {
  border-left: 1px solid #bbbbbb;
}
.border-top {
  border-top: 1px solid #bbbbbb;
}
.border-bottom {
  border-bottom: 1px solid #bbbbbb;
}
.grey {
  background-color: #ebebeb;
}
/* USERFORMS */

.InputText {
  font-family: Calibri, Arial, Sans-serif;
  font-size: 0.95em;
}
/* ........................................................................................... */

/* WINDOW TOOLBAR */

.WindowToolbarContainer {
  position: absolute;
  height: 27px;
  background-color: #ebebeb;
  border-bottom: 1px solid #ababab;
  overflow: hidden;
  z-index: 3;
}
.WindowToolbarContainerSettings {
  position: absolute;
  height: 27px;
  background-color: #ebebeb;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  overflow: hidden;
}
.WindowToolbarLink {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  float: left;
  font-size: 0.85em;
}
.WindowToolbarLink:hover,
.WindowToolbarLink.toggled {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #009fe3;
  float: left;
  background-color: #009fe3;
  font-size: 0.85em;
  cursor: pointer;
}
.WindowToolbarLinkRight {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  float: right;
  font-size: 0.85em;
}
.WindowToolbarLinkRightMargin {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  background-color: #e1e1e1;
  float: right;
  font-size: 0.85em;
  cursor: pointer;
}
.WindowToolbarLinkSelected {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #009fe3;
  background-color: #009fe3;
  float: left;
  font-size: 0.85em;
}
.WindowToolbarLinkRight:hover {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #009fe3;
  float: right;
  background-color: #009fe3;
  font-size: 0.85em;
  cursor: pointer;
}
.WindowToolbarLinkRightMargin:hover {
  border: 1px solid #009fe3;
  background-color: #009fe3;
}
.ToolbarIcon {
  margin-right: 2px;
  float: left;
}
.ToolbarIcon2 {
  margin-right: 10px;
}
.WindowToolbarSearchContainer {
  position: absolute;
  top: 3px;
  width: 270px;
  right: 10px;
}
.MainToolbarLabel {
  color: #999999;
  font-style: italic;
  font-size: 0.85em;
  margin: 3px 5px 0 0;
}
.MainToolbarInput {
  width: 200px;
  padding: 1px 2px;
  height: 16px;
}
/* TOOLBAR SEARCH BUTTON */

.ToolbarSearch {
  position: relative;
  float: left;
  width: 200px;
  margin: 4px;
  padding: 1px 2px;
  height: 16px;
}
.ToolbarSearchButton {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 16px;
  top: 1px;
  background-image: url("../Images/WindowToolbarIcons/icSearchField.png?v=3_18549");
  background-repeat: no-repeat;
}
.ToolbarSettingsButton {
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 0.85em;
  cursor: pointer;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: none;
  padding: 3px;
  top: 3px;
  right: 2px;
}
.ToolbarSettingsButtonActive {
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 0.85em;
  cursor: pointer;
  background: #dddddd;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: none;
  padding: 3px;
  top: 2px;
  right: 2px;
}
.ToolbarSettingsButton:after {
  display: block;
  position: relative;
  content: "";
  width: 18px;
  height: 18px;
  right: 1px;
  top: -1px;
  background-image: url("../Images/WindowToolbarIcons/icWindowSettings.png?v=3_18549");
  background-position: top left;
  background-repeat: no-repeat;
}
.ToolbarSettingsButtonActive:after {
  background-position: top right;
}
.ToolbarSettingsButton:hover:after {
  background-position: -18px 0;
}
.ToolbarSettingsButton:active:after {
  background-position: -36px 0;
}
/* TOOLBAR EXPORT BUTTON */

.export {
  margin: 4px 5px;
  float: right;
  border: 1px solid #eeeeee;
  background: none;
}
.export.active {
  background-color: #dddddd;
  border: 1px solid #999999;
}
.export-button {
  float: right;
  cursor: pointer;
  width: 22px;
  height: 21px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.export-button::before {
  content: "";
  display: none;
}
.export-button .icon {
  position: absolute;
  background-image: url(../Images/WindowToolbarIcons/icWindowExport.png);
  background-position: 0 0;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}
.export-button:hover .icon {
  background-position: -18px 0;
}
.export-button:active .icon {
  background-position: -36px 0;
}
.export-content {
  position: absolute;
  top: 24px;
  right: -23px;
  z-index: 9;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  max-width: 400px;
  min-width: 190px;
  max-height: 0;
  -webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.2);
  -moz-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  -webkit-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
}
.export-content:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 5px;
  background: #dddddd;
  top: -4px;
  right: 0;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  z-index: 9999;
}
.export-content.expanded {
  max-height: 400px;
}
.export-content .wrapper {
  padding: 0;
  margin: 0;
  padding: 8px;
  background-color: #dddddd;
  border: 1px solid #999999;
}
.export-content .wrapper .row {
  list-style: none;
  height: 17px;
  width: 100%;
  display: table;
  margin-bottom: 5px;
  cursor: pointer;
}
.export-content .wrapper .row:hover {
  background: #d4d4d4;
}
.export-content .wrapper .row:active {
  background: #cccccc;
}
.export-content .wrapper .row:last-child {
  margin: 0;
}
.export-content .icon-wrap {
  display: table-cell;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  position: relative;
  padding: 4px 0px 4px 4px;
}
.export-content .label {
  display: table-cell;
  padding: 4px;
}
.export-content .icon-wrap .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
  background: url(../Images/WindowToolbarIcons/icExportIcons.png);
}
.export-content .pdf-details .icon {
  background-position: -24px 0;
  width: 14px;
  margin-left: -7px;
}
.export-content .pdf .icon {
  background-position: -9px 0;
  width: 13px;
  margin-left: -6.5px;
}
.export-content .csv .icon {
  background-position: -2px 0;
  width: 5px;
  margin-left: -2.5px;
}
.export-content .xlsx .icon {
  background-position: -40px 0;
  width: 13px;
  margin-top: -8.5px;
  margin-left: -6.5px;
}
/* WINDOW STATUSBAR*/

.WindowStatusbarContainer {
  height: 20px;
  background-color: #ebebeb;
  border-top: 1px solid #ababab;
  overflow: hidden;
}
.MapImg {
  width: 100%;
  height: auto;
}
.WindowContent_Subtitle {
  height: 23px;
  font-weight: bold;
  font-size: 1.15em;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 23px;
}
.WindowContent_Subtitle img {
  margin-right: 10px;
}
/*REPORT MENU*/

.SubMenuContainerInner {
  margin: 4px 0 0 9px;
}
.SubMenuContainerInner > div {
  float: left;
  margin-right: 5px;
}
.SubMenuContainerOpacity {
  display: none;
}
.SubtoolbarLabel {
  font-size: 0.8em;
  margin-top: 2px;
  float: left;
  margin-right: 5px;
}
/*
    text-align for to labele vehicle VehicleUsageReport 
*/

.VehicleUsageReport .SubtoolbarLabel {
  text-align: center;
}
.StatusbarLabel {
  font-size: 0.8em;
}
.StatusbarLabelBold {
  font-size: 0.8em;
  font-weight: bold;
}
.SubToolbarWrapper {
  height: 28px;
  padding-top: 1px;
}
.SubToolbarWrapper .ToolbarIcon {
  margin-top: 1px;
}
.SubToolbarLink {
  position: relative;
  margin: 2px 0 0 5px;
  padding: 1px 5px;
  /* 3px 10px; */
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  -moz-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 0.9em;
  cursor: pointer;
  font-weight: bold;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
}
.SubToolbarLink:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.SubToolbarLink:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.uploadFieldFiles {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 110px;
  top: 0px;
}
.uploadDrag .Grid .GridCardContainer,
.uploadDrag .Grid .GridContainer {
  border: 3px solid #009fe3;
}
.uploadDrag .Grid .GridCardBody,
.uploadDrag .Grid .GridBody {
  background: #fcfefa;
}
.IconRadio {
  cursor: pointer;
}
.IconRadio input {
  left: 0px;
  position: absolute;
  top: 11px;
}
.IconRadio .radioIcon {
  float: right;
  margin: 0px;
  position: relative;
}
.IconRadio:hover .radioIcon {
  opacity: 0.9;
}
.IconRadio .small {
  width: 54px;
  top: -1px;
  left: 22px;
}
.IconRadio .medium {
  width: 68px;
  left: 19px;
  top: -6px;
}
.IconRadio .large {
  width: 80px;
  left: 17px;
  top: -10px;
}
/* Request Help */

.RequestHelpValidToLabel {
  font-size: 14px;
  color: gray;
  top: 5px !important;
  right: -3px;
}
.RequestHelpPanelContainer {
  border-bottom: 1px solid #cccccc;
}
.RequestHelpValidToDateTimeInput {
  left: 100px !important;
  width: 314px !important;
  top: 64px !important;
}
.RequestHelpValidToDateTimeInput .DateInputField {
  width: 280px;
  height: 21px;
}
.RequestHelpBtnCancel .buttonLabel {
  display: block !important;
}
.RequestHelpBtnNew .buttonLabel {
  display: block !important;
}
.ToolbarNew.FeedbackToolbarBottom {
  background-color: #ebebeb;
  padding: 4px 15px;
  border-top: 1px solid #cccccc;
}
.FeedbackToolbarBottomButton {
  position: relative;
  margin: 6px -5px 0px 0px;
  background: #009fe3;
  border: 1px solid #008ac1;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: right;
  cursor: pointer;
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
}
/*.FeedbackToolbarBottomButton {
    position: relative;
    margin: 2px 8px;
    padding: 2px 8px;
    border: 1px solid #009FE3;
    background-color: #009FE3;
    display: block;
    float: right;
    font-size: 0.85em;
    cursor: pointer;
}*/

.FeedbackToolbarBottomButton:hover {
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.FeedbackToolbarBottomButton:active {
  background: #008ac1;
  border: 1px solid #006087;
  color: #f2f2f2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.LabelDataEdit {
  color: black;
  font-weight: bold;
  font-size: 17px;
  overflow: hidden;
}
.LabelData {
  color: black;
  font-weight: normal;
  font-size: 17px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
.LabelDataOverflow {
  color: black;
  font-weight: normal;
  font-size: 17px;
  border-bottom: 1px solid #cccccc;
  overflow: auto;
}
.LabelDataComment {
  color: black;
  font-weight: normal;
  font-size: 15px;
  border-bottom: 1px solid #cccccc;
  overflow: auto;
}
.LabelInfo {
  color: #999999;
}
.LabelOk {
  color: #00cc00;
}
.LabelError {
  color: #cc0000;
}
.CustomInput {
  border: 1px solid #ababab;
  background: white;
  border-radius: 3px;
  padding: 0px;
  height: 20px;
  margin: 0;
  padding: 1px 2px;
  font-size: 0.9em;
  color: #333333;
  font-family: calibri, arial, sans-serif;
}
.CustomInputArea {
  border: 1px solid #ababab;
  background: white;
  border-radius: 3px;
  padding: 0px;
  height: 20px;
  margin: 0;
  padding: 1px 2px;
  font-size: 0.9em;
  color: #333333;
  font-family: calibri, arial, sans-serif;
}
.CustomInputArea textarea {
  border: none;
  width: 100%;
  height: 99%;
  font-family: calibri, arial, sans-serif;
  font-size: 1em;
}
.hidden {
  visibility: hidden;
}
.TextAreaInner {
  position: absolute;
  left: 0px;
  top: 0px;
  resize: none;
  width: 100%;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  font-family: inherit;
  border: none;
}
.HotSpotPreviewWin {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #b4d143;
}
.WindowLabelTitle {
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 1.5em;
  color: #009fe3;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  font-weight: bold;
}
.WindowLabelTitle .icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  fill: #009fe3;
  margin-top: 4px;
}
.SmsSend {
  border: 1px solid black;
}
/*Map Search*/

.GoogleTextSearchOuter {
  width: 100%;
  height: 100%;
}
.GoogleSearchOuter {
  position: relative;
}
.GoogleDirectionsOuter {
  position: relative;
  height: 101px;
  z-index: 9;
}
.GoogleTextSearch {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #bbbbbb;
  font-family: inherit;
  -moz-transition: border .3s ease;
  -o-transition: border .3s ease;
  -webkit-transition: border .3s ease;
  transition: border .3s ease;
  border-radius: 3px;
}
.GoogleTextSearch:hover {
  border: 1px solid #009fe3;
  box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.2);
}
.GoogleTextSearch .GoogleSearchInput {
  background: white;
  position: absolute;
  left: 5px;
  top: 2px;
  right: 45px;
  bottom: 2px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 0 none;
}
.GoogleTextSearch .GoogleSearchInput input {
  background: none;
  border: 0 none;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  outline: none;
}
.focus .GoogleTextSearch {
  border: 1px solid #009fe3;
  -webkit-box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.15), 0 0 10px rgba(0, 138, 193, 0.3);
  -moz-box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.15), 0 0 10px rgba(0, 138, 193, 0.3);
  box-shadow: inset 0 0 8px rgba(0, 138, 193, 0.15), 0 0 10px rgba(0, 138, 193, 0.3);
}
.GoogleSearchClear {
  position: absolute;
  background: url("../images/controls/Textinput/InputInfoIcon.png?v=3_18549") 0 -106px no-repeat;
  width: 22px;
  height: 22px;
  right: 26px;
  top: 0;
  cursor: default;
  opacity: 1;
  display: block;
  -webkit-transition: opacity 0.15s ease-in;
  -moz-transition: opacity 0.15s ease-in;
  -o-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.GoogleSearchClear:hover {
  background-position: -52px -106px;
  cursor: pointer;
}
.GoogleSearchClear:active {
  background-position: -26px -106px;
  cursor: pointer;
}
.GoogleSearchClear.hidden {
  opacity: 0;
  display: none;
}
.GoogleSearchButton {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../images/controls/Textinput/InputInfoIcon.png?v=3_18549") no-repeat -52px -79px;
  width: 26px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.GoogleSearchButton:hover {
  background-position: -26px -79px;
}
.GoogleSearchButton:active {
  background-position: 0 -79px;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.GoogleSearch:hover .GoogleSearchInput {
  border-top: 1px solid #008ac1;
  border-left: 1px solid #008ac1;
  border-bottom: 1px solid #008ac1;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.2);
}
.GoogleSearch:hover input {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.GoogleSearchResults {
  background: white;
  box-shadow: 0 0 6px 0 rgba(33, 33, 33, 0.4);
  position: relative;
  top: 2px;
  height: auto;
  width: 325px;
  z-index: 8;
}
.GoogleSearchResults ul {
  margin: 0;
  padding: 0;
}
.GoogleSearchResults ul li {
  margin: 0;
  padding: 9px;
  list-style: none;
  font-size: 11px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  position: relative;
}
.GoogleSearchResults ul li:hover {
  background: #f9fcf5;
}
.GoogleSearchResults ul li.active {
  background: #71c2e2;
}
.GoogleSearchResults ul li .searchGetRouteWrap {
  display: none;
}
.GoogleSearchResults ul li:hover .searchGetRouteWrap,
.mapSearchResults ul li.active .searchGetRouteWrap {
  display: block;
}
.GoogleSearchResults ul li:hover .searchPinIcon {
  background-position: right -20px;
}
.GoogleSearchResults ul li.active .searchPinIcon {
  background-position: right -20px;
}
/*LIST VIEW DESCRIPTION*/

.parentList ul li .listViewParentHeader {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
  color: #009fe3;
}
.listViewItemLabel {
  color: #009fe3;
  padding: 7px 7px 0px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listViewItemDescription {
  padding: 4px 7px 4px 7px;
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*LIST VIEW DESCRIPTION END*/

/*BUTTONS*/

.ListViewButtonContainer {
  width: 20%;
  min-width: 150px;
  max-width: 200px;
  position: relative;
  float: left;
  height: 90px;
}
.listView .ListViewButtons {
  overflow: hidden;
}
.ListViewButton {
  background-color: #ebebeb;
  float: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 0;
  top: 0;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.ListViewButton:hover {
  color: #009fe3;
  background: #fafafa;
  cursor: pointer;
  -moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
.ListViewButton.selected {
  color: #333333;
  background: #71c2e2;
  cursor: pointer;
  border-color: #009fe3;
}
.ListViewImageContainer {
  text-align: center;
  position: relative;
  height: 30px;
  margin-top: 13px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ListViewTextContainer {
  display: table;
  width: 100%;
  height: 30px;
  padding: 3px 0 7px 0;
}
.ListViewText {
  font-size: 0.7em;
  text-align: center;
  height: 100%;
  line-height: 1.1;
  display: table-cell;
  vertical-align: top;
  padding: 0 5px;
}
.ListViewButtonsImage {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
}
.ListViewImage.TahoClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -208px;
}
.ListViewButton:hover .TahoClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -208px;
}
.ListViewImage.CurrentStatusClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 0;
}
.ListViewButton:hover .CurrentStatusClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 0;
}
.ListViewImage.FuelConAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -26px;
}
.ListViewButton:hover .FuelConAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -26px;
}
.ListViewImage.LocationAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -52px;
}
.ListViewButton:hover .LocationAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -52px;
}
.ListViewImage.DrivingModelClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -78px;
}
.ListViewButton:hover .DrivingModelClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -78px;
}
.ListViewImage.StopsAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -104px;
}
.ListViewButton:hover .StopsAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -104px;
}
.ListViewImage.SensorAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -130px;
}
.ListViewButton:hover .SensorAnalysisClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -130px;
}
.ListViewImage.VehicleOtherClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -156px;
}
.ListViewButton:hover .VehicleOtherClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -156px;
}
.ListViewImage.TahoVehicleClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -208px;
}
.ListViewButton:hover .TahoVehicleClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -208px;
}
.ListViewImage.VehicleExcelClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -232px;
}
.ListViewButton:hover .VehicleExcelClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -232px;
}
.ListViewImage.DriverWorkClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -182px;
}
.ListViewButton:hover .DriverWorkClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -182px;
}
.ListViewImage.VehicleWorkClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -182px;
}
.ListViewButton:hover .VehicleWorkClass {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-image: url("../Images/ReportIcons/reportIcons.png?v=3_18549");
  background-position: 0 -182px;
}
.ReportListView.parentList ul li .listViewParentHeader {
  color: #333333;
}
.ReportListView.listView ul li.selected {
  background: white;
}
.listView ul li.selected {
  color: #444444;
  font-weight: bold;
  background: white;
  background: #f4faef;
}
/*BUTTONS END*/

.MailBodyIframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.listViewAttachments {
  color: black;
  font-weight: normal;
  font-size: 17px;
}
.listViewAttachments .listViewItem {
  float: left;
}
.listViewAttachments .listViewItem:hover {
  cursor: pointer;
  text-decoration: underline;
  color: dodgerblue;
}
.MailsGrid .MailGridRow2.MailAlert24 .MailGridRowContainer .MailGridCell.C_2 {
  background-color: #dd66dd;
}
.MailsGrid .MailGridRow2.MailAlert .MailGridRowContainer .MailGridCell.C_2 {
  background-color: #ffcc66;
}
.MailsGrid .MailGridRow2.MailProcessed .MailGridRowContainer .MailGridCell.C_2 {
  background-color: #88dd88;
}
.MailsGrid .MailGridRow2.MailDefault .MailGridRowContainer .MailGridCell.C_2 {
  background-color: lemonchiffon;
}
.MailsGrid .MailGridRow2.MailBorderAlert24 .MailGridRowContainer .MailGridCell.C_2 {
  border: 2px solid #dd66dd;
}
.MailsGrid .MailGridRow2.MailBorderAlert .MailGridRowContainer .MailGridCell.C_2 {
  border: 2px solid #ffcc66;
}
.MailsGrid .MailGridRow2.MailBorderProcessed .MailGridRowContainer .MailGridCell.C_2 {
  border: 2px solid #88dd88;
}
.MailsGrid .MailGridRow2.MailBorderDefault .MailGridRowContainer .MailGridCell.C_2 {
  border: 2px solid lemonchiffon;
}
.MailsGrid .MailGridRow2 .MailGridCell.MailBody {
  color: #333333;
}
.MailsGrid .MailGridRow2 .MailGridCell.MailBody .GridCellContainer {
  padding-left: 80px;
}
.MailsGrid .MailGridRow2.Read .MailGridRowContainer {
  color: #333333;
}
.MailsGrid .MailGridRow2.Unread {
  font-weight: bold;
  color: black;
}
.MailsGrid .MailGridRow2.AIAnswer {
  color: red;
}
.MailIncoming {
  height: 20px;
  width: 35px;
  background: url("../Images/ExtremeVital/Mailing/MailIncoming.png?v=@3_18549") no-repeat center center;
}
.MailOutgoing {
  height: 20px;
  width: 35px;
  background: url("../Images/ExtremeVital/Mailing/MailOutgoing.png?v=@3_18549") no-repeat center center;
}
.MailColorBox {
  float: left;
  margin-left: 2px;
  width: 12px;
  height: 12px;
}
.Grid .MailGridRow2 {
  display: block;
  /*float: left;*/
  clear: both;
}
.conversation.hidden {
  display: none;
}
.MailGridDate {
  display: block;
  clear: both;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 0px 6px 10px;
}
.Grid .GridBody .MailGridRow2.subconversation .MailGridRowContainer {
  background-color: rgba(0, 0, 0, 0.05);
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.Grid .GridBody .MailGridRow2.startconversation .MailGridRowContainer {
  background-color: rgba(0, 0, 0, 0.05);
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.Grid .GridBody .MailGridRow2.subconversation.last .MailGridRowContainer {
  background-color: rgba(0, 0, 0, 0.05);
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.Grid .GridBody .MailGridRow2 .MailGridRowContainer:hover,
.Grid .GridBody .MailGridRow2 .MailGridRowContainer:hover:nth-child(2n+2):hover {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.Grid .GridBody .MailGridRow2.selected .MailGridRowContainer,
.Grid .GridBody .MailGridRow2.selected .MailGridRowContainer:hover,
.Grid .GridBody .MailGridRow2.selected:nth-child(2n+2) .MailGridRowContainer,
.Grid .GridBody .MailGridRow2.selected:nth-child(2n+2) .MailGridRowContainer:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.Grid .GridBody .MailGridRow2.linkedEvents .MailGridRowContainer,
.Grid .GridBody .MailGridRow2.linkedEvents .MailGridRowContainer:hover,
.Grid .GridBody .MailGridRow2.linkedEvents:nth-child(2n+2) .MailGridRowContainer,
.Grid .GridBody .MailGridRow2.linkedEvents:nth-child(2n+2) .MailGridRowContainer:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.Grid .MailGridRowContainer {
  float: left;
  position: relative;
  display: inline-block;
}
.Grid .MailGridRowContainer {
  width: 100%;
  height: 100%;
}
.Grid .GridHead .GridFilterRow .MailGridCell {
  top: 0;
  height: 26px;
}
.Grid .MailGridCell {
  float: left;
  position: absolute;
  left: 0px;
  z-index: 9999;
  height: 100%;
}
.Grid .GridHead .MailGridCell {
  margin: 0;
  vertical-align: middle;
  float: left;
  bottom: 0;
}
.Grid .GridBody .MailGridCell {
  margin: 0;
  vertical-align: middle;
  position: relative;
  float: left;
}
.MailGridCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.GridHead .MailGridCell {
  position: relative;
  height: 25px;
}
.GridHead .MailGridCell .GridCellContainer {
  padding: 6px 30px 6px 3px;
  width: 100%;
  cursor: pointer;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GridHead .MailGridCell.first .GridCellContainer {
  left: 0;
  right: 4px;
  padding: 6px 18px 6px 6px;
}
.GridHead .MailGridCell.last .GridCellContainer {
  right: 0;
  padding: 6px 21px 6px 3px;
}
.GridHead .MailGridCell .GridCellBorder {
  border-right: 1px solid #c2c2c2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.GridBody .MailGridCell {
  position: relative;
}
.GridBody .MailGridCell .GridCellContainer {
  padding: 4px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GridCellImageContainer {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.ChkEmailUnprocessed .chkLblLabel {
  font-size: 16px;
  font-weight: bold;
  margin-left: 4px;
  top: -2px;
}
.MailCategorySelect {
  display: none;
}
.MailCategorySelect-container {
  background-color: #eeeeee;
  padding: 15px;
  border: 1px solid #999999;
  -webkit-box-shadow: 0 0 20px #999999;
  box-shadow: 0 0 20px #999999;
}
.MailCategorySelect-container ul {
  padding: 0;
  margin: 0;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  white-space: nowrap;
  max-height: 213px;
}
.MailCategorySelect-container ul li {
  padding: 0;
  padding-right: 10px;
  margin: 0;
  list-style: none;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
}
.MailCategorySelect-container .divTable {
  display: table;
}
.MailCategorySelect-container .divTableCell {
  display: table-cell;
}
.MailCategorySelect-container .name {
  margin-left: 6px;
  font-size: 0.9em;
}
.MailCategorySelect-container .header {
  margin-left: 4px;
  font-size: 0.9em;
  font-weight: bold;
}
.MailCategorySelect-container .rectangle {
  margin-left: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.MailCategorySelect-container .ok-button {
  float: none;
  margin-top: 9px;
}
.MailRecipientsInputAreaWrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: white;
  border: 1px solid #cccccc;
  padding: 2px;
  border-radius: 3px;
  overflow-y: auto;
}
.MailRecipientsAddedWrapper {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  overflow: hidden;
}
.MailRecipientsInput {
  position: relative;
  float: left;
  width: 80px;
  border: none;
  font-size: 0.8em;
  height: 16px;
  margin: 0;
  padding: 0;
}
.MailRecipientsItemWrapper {
  position: relative;
  float: left;
  height: 18px;
  margin-right: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.MailRecipientsItemWrapper:hover {
  background-color: #cde080;
}
.MailRecipientsItemName {
  position: relative;
  float: left;
  font-size: 0.8em;
  margin: 3px 2px 0 2px;
  top: -3px;
}
.MailRecipientsItemRemove {
  position: relative;
  float: left;
  width: 10px;
  height: 100%;
  margin-top: -5px;
  text-transform: lowercase;
  cursor: pointer;
}
.MailRecipientsItemRemove:hover {
  opacity: 0.6;
}
.MailRecipientsItemRemove img {
  margin: 4px 0 0 0;
}
.MailRecipientsPopup {
  background: white;
  border: 1px solid #999999;
  overflow: auto;
  overflow-x: hidden;
  padding: 7px;
}
.MailRecipientsPopup ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.MailRecipientsPopup ul li {
  list-style: none;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.MailRecipientsPopup ul li.RecipientM {
  background-color: lightcoral;
}
.MailRecipientsPopup ul li.RecipientU {
  background-color: lightgreen;
}
.MailRecipientsPopup ul li.RecipientC {
  background-color: lightblue;
}
.MailRecipientsPopup ul li:hover {
  color: #b4d143;
  background: #fafafa;
}
.MailRecipientsPopup ul li.hover {
  color: #b4d143;
  background: #fafafa;
}
.MailRecipientsPopup ul li:active {
  color: #444444;
  background: white;
}
.MailRecipientsPopup ul li.selected {
  color: #444444;
  font-weight: bold;
  background: white;
}
.MailRecipientsPopup ul li.selected:hover {
  color: #444444;
  background: #f4faef;
}
.MailRecipientsPopup ul li.selected:active {
  color: #444444;
  background: #e3f1d8;
}
.MainMenu {
  position: absolute;
  z-index: 4096;
  display: none;
  opacity: 0;
  width: 350px;
  background-color: #e9eaea;
  border: 3px solid #aaaaaa;
  -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 22px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.4);
  margin-top: 4px;
  z-index: 9995;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  padding: 0;
  margin: 0;
}
.MainMenu.visible {
  display: block;
  opacity: 1;
}
.folder-root {
  list-style: none;
  padding: 0;
  padding: 0 10px;
}
.folder-root .folder-item {
  font-weight: bold;
  font-size: 18px;
  color: #b4d143;
  margin-bottom: 20px;
}
.folder-root .folder-item .program-root {
  font-weight: normal;
  margin: 5px 0;
  font-size: 16px;
  padding: 0;
  color: black;
}
.folder-root .folder-item .program-root .program-item {
  list-style: none;
  padding: 5px 20px 5px 10px;
  cursor: pointer;
  background-color: #e9eaea;
  -moz-transition: all 0.01s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  fill: #555555;
}
.folder-root .folder-item .program-root .program-item:first-child {
  border-top: 1px solid #b4d143;
  top: 5px;
}
.folder-root .folder-item .program-root .program-item:hover {
  background-color: #b4d143;
  color: white;
  fill: white;
}
.folder-root .folder-item .program-root .program-item:active,
.folder-root .folder-item .program-root .program-item:focus {
  background-color: #e9eaea;
  color: #b4d143;
  fill: #b4d143;
}
.folder-root .folder-item .program-root .program-item.disabled {
  color: #999999;
  cursor: default;
  fill: #999999;
}
.folder-root .folder-item .program-root .program-item.disabled:hover {
  background-color: #e9eaea;
  fill: #999999;
}
.folder-root .folder-item .program-root .program-item svg {
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
  margin-right: 10px;
  margin-left: 0px;
}
.WebDialogWindow.MapDialog.pinned .pin {
  top: 5px;
  right: 5px;
}
/* Map tools for zoom */

.map-tools {
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-tools .tool-wrap {
  background: white;
  height: 30px;
  width: 30px;
  overflow: hidden;
}
.map-tools .tool-wrap .tool-zoom-in {
  background: white url("../Images/Map/Tools2.png?v=3_18549") 0px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-tools .tool-wrap .tool-zoom-in:hover {
  background-position: 0px -30px;
}
.map-tools .tool-wrap .tool-zoom-in:active {
  background-position: 0px -60px;
}
.map-tools .tool-wrap .tool-zoom-out {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -30px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-tools .tool-wrap .tool-zoom-out:hover {
  background-position: -30px -30px;
}
.map-tools .tool-wrap .tool-zoom-out:active {
  background-position: -30px -60px;
}
.map-tools .tool-line {
  height: 1px;
  width: 30px;
  background: white url("../Images/Map/divider2.png?v=3_18549") center center no-repeat;
}
/* Map addons views (layers over map) */

.map-addons {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  bottom: 0;
  right: 54px;
  height: 30px;
  z-index: 5;
}
.map-addons .addons-group {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  float: left;
}
.map-addons .addons-group.history {
  margin-right: 15px;
  width: 30px;
  height: 30px;
}
.map-addons .addons-group .addons-divider {
  background: white url("../Images/Map/divider.png?v=3_18549") center center no-repeat;
  width: 1px;
  height: 30px;
  float: left;
}
.map-addons .addons-group .addons-divider.hidden {
  visibility: hidden;
  display: none;
}
.map-addons .addons-group .addons-button {
  background: white;
  height: 30px;
  width: 30px;
  float: left;
  cursor: pointer;
  position: relative;
  /* Map addon History */

  /* Map addon Locations */

  /* Map addon Satellite */

  /* Map addon post numbers */

  /* Map addon Traffic */

  /* Map addon Street view */

}
.map-addons .addons-group .addons-button.hidden {
  visibility: hidden;
  display: none;
}
.map-addons .addons-group .addons-button .history {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -120px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.map-addons .addons-group .addons-button .history:hover {
  background-position: -120px -30px;
}
.map-addons .addons-group .addons-button .history.AddonActive {
  background-position: -120px -60px;
}
.map-addons .addons-group .addons-button.active .history {
  background-position: -120px -60px;
}
.map-addons .addons-group .addons-button.disabled .history {
  background-position: -120px -90px;
}
.map-addons .addons-group .addons-button .locations {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -150px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-addons .addons-group .addons-button .locations:hover {
  background-position: -150px -30px;
}
.map-addons .addons-group .addons-button.active .locations {
  background-position: -150px -60px;
}
.map-addons .addons-group .addons-button.disabled .locations {
  background-position: -150px -90px;
}
.map-addons .addons-group .addons-button .satellite {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -180px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-addons .addons-group .addons-button .satellite:hover {
  background-position: -180px -30px;
}
.map-addons .addons-group .addons-button.active .satellite {
  background-position: -180px -60px;
}
.map-addons .addons-group .addons-button.disabled .satellite {
  background-position: -180px -90px;
}
.map-addons .addons-group .addons-button .post {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -210px 0px no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-addons .addons-group .addons-button .post:hover {
  background-position: -210px -30px;
}
.map-addons .addons-group .addons-button.active .post {
  background-position: -210px -60px;
}
.map-addons .addons-group .addons-button.disabled .post {
  background-position: -210px -90px;
}
.map-addons .addons-group .addons-button .traffic {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -300px 0 no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.map-addons .addons-group .addons-button .traffic:hover {
  background-position: -300px -30px;
}
.map-addons .addons-group .addons-button.active .traffic {
  background-position: -300px -60px;
}
.map-addons .addons-group .addons-button.disabled .traffic {
  background-position: -300px -90px;
}
.map-addons .addons-group .addons-button .street-view {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -240px 0 no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  opacity: 1;
}
.map-addons .addons-group .addons-button .street-view:hover {
  background-position: -240px -30px;
}
.map-addons .addons-group .addons-button.active .street-view {
  background-position: -240px -60px;
}
.map-addons .addons-group .addons-button.disabled .street-view {
  background-position: -240px -90px;
}
/* Map history */

.map-history {
  position: absolute;
  bottom: 0;
  right: 253px;
  width: 0px;
  height: 26px;
  padding-top: 4px;
  z-index: 4;
  background: white;
  opacity: 0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.map-history.expanded {
  width: 500px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
}
.map-history.expanded .MapHistoryVehicle,
.map-history.expanded .MapHistoryDateTime,
.map-history.expanded .button,
.map-history.expanded .DateInputIntervalWrapper,
.map-history.expanded .DropDownSimpleWrapper {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.map-history.minimized-1 {
  bottom: 46px;
  right: 54px;
  height: 0;
  padding-top: 4px;
  width: 500px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 0;
}
.map-history.minimized-1.expanded {
  opacity: 1;
  bottom: 46px;
  right: 54px;
  height: 26px;
  width: 500px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.map-history.minimized-2 {
  bottom: 46px;
  right: 54px;
  height: 0;
  padding: 10px;
  width: 297px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 0;
}
.map-history.minimized-2.expanded {
  opacity: 1;
  bottom: 46px;
  right: 54px;
  height: 54px;
  width: 297px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.map-history.minimized-2 .MapHistoryDateTime,
.map-history.minimized-2 .MapHistoryVehicle {
  margin-left: 0px;
}
.map-history.minimized-2 .button {
  margin-right: 0;
}
.map-history.minimized-2 .DropDownSimpleWrapper {
  width: 275px;
  margin: 0 0 10px 2px;
}
.map-history.minimized-2 .DateInputIntervalWrapper {
  width: 243px;
}
.map-history .button {
  width: 20px;
  padding: 0 1px 1px 1px;
  margin: 1px 6px 0 0;
  float: right;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-user-select: -moz-none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.map-history .button .icon {
  background: url("../images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  background-position: -1px -448px;
  width: 15px;
  height: 12px;
  margin: 3px 0 2px 3px;
}
.map-history .DateInputIntervalWrapper {
  width: 215px;
  height: 22px;
  float: left;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.map-history .DateIntervalPrev {
  width: 15px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.map-history .DateIntervalNext {
  width: 15px;
  height: 20px;
  display: block;
  position: absolute;
  right: 27px;
  top: 0;
}
.map-history .DateIntervalInputField {
  position: absolute;
  float: none;
  width: auto;
  display: block;
  height: 18px;
  left: 16px;
  width: calc(100% - 65px);
  top: 0;
}
.map-history .DropDownSimpleWrapper {
  height: 22px;
  width: 180px;
  float: left;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.map-history .DateTimeButtonContainer {
  position: absolute;
  right: 0;
}
.map-history .DateTimeButton {
  width: 18px;
  height: 18px;
}
.map-history .MapHistoryVehicle {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -5px -917px;
  width: 15px;
  height: 12px;
  margin: 5px;
}
.map-history .MapHistoryDateTime {
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -7px -899px;
  width: 17px;
  height: 16px;
  margin: 3px 5px 0 20px;
}
.map-history .MapHistoryVehicle,
.map-history .MapHistoryDateTime {
  float: left;
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.map-history.expanded.minimized-1::before,
.map-history.expanded.minimized-2::before {
  content: "";
  background: url(../Images/Map/arrow.png) 0px -11px no-repeat;
  position: absolute;
  width: 22px;
  height: 10px;
  margin-top: 0;
  bottom: -9px;
  right: 173px;
  z-index: 99999;
}
/* Map follow car */

.map-follow-car {
  background: white;
  height: 30px;
  width: 30px;
  float: left;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 9px;
  z-index: 5;
}
.map-follow-car .icon {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -330px 0 no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
}
.map-follow-car .icon:hover {
  background-position: -330px -30px;
}
.map-follow-car .icon:active {
  background-position: -330px -60px;
}
.map-follow-car.disabled .icon {
  background-position: -330px -90px;
}
.map-follow-car.active .icon {
  background-position: -360px -60px;
}
.map-follow-car.active .icon:hover {
  background-position: -360px -30px;
}
.map-follow-car.active .icon:active {
  background-position: -360px 0;
}
/* Map details toggle */

.map-details-toogle {
  background: white;
  height: 30px;
  width: 30px;
  float: left;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 9px;
  z-index: 5;
}
.map-details-toogle .icon {
  background: white url("../Images/Map/Tools2.png?v=3_18549") -60px 0 no-repeat;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
}
.map-details-toogle .icon:hover {
  background-position: -60px -30px;
}
.map-details-toogle .icon:active {
  background-position: -60px -60px;
}
.map-details-toogle.disabled .icon {
  background-position: -60px -90px;
}
.map-details-toogle.active .icon {
  background-position: -90px 0;
}
.map-details-toogle.active .icon::before {
  height: 5px;
  content: "";
  background-color: white;
  bottom: -1px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
}
.map-details-toogle.active .icon:hover {
  background-position: -90px -30px;
}
.map-details-toogle.active .icon:active {
  background-position: -90px -60px;
}
/* Map tabs on bottom left for graphs */

.map-details-tabs {
  position: absolute;
  left: 11px;
  bottom: 0;
  z-index: 10;
}
.map-details-tabs.minimized .tab {
  width: 30px;
  height: 30px;
  overflow: hidden;
  padding: 0;
  background: white url("../Images/Map/mapTabs.png?v=3_18549") 0 0 no-repeat;
}
.map-details-tabs.minimized .tab.graph {
  background-position: 0 0;
}
.map-details-tabs.minimized .tab.tachograph {
  background-position: -30px 0;
}
.map-details-tabs.minimized .tab.path {
  background-position: -60px 0;
}
.map-details-tabs.minimized .tab.stops {
  background-position: -90px 0;
}
.map-details-tabs.minimized .tab.events {
  background-position: -120px 0;
}
.map-details-tabs.minimized .tab.active {
  background-position-y: -30px;
}
.map-details-tabs.minimized .tab .buttonLabel {
  display: none;
}
.map-details-tabs .tab {
  float: left;
  background-color: white;
  font-size: 0.74em;
  opacity: 0.8;
  padding: 9px 10px 8px 10px;
  height: 13px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  margin: 3px 4px 0 0;
  z-index: 8;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-details-tabs .tab:hover {
  border-top: 3px solid #999999;
  background-color: white;
  opacity: 1;
  cursor: pointer;
  margin: 0 4px 0 0;
}
.map-details-tabs .tab.disabled {
  visibility: hidden;
  width: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.map-details-tabs .tab.active {
  border-top: 3px solid #009fe3;
  color: #009fe3;
  cursor: default;
  margin: 0 4px 0 0;
  z-index: 15;
  opacity: 1;
}
.map-details-tabs .tab.active:hover {
  opacity: 1;
  cursor: pointer;
}
.map-details-tabs .tab.active::before {
  content: "";
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  z-index: 9999999999;
}
/* Map details */

.map-details {
  background-color: white;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.3);
  box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.3);
}
.map-details .MapGraphInfoTitle {
  color: #719a38;
  font-size: 1em;
  margin-bottom: 10px;
  padding-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  float: left;
  border-bottom: 1px dotted #009fe3;
}
.map-details .MapGraphInfoLabel {
  color: #666666;
  margin-right: 5px;
  font-size: 0.8em;
  height: 20px;
}
.map-details .MapGraphInfoData {
  color: black;
  font-weight: bold;
  text-align: right;
  font-size: 0.8em;
  height: 20px;
}
.MapGraphInfoContainer {
  position: absolute;
  top: 42px;
  width: 214px;
  right: 10px;
  bottom: 10px;
}
.MapGraphInfoContainer .MapGraphInfoLabel {
  width: 40%;
  float: left;
  margin: 0 0 7px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
}
.MapGraphInfoContainer .MapGraphInfoData {
  width: 60%;
  float: left;
  margin: 0 0 7px 0;
  height: 20px;
}
.MapGraphInfoContainer .MapTabOrdersRow {
  float: left;
  width: 100%;
  height: 24px;
  position: relative;
  margin-bottom: 10px;
}
.MapGraphInfoContainer .MapTabOrdersRow .FuelConsumptionIcon,
.MapGraphInfoContainer .MapTabOrdersRow .RouteIcon,
.MapGraphInfoContainer .MapTabOrdersRow .LoadDataIcon {
  margin: 0;
}
.MapGraphInfoContainer .MapTabOrdersRow .TORData {
  float: left;
  margin: 1px 0 0 7px;
  font-size: 0.8em;
}
/* Other */

.MapTabOrdersContainer .MapTabOrdersRow {
  float: left;
  width: 100%;
  height: 24px;
  position: relative;
  margin-bottom: 10px;
}
.MapTabOrdersContainer .MapTabOrdersRow .FuelConsumptionIcon,
.MapTabOrdersContainer .MapTabOrdersRow .RouteIcon,
.MapTabOrdersContainer .MapTabOrdersRow .LoadDataIcon {
  margin: 1px 0 0 0;
}
.MapTabOrdersContainer .MapTabOrdersRow .TORData {
  margin: 0 0 0 28px;
  font-size: 14px;
}
.LabelNoOverflow {
  overflow: hidden;
  font-size: 0.9em;
  text-align: right;
}
.TypePlace {
  width: 30px;
  height: 30px;
  background: url("../Images/MapIcons/Events/Circle/gas-station.png?v=3_18549") 0px 0 no-repeat;
}
/*  Vehicles on location */

.ToolbarNew.tlbMapDialDyn {
  border: 1px solid #cccccc;
  border-bottom: none;
  box-sizing: border-box;
}
.ToolbarNew.tlbMapDialDyn::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 1px;
  background: #dddddd;
}
.VhlsOnLocPanel {
  background: white;
  display: block;
  z-index: 1000;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.VhlsOnLocPanel .Title {
  font-weight: bold;
  color: #009fe3;
  padding-left: 26px;
  position: relative;
}
.VhlsOnLocPanel.VehiclesOnLocation .Title::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(../Images/Map/mapTooltip.png) -161px 0px no-repeat;
  width: 19px;
  height: 19px;
}
.VhlsOnLocPanel.NearbyVehicles .NearbyControls {
  float: left;
  margin: 15px 0 0 10px;
  font-size: 14px;
}
.VhlsOnLocPanel.NearbyVehicles .NearbyControls .separator {
  float: left;
  margin: 0 7px;
  width: 1px;
  background: #cccccc;
}
.VhlsOnLocPanel.NearbyVehicles .NearbyControls .label {
  float: left;
  color: #222222;
  cursor: pointer;
}
.VhlsOnLocPanel.NearbyVehicles .NearbyControls .label:hover {
  text-decoration: underline;
}
.VhlsOnLocPanel.NearbyVehicles .NearbyControls .label.active {
  color: #009fe3;
  font-weight: bold;
}
.VhlsOnLocPanel.NearbyVehicles .ButtonToggle {
  padding: 10px;
  margin: 5px 5px 0 0;
  float: right;
}
.VhlsOnLocPanel.NearbyVehicles .Title::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(../Images/Map/mapTooltip.png) -182px 0px no-repeat;
  width: 19px;
  height: 19px;
}
.VhlsOnLocPanel.lblVhlsOnLoc {
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 12px !important;
}
.VhlsOnLocPanel.hidden {
  display: none;
}
.VhlsOnLocPanel .PartnersDynamicDialogBorder,
.VhlsOnLocPanel .ToolbarNew {
  border: 0 none;
}
.VhlsOnLocPanel .DateTimeInputWrapper {
  float: left;
  position: relative !important;
  margin-top: 10px;
}
.VhlsOnLocPanel .DateTimeInputWrapper .DateInputField {
  height: 21px;
  width: 80px;
}
.VhlsOnLocPanel .DateTimeInputWrapper .DateTimeButtonContainer {
  position: relative;
  float: right;
}
.VhlsOnLocPanel .VhlsOnLocsNumInput {
  float: left;
  position: relative !important;
  margin-top: 10px;
  height: 21px;
  border: 1px solid #cccccc;
  width: 50px;
}
.VhlsOnLocPanel .lblDate {
  float: left;
  position: relative;
  margin: 13px 5px 0px 10px;
}
.VhlsOnLocPanel .lblRadius {
  float: left;
  position: relative;
  margin: 13px 5px 0px 10px;
}
.VhlsOnLocPanel .lblMeter {
  position: relative;
  float: left;
  margin: 13px 0 0 3px;
}
.VhlsOnLocPanel .BtnVhlsOnLoc.Refresh {
  margin: 10px 10px 0 0;
  float: right;
}
.VhlsOnLocPanel .BtnVhlsOnLoc.Cancel {
  border: 1px solid #cccccc;
  float: right;
  margin: 10px 10px 0 0;
  height: 17px;
}
.VhlsOnLocPanel .btnMapDialDyn {
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.VhlsOnLocPanel .btnMapDialDyn.Move {
  background: url("../Images/Map/move.png?v=3_18549") -22px -20px no-repeat;
  width: 13px;
  height: 13px;
  padding: 2px;
  margin: 11px 0 0 0;
}
.VhlsOnLocPanel .btnMapDialDyn.Move:hover {
  background-position: -22px -38px;
}
.VhlsOnLocPanel .btnMapDialDyn.Move:active {
  background-position: -22px -2px;
}
.VhlsOnLocPanel .btnMapDialDyn.Hide {
  background: url("../Images/Map/searchClearOptions.png?v=3_18549") 1px -49px no-repeat;
  width: 10px;
  height: 11px;
  padding: 2px;
  margin: 12px 8px;
}
.VhlsOnLocPanel .btnMapDialDyn.Hide:hover {
  background-position: 1px -86px;
}
.VhlsOnLocPanel .btnMapDialDyn.Hide:active {
  background-position: 1px -11px;
}
/*Pagman icon*/

/*
.PagmanRotation_1 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -480px no-repeat;
}

.PagmanRotation_2 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -540px no-repeat;
}

.PagmanRotation_3 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -600px no-repeat;
}

.PagmanRotation_4 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -660px no-repeat;
}

.PagmanRotation_5 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -720px no-repeat;
}

.PagmanRotation_6 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -780px no-repeat;
}

.PagmanRotation_7 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -840px no-repeat;
}

.PagmanRotation_8 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -900px no-repeat;
}

.PagmanRotation_9 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px 0 no-repeat;
}

.PagmanRotation_10 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -60px no-repeat;
}

.PagmanRotation_11 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -120px no-repeat;
}

.PagmanRotation_12 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -180px no-repeat;
}

.PagmanRotation_13 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -240px no-repeat;
}

.PagmanRotation_14 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -300px no-repeat;
}

.PagmanRotation_15 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -360px no-repeat;
}

.PagmanRotation_16 {
    background: url("../Images/Map/pegman-rotating.png?v=3_18549") 0px -420px no-repeat;
}*/

/*Pegman over vehicles*/

div[title="svPegman"] {
  opacity: 1 !important;
}
.SetOpacityToOne {
  opacity: 1 !important;
}
.PegmanRefe {
  position: absolute;
  background: white url("../Images/Map/pegman-reference.png?v=3_18549") center center no-repeat;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  -moz-box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.4);
  -webkit-box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.4);
  cursor: pointer;
  z-index: 9999;
}
.PegmanRefe:hover {
  background-color: #71c2e2;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.PegmanRefe:active {
  background-color: #eeeeee;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
/* Nearby Location Grid **** Path Colors */

.Grid .GridBody .GridCell.PathColor .GridCellContainer {
  padding-left: 10px;
}
.Grid .GridBody .GridCell.PathColor::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 4px;
  border-radius: 2px;
}
.Grid .GridBody .GridCell.PathColor.ColorId_1::before {
  background: #2d7c32;
}
.Grid .GridBody .GridCell.PathColor.ColorId_2::before {
  background: #8db821;
}
.Grid .GridBody .GridCell.PathColor.ColorId_3::before {
  background: #f57c00;
}
.Grid .GridBody .GridCell.PathColor.ColorId_4::before {
  background: #b4370e;
}
.Grid .GridBody .GridCell.PathColor.ColorId_5::before {
  background: #761212;
}
.map-data-info-single,
.map-data-info-duo {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  width: 200px;
}
.map-data-info-single {
  width: 214px;
}
.map-data-info-duo {
  width: 250px;
}
.map-data-info-duo .icons {
  position: absolute;
  left: 0;
  top: 55px;
  width: 28px;
  bottom: 0;
}
.map-data-info-duo .icons div {
  margin-bottom: 8px;
  position: relative;
  left: 50%;
}
.map-data-info-duo .icons .DrivingIcon {
  width: 19px;
  margin-left: -9.5px;
}
.map-data-info-duo .icons .UnknownIcon {
  background: url("../Images/TachoGraph/icTahoUnknown.png?v=3_18549") center center no-repeat;
  height: 19px;
  width: 19px;
  margin-left: -9.5px;
}
.map-data-info-duo .icons .WorkingIcon {
  background: url("../Images/TachoGraph/icTahoWork.png?v=3_18549") center center no-repeat;
  height: 19px;
  width: 19px;
  margin-left: -9.5px;
}
.map-data-info-duo .icons .RestIcon {
  background: url("../Images/TachoGraph/icTahoRest.png?v=3_18549") center center no-repeat;
  height: 19px;
  width: 19px;
  margin-left: -9.5px;
}
.map-data-info-duo .icons .DrivingWeekIcon {
  background: url("../Images/TachoGraph/icTahoDriving1Week.png?v=3_18549") center center no-repeat;
  height: 19px;
  width: 19px;
  margin-left: -10.5px;
}
.map-data-info-duo .icons .DrivingTwoWeekIcon {
  background: url("../Images/TachoGraph/icTahoDriving2Week.png?v=3_18549") center center no-repeat;
  height: 19px;
  width: 25px;
  margin-left: -16.5px;
}
.map-data-info-duo .driver {
  position: absolute;
  top: 32px;
  width: 50%;
  bottom: 0;
}
.map-data-info-duo .driver .PELabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0;
}
.map-data-info-duo .driver.driver1 {
  left: 35px;
  width: 103px;
}
.map-data-info-duo .driver.driver2 {
  right: 0;
  width: 103px;
}
.map-data-info-duo .driver .TahoData {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  float: left;
  height: 19px;
  text-align: left;
  margin: 9px 0 0 0;
}
.HistoryMarkerPopupWrapper {
  padding: 8px;
  box-sizing: border-box;
  background: white;
  -moz-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  -webkit-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  font-size: 12px;
}
.HistoryMarkerPopupWrapper .HistoryMarkerPopupDate {
  font-weight: bold;
  margin-bottom: 5px;
}
.HistoryMarkerPopupWrapper .HistoryMarkerPopupAddress {
  font-style: italic;
  position: relative;
  padding-left: 21px;
}
.HistoryMarkerPopupWrapper .HistoryMarkerPopupAddress::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 14px;
  height: 16px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") -4px -862px no-repeat;
}
.LocationName {
  padding: 4px 8px;
  box-sizing: border-box;
  background: #004891;
  border-radius: 2px;
  color: white;
  -moz-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  -webkit-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  font-size: 11px;
}
/* Map search */

.mapSearchOuter {
  width: 350px;
  height: 38px;
  float: left;
  display: none;
}
.mapSearchOuter.visible {
  display: block;
}
.mapSearchOuter.visible .map-search-clear .divider {
  opacity: 1;
}
.mapSearchOuter.transition .mapSearchInput,
.mapSearchOuter.transition .map-search-button {
  opacity: 1;
}
.mapSearchOuter.transition .map-direction .divider {
  opacity: 1;
}
.mapSearchOuter .mapSearch {
  width: 100%;
  height: 100%;
  position: relative;
  background: white;
  -moz-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  -webkit-box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 10px rgba(33, 33, 33, 0.4);
}
.mapSearchOuter.smallControl .mapSearch {
  width: 181px;
}
.mapSearchOuter.smallControl .mapSearch .mapSearchInput {
  width: 124px;
}
.mapSearchOuter.smallControl .mapSearch .mapSearchInput input {
  width: 85px;
}
.mapSearchOuter.smallControl .mapSearch .mapSearchInput input::-webkit-input-placeholder {
  font-size: 14px;
}
.mapSearchOuter.smallControl .mapSearch .mapSearchInput input::-moz-placeholder {
  font-size: 14px;
}
.mapSearchOuter.smallControl .mapSearch .mapSearchInput input:-ms-input-placeholder {
  font-size: 14px;
}
.mapSearchInput {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 10px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  right: 70px;
  opacity: 0;
}
.mapSearchInput input {
  background: none;
  border: 0 none;
  width: 100%;
  height: 100%;
  outline: none;
  box-sizing: border-box;
}
/* Map search button */

.map-search-button {
  width: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  opacity: 0;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-search-button .icon {
  background: url("../Images/Map/search.png?v=3_18549") 0 0 no-repeat;
  width: 15px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -8px 0 0 -7.5px;
}
.map-search-button:hover .icon {
  background-position: -15px 0;
}
.map-search-button:active .icon {
  background-position: -15px 0;
}
.map-search-button.hidden {
  display: none;
}
/* Map search clear button */

.map-search-clear {
  width: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -35px;
  right: 0;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-search-clear .icon {
  background: url("../Images/Map/searchClear.png?v=3_14929") center 0px no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -15px 0 0 -15px;
}
.map-search-clear:hover .button .icon {
  background-position: center -30px;
}
.map-search-clear:active .button .icon {
  background-position: center -60px;
}
/* Directions button */

.map-direction {
  width: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -35px;
  left: 100%;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.map-direction .icon {
  background: url("../Images/Map/getRoute.png?v=3_18549") center 0 no-repeat;
  width: 21px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -10px 0 0 -10.5px;
}
.map-direction:hover .icon {
  background-position: center -20px;
}
.map-direction:active .icon {
  background-position: center -20px;
}
.map-direction.visible .button {
  left: 0;
  margin: 0;
  width: 100%;
}
.map-direction.visible .button .icon {
  left: 7px;
  margin: -10px 0 0 0;
}
.map-direction .title {
  opacity: 0;
  display: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  position: absolute;
  top: 13px;
  font-size: 12px;
  color: #444444;
  left: 35px;
  right: 35px;
  font-weight: bold;
}
/* Map search divider */

.map-direction .divider,
.map-search-clear .divider {
  width: 1px;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 1px;
  opacity: 0;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  border-left: 1px solid #dddddd;
}
.mapDirectionsOuter {
  position: relative;
  width: 350px;
  z-index: 11;
  display: none;
  opacity: 0;
}
.mapDirectionsOuter::before {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0;
  right: 0;
  background: #f3f3f3;
  top: 31px;
  height: 7px;
  z-index: 15;
  -moz-transition: all 0s ease-in;
  -o-transition: all 0s ease-in;
  -webkit-transition: all 0s ease-in;
  transition: all 0s ease-in;
  border-bottom: 1px solid #cccccc;
}
.mapDirectionsOuter.visible {
  display: block;
  opacity: 1;
}
.mapDirectionsOuter.transition {
  opacity: 1;
}
.mapDirectionsOuter.transition::before {
  opacity: 1;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.mapDirectionsOuter.transition .mapSearch {
  background: #f3f3f3;
  -webkit-box-shadow: 0 0 6px rgba(20, 20, 20, 0.4);
  -moz-box-shadow: 0 0 6px rgba(20, 20, 20, 0.4);
  box-shadow: 0 0 6px rgba(20, 20, 20, 0.4);
}
.mapDirectionsOuter.transition .mapSearch .mapDirectionButton {
  margin-left: 0;
  left: 0;
}
.mapDirectionsOuter.transition .mapSearch .mapDirectionsTitle {
  margin-left: 0;
  opacity: 1;
}
.mapDirectionsOuter.transition .mapSearch .map-direction-exit {
  opacity: 1;
}
.mapDirectionsOuter.transition .mapDirectionsSearch {
  max-height: 370px;
  opacity: 1;
}
.mapDirectionsOuter .mapSearch {
  height: 38px;
  width: 100%;
  background: white;
  position: relative;
  z-index: 10;
}
.mapDirectionsOuter .mapSearch .mapDirectionsTitle {
  position: absolute;
  top: 12px;
  font-size: 14px;
  color: #444444;
  overflow: hidden;
  margin-left: 100%;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  left: 35px;
  opacity: 0;
  right: 35px;
  font-weight: bold;
}
.mapDirectionsOuter .mapSearch .mapDirectionButton {
  width: 35px;
  top: 0;
  bottom: 0;
  left: 100%;
  cursor: default;
  position: absolute;
  margin-left: -35px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.mapDirectionsOuter .mapSearch .mapDirectionButton .mapDirectionButtonIcon {
  background: url("../Images/Map/getRoute.png?v=3_18549") center 0 no-repeat;
  width: 21px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -10px 0 0 -10.5px;
}
.mapDirectionsOuter .mapSearch .map-direction-exit {
  width: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mapDirectionsOuter .mapSearch .map-direction-exit .icon {
  background: url("../Images/Map/searchClear.png?v=3_18549") center -30px no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -15px 0 0 -15px;
}
.mapDirectionsOuter .mapSearch .map-direction-exit:hover .icon {
  background-position: center -60px;
}
.mapDirectionsOuter .mapDirectionsSearch {
  background: white;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  width: 100%;
  max-height: 0;
  opacity: 0;
  position: relative;
  z-index: 12;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  overflow: hidden;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper {
  width: 100%;
  position: relative;
  max-height: 314px;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  padding: 10px 0;
  overflow: auto;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult {
  font-size: 14px;
  position: relative;
  padding: 1px 34px 8px 34px;
  height: 34px;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult input {
  border: none;
  background: none;
  width: 100%;
  padding: 5px 0;
  height: 24px;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult input:focus {
  outline: none;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.focus .mapDirectionsSearchInputStart {
  display: block;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.focus .mapDirectionsSearchInputEnd {
  display: block;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult:hover .mapDirectionsSearchInput,
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.focus .mapDirectionsSearchInput {
  border-bottom: 1px solid #009fe3;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult:hover .mapDirectionsSearchInputStart,
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult:hover .mapDirectionsSearchInputEnd,
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.added .mapDirectionsSearchInputStart,
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.added .mapDirectionsSearchInputEnd {
  display: block;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.dragoverBefore,
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.dragoverAfter {
  opacity: .5;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: #dddddd;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.drag {
  opacity: .2;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult .mapDirectionsSearchResultIcon {
  background: url("../Images/Map/map-directions-pin.png?v=3_18549") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 9px;
  left: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult .mapDirectionsSearchResultIcon .mapDirectionsSearchHover {
  display: none;
  background: url("../Images/Map/mapDirectionsSearchHover.png?v=3_18549") center top no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 3px;
  left: -16px;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult .mapDirectionsSearchResultIcon .mapDirectionsSearchDots {
  background: url("../Images/Map/mapDirectionsSearchResultDots.png?v=3_18549") center 0 repeat-y;
  height: 15px;
  width: 7px;
  position: absolute;
  top: 22px;
  margin-left: -3.5px;
  left: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mapDirectionsOuter .mapDirectionsSearch .mapDirectionsSearchWrapper .mapDirectionsSearchResult.last .mapDirectionsSearchResultIcon {
  background-position: -16px 0;
}
.mapDirectionsSearchResultAdded {
  background: url("../Images/Map/searchClearOptions.png?v=3_18549") center top no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 3px 2px;
}
.mapDirectionsSearchResultAdded:hover {
  background-position: center -37px;
}
.mapDirectionsSearchInput {
  border-bottom: 1px solid #cccccc;
  height: 33px;
}
.mapDirectionsSearchSuggestion {
  font-size: 13px;
  display: none;
  background: #fefefe;
  top: 118px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  z-index: 99999;
  position: absolute;
  left: 15px;
  width: 325px;
}
.mapDirectionsSearchSuggestion ul li {
  padding: 10px 10px 10px 34px;
  list-style: none;
  font-size: 11px;
  border-bottom: 1px solid #f2f2f2;
  cursor: pointer;
  position: relative;
}
.mapDirectionsSearchSuggestion ul li:hover {
  background: #f9fcf5;
}
.mapDirectionsSearchSuggestion ul li:hover .mapDirectionsPinIcon.home {
  background-position: right -60px;
}
.mapDirectionsSearchSuggestion ul li:hover .mapDirectionsPinIcon.favorite {
  background-position: right -100px;
}
.mapDirectionsSearchSuggestion ul li:hover .mapDirectionsPinIcon.history {
  background-position: right -40px;
}
/* Map search for adding dynamic location */

.google-text-search {
  top: 15px;
  left: 15px;
  right: 15px;
  height: 38px;
  position: absolute;
}
.google-text-search .mapSearchOuter {
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  position: absolute;
}
.google-text-search .mapSearchOuter .mapSearch {
  display: table;
}
.google-text-search .mapSearchOuter .mapSearch .mapSearchInput {
  left: 0;
  top: 0;
  right: auto;
  display: table-cell;
  position: relative;
  bottom: 0;
  padding: 5px 0 5px 10px;
}
.google-text-search .mapSearchOuter .mapSearch .mapSearchInput input {
  height: 28px;
}
.google-text-search .mapSearchOuter .mapSearch .map-search-clear {
  display: table-cell;
  position: static;
  cursor: pointer;
}
.google-text-search .mapSearchOuter .mapSearch .map-search-clear.hidden {
  display: none;
}
.google-text-search .mapSearchOuter .mapSearch .map-search-clear .icon {
  position: relative;
  width: 11px;
  height: 12px;
  background-position: -10px -9px;
  top: 5px;
  margin: 0px 0 0 -5.5px;
}
.google-text-search .mapSearchOuter .mapSearch .map-search-button {
  position: static;
  display: table-cell;
  right: 0;
}
.google-text-search .mapSearchOuter .mapSearch .map-search-button .icon {
  position: relative;
  top: 3px;
}
/* Map search clear */

.searchClear {
  position: absolute;
  background: url("../Images/Map/searchClear.png?v=3_18549") center top no-repeat;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.searchClear:hover {
  background-position: center -30px;
}
/* Map search results */

.mapSearchResults {
  background: white;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  position: relative;
  top: 0;
  height: auto;
  width: 350px;
  z-index: 8;
}
.mapSearchResults:before {
  content: "";
  background: white;
  position: absolute;
  top: -7px;
  height: 6px;
  left: 1px;
  right: 1px;
}
.mapSearchResults ul {
  margin: 0;
  padding: 0;
}
.mapSearchResults ul li {
  margin: 0;
  padding: 9px 20px 7px 34px;
  list-style: none;
  font-size: 11px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  position: relative;
}
.mapSearchResults ul li:hover {
  background: #f9fcf5;
  color: #009fe3;
}
.mapSearchResults ul li.active {
  background: #71c2e2;
}
.mapSearchResults ul li:hover .searchGetRouteWrap,
.mapSearchResults ul li.active .searchGetRouteWrap {
  display: block;
}
.mapSearchResults ul li:hover .searchPinIcon {
  background-position: right -20px;
}
.mapSearchResults ul li.active .searchPinIcon {
  background-position: right -20px;
}
.mapSearchResults ul li .searchGetRouteWrap {
  display: none;
}
.searchPin {
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  padding: 3px 0 0 0;
}
.searchPinLocation {
  width: 95%;
}
.searchPinIcon {
  background: url("../Images/Map/icons.png?v=3_18549") left -20px no-repeat;
  width: 18px;
  height: 20px;
  text-align: center;
  position: absolute;
  top: 7px;
  left: 8px;
}
.searchGetRouteWrap {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 0px;
  padding: 7px;
}
.searchGetRoute {
  background: url("../Images/Map/getRoute.png?v=3_18549") center top no-repeat;
  width: 20px;
  height: 20px;
}
.searchGetRouteWrap:hover .searchGetRoute {
  background-position: center -20px;
}
.searchGetRouteWrap:active .searchGetRoute {
  background-position: center bottom;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mapSearchPin {
  width: 24px;
  height: 36px;
  cursor: pointer;
  position: relative;
  top: -15px;
  -webkit-animation: show 0.3s ease-out;
  -moz-animation: show 0.3s ease-out;
  -o-animation: show 0.3s ease-out;
  animation: show 0.3s ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background: url("../Images/Map/mapSearchPin.png?v=3_18549") 0 0 no-repeat;
}
.mapSearchPin::before {
  content: "";
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -15px;
  -webkit-animation: pulsate 0.55s ease-out;
  -moz-animation: pulsate 0.55s ease-out;
  -o-animation: pulsate 0.55s ease-out;
  animation: pulsate 0.55s ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  opacity: 0;
  z-index: -1;
  box-shadow: 0 0 1px 4px white;
  background: white;
}
.mapSearchPin.location {
  background-position: 0 0;
}
.mapSearchPin.location:hover {
  background-position: 0 -36px;
}
.mapSearchPin.location:active {
  background-position: 0 -72px;
}
.mapSearchPin.routeend {
  background-position: -48px 0;
}
.mapSearchPin.routeend:hover {
  background-position: -48px -36px;
}
.mapSearchPin.routeend:active {
  background-position: -48px -72px;
}
.mapSearchPin.routestart {
  background-position: -24px 0;
}
.mapSearchPin.routestart:hover {
  background-position: -24px -36px;
}
.mapSearchPin.routestart:active {
  background-position: -24px -72px;
}
.mapWaypointPin {
  width: 24px;
  height: 36px;
  cursor: pointer;
  position: relative;
  top: -15px;
  -webkit-animation: show 0.3s ease-out;
  -moz-animation: show 0.3s ease-out;
  -o-animation: show 0.3s ease-out;
  animation: show 0.3s ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background: url("../Images/Map/mapSearchPin.png?v=3_18549") -24px 0 no-repeat;
}
.mapWaypointPin:hover {
  background-position: -24px -36px;
}
.mapWaypointPin:active {
  background-position: -24px -72px;
}
.mapDirectionsPinLocation {
  width: 100%;
}
.mapDirectionsRouteInfoWrap {
  font-size: 13px;
  display: none;
  background: #fefefe;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  position: relative;
  top: 10px;
  width: 350px;
  z-index: 5;
}
.mapDirectionsRouteInfo {
  padding: 10px;
}
.mapDirectionsRouteInfoRoad {
  float: left;
  font-size: 14px;
  background: url("../Images/Map/road.png?v=3_18549") 0 0 no-repeat;
  padding-left: 22px;
  height: 16px;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapDirectionsRouteInfoLine {
  width: 100%;
  display: block;
  height: 1px;
  background: #dddddd;
  margin-top: 10px;
}
.mapDirectionsRouteInfoRoadKm {
  float: right;
  font-size: 18px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapDirectionsRouteInfoSend {
  padding: 0;
  position: relative;
}
.mapDirectionsRouteInfoSendInput {
  float: left;
  margin-top: 5px;
  width: 100%;
}
.mapDirectionsRouteInfoSendInput2 {
  float: left;
  margin-top: 5px;
  width: 100%;
}
.mapDirectionsRouteInfoSendInside {
  display: none;
  clear: both;
  float: none;
  padding: 8px 0 0 0;
}
.mapDirectionsRouteInfoSendInside .mapDirectionsRouteInfoSendInput input {
  display: block;
  margin-top: 5px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 3px 5px;
}
.mapDirectionsRouteInfoSendInside .mapDirectionsRouteInfoSendInput select {
  display: block;
  margin-top: 5px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 3px 3px;
}
.mapDirectionsRouteInfoSendInside .mapDirectionsRouteInfoSendInput2 input,
.mapDirectionsRouteInfoSendInside .mapDirectionsRouteInfoSendInput2 select {
  display: block;
  margin-top: 5px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 3px 3px;
}
.mapDirectionsRouteInfoTime1 {
  float: left;
  font-size: 12px;
  color: #666666;
}
.mapDirectionsRouteInfoTime2 {
  float: right;
  font-size: 12px;
  color: #666666;
}
.mapDirectionsRouteInfoSendButton {
  color: #009fe3;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mapDirectionsRouteInfoSendButton.active {
  background: url("../Images/Map/searchClearOptions.png?v=3_18549") no-repeat scroll 289px -77px transparent;
}
.mapDirectionsRouteInfoSendButton.active:hover {
  background-position: 289px -40px;
}
.mapDirectionsRouteInfoSendButton:hover {
  color: #444444;
}
.mapDirectionsRouteInfoSendButton:active {
  color: #999999;
}
.mapDirectionsRouteInfoSendOver {
  background: white;
  opacity: 0.9;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.mapDirectionsRouteInfoSendOverLoader {
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  margin: 0 0 0 -16px;
  width: 32px;
  height: 32px;
  z-index: 99;
  text-align: center;
}
.mapDirectionsRouteInfoSendOverLoaderText {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 99;
  font-weight: bold;
}
.mapDirectionsRouteAlter {
  font-size: 13px;
  display: none;
  background: #fefefe;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  position: relative;
  top: 10px;
  width: 350px;
  z-index: 6;
}
.mapDirectionsRouteAlter:hover {
  background: #f6f6f6;
}
.mapDirectionsRouteAlter.first {
  z-index: 4;
}
.mapDirectionsRouteAlter.second {
  z-index: 3;
}
.mapDirectionsRouteInfoSend .mapDirectionsRouteInfoSendOverLoader {
  display: none;
  position: absolute;
  top: 70px;
  left: 50%;
  margin: 0 0 0 -16px;
  width: 32px;
  height: 32px;
  z-index: 99;
  text-align: center;
}
.mapDirectionsRouteInfoSend .mapDirectionsRouteInfoSendOverLoaderText {
  display: none;
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 99;
}
.mapLocationToolSendTo {
  left: -250px;
  top: 5px;
  position: absolute;
  font-size: 14px;
  padding: 2%;
  width: 96%;
}
.mapLocationToolSendToTitle {
  display: block;
  font-size: 14px;
  color: #009fe3;
  font-weight: bold;
  padding-left: 35px;
}
.mapLocationToolSendToText {
  display: none;
  margin-top: 5px;
}
.mapLocationToolSendToTitle.active {
  cursor: pointer;
  background: url("../Images/Map/searchClearOptions.png?v=3_18549") 229px -85px no-repeat;
}
.mapLocationToolSendToTitle.active:hover {
  color: #666666;
  background-position: 229px -48px;
}
.mapLocationToolSendToTitle.active:active {
  color: #aaaaaa;
  background-position: 229px -11px;
}
.mapLocationToolSendToIcon {
  cursor: pointer;
  background: url("../Images/Map/mapTooltip.png?v=3_18549") -21px -3px no-repeat;
  width: 30px;
  height: 16px;
  position: absolute;
  left: 5px;
  top: 4px;
}
.mapLocationToolSendToTitle.active:hover .mapLocationToolSendToIcon {
  background-position: -21px -25px;
}
.mapLocationToolSendToTitle.active:active .mapLocationToolSendToIcon {
  background-position: -21px -47px;
}
.mapLocationToolRight {
  padding: 5px 0 5px 0;
  margin-top: 5px;
  height: 50px;
  cursor: pointer;
  width: 33.3%;
  float: right;
  font-size: 11px;
  text-align: center;
  color: #009fe3;
  font-weight: bold;
}
.mapDirectionsSearchOptions {
  position: relative;
  width: 100%;
  height: 35px;
  background: #fafafa;
  bottom: 0;
  border-top: 1px solid #eeeeee;
  display: none;
}
.mapDirectionsAddLocationIcon {
  background: url("../Images/Map/AddLocation.png?v=3_18549") 0 0 no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mapDirectionsAddLocationIcon:hover {
  background-position: 0 -30px;
}
.mapDirectionsAddLocationIcon:active {
  background-position: 0 -60px;
}
.mapDirectionsSearchSwitch {
  background: url("../Images/Map/mapDirectionsSearchResultSwitch.png?v=3_18549") center 0 no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0px;
  margin: -8px 0 0 0;
  cursor: pointer;
  padding: 0 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mapDirectionsSearchSwitch:hover {
  background-position: center -16px;
  width: 16px;
  height: 16px;
}
.mapDirectionsSearchSwitch:active {
  background-position: center -32px;
  width: 16px;
  height: 16px;
}
.mapDirectionsResultRemove {
  width: 35px;
  position: absolute;
  top: 0;
  height: 34px;
  right: 0;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  display: none;
  visibility: hidden;
}
.mapDirectionsSearchResult.directionWaypoint:hover .mapDirectionsResultRemove {
  display: block;
  visibility: visible;
}
.mapDirectionsSearchResult.first:hover .mapDirectionsResultRemove,
.mapDirectionsSearchResult.last:hover .mapDirectionsResultRemove {
  visibility: visible;
}
.mapDirectionsResultRemoveIcon {
  background: url("../Images/Map/searchClear.png?v=3_14929") center -30px no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin: -15px 0 0 -15px;
}
.mapDirectionWaypoints {
  position: relative;
}
/* Map search dropdown icons */

.mapIcon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 20px;
  float: left;
  margin: -10px 0 0 8px;
  background: url("../Images/Map/icons.png?v=3_18549") no-repeat;
  cursor: pointer;
}
.mapIcon .mapIconStart {
  background-position: 0 0;
}
.mapIcon .mapIconStart:hover {
  background-position: -18px 0;
}
.mapIcon .mapIconStart:active {
  background-position: -36px 0;
}
.mapIcon .mapIconEnd {
  background-position: 0 -20px;
}
.mapIcon .mapIconEnd:hover {
  background-position: -18px -20px;
}
.mapIcon .mapIconEnd:active {
  background-position: -36px -20px;
}
.mapIcon .mapIconLocation {
  margin: -9px 8px 4px 8px;
  background-position: 0 -20px;
}
.mapIcon .mapIconLocation:hover {
  background-position: -17px -20px;
}
.mapIcon .mapIconLocation:active {
  background-position: -35px -20px;
}
.mapIcon .mapIconDirections {
  background-position: 0 -40px;
}
.mapIcon .mapIconDirections:hover {
  background-position: -18px -40px;
}
.mapIcon .mapIconDirections:active {
  background-position: -36px -40px;
}
.mapIcon .mapIconVehicle {
  margin: -8px 8px 2px 8px;
  background-position: 0 -60px;
}
.mapIcon .mapIconVehicle:hover {
  background-position: -18px -60px;
}
.mapIcon .mapIconVehicle:active {
  background-position: -36px -60px;
}
.mapIcon .mapIconHistory {
  background-position: 0 -80px;
}
.mapIcon .mapIconHistory:hover {
  background-position: -18px -80px;
}
.mapIcon .mapIconHistory:active {
  background-position: -36px -80px;
}
.mapIcon .mapIconHome {
  background-position: 0 -100px;
}
.mapIcon .mapIconHome:hover {
  background-position: -18px -100px;
}
.mapIcon .mapIconHome:active {
  background-position: -36px -100px;
}
.mapIcon .mapIconFavorites {
  background-position: 0 -120px;
}
.mapIcon .mapIconFavorites:hover {
  background-position: -18px -120px;
}
.mapIcon .mapIconFavorites:active {
  background-position: -36px -120px;
}
.mapIcon .mapIconPartner {
  background-position: 0 -140px;
}
.mapIcon .mapIconPartner:hover {
  background-position: -18px -140px;
}
.mapIcon .mapIconPartner:active {
  background-position: -36px -140px;
}
.reverseGeocodePin {
  background: black;
  border: 2px solid white;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-shadow: 0 0 6px rgba(10, 10, 10, 0.4);
  -moz-box-shadow: 0 0 6px rgba(10, 10, 10, 0.4);
  box-shadow: 0 0 6px rgba(10, 10, 10, 0.4);
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.reverseGeocodePin::before {
  content: "";
  top: -5px;
  left: -5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #aba8a3;
  -webkit-animation: reveal-glowing 1.6s linear 0s infinite normal;
  animation: reveal-glowing 1.6s linear 0s infinite normal;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 1;
  z-index: 1;
  position: absolute;
}
.reverseGeocodePin.visible {
  visibility: visible;
}
@-webkit-keyframes reveal-glowing {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes reveal-glowing {
  0% {
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
/*.reveal-ripple {
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transform: scale(0.125);
    transform: scale(0.125);
}

.reveal-ripple.reveal-ripple-playing {
    visibility: visible;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: visibility 320ms,opacity 240ms 80ms ease-out,-webkit-transform 320ms 0s ease-out;
    transition: visibility 320ms,opacity 240ms 80ms ease-out,transform 320ms 0s ease-out;
}*/

.MessageBoxWindowContent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  top: 31px;
  overflow: hidden;
  padding: 20px;
}
.MessageBoxTitle {
  font-size: 1.5em;
  color: #009fe3;
  margin-bottom: 20px;
  display: block;
}
.MessageBoxImportantText {
  font-size: 1em;
  font-weight: bold;
  display: block;
}
.MessageBoxText {
  font-size: 0.9em;
}
a.MessageBoxLink:link {
  font-size: 0.9em;
  color: #009fe3;
  text-decoration: underline;
}
a.MessageBoxLink:visited {
  font-size: 0.9em;
  color: #009fe3;
  text-decoration: underline;
}
a.MessageBoxLink:hover {
  font-size: 0.9em;
  color: #76b736;
  text-decoration: underline;
}
.MessageBoxButtonContainer {
  position: absolute;
  left: 10px;
  right: 20px;
  bottom: 20px;
  height: 30px;
  border-top: 1px solid #ebebeb;
}
.MessageBoxButton {
  position: relative;
  text-align: center;
  padding: 3px 10px;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  -moz-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  margin: 0;
}
.MessageBoxButton.MessageBoxOk {
  background: #009fe3;
  border: 1px solid #008ac1;
  color: white;
}
.MessageBoxButton.MessageBoxYes,
.MessageBoxButton.MessageBoxNo,
.MessageBoxButton.MessageBoxCancel,
.MessageBoxButton.MessageBoxBack {
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
}
.MessageBoxButton.MessageBoxYes {
  margin-right: 15px;
}
.MessageBoxButton.MessageBoxCancel {
  margin-left: 15px;
}
.MessageBoxButton.MessageBoxBack {
  margin-left: 15px;
}
.MessageBoxButton.MessageBoxNo {
  margin-left: 15px;
}
.MessageBoxButton:hover {
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  padding: 3px 10px;
}
.MessageBoxButton.MessageBoxOk:hover {
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
}
.MessageBoxButton.MessageBoxYes:hover,
.MessageBoxButton.MessageBoxNo:hover,
.MessageBoxButton.MessageBoxCancel:hover,
.MessageBoxButton.MessageBoxBack:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.MessageBoxButton:active,
.MessageBoxButton.active {
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.MessageBoxButton.MessageBoxOk:active,
.MessageBoxButton.MessageBoxOk.active {
  background: #008ac1;
  border: 1px solid #006087;
  color: #f2f2f2;
}
.MessageBoxButton.MessageBoxYes:active,
.MessageBoxButton.MessageBoxNo.active,
.MessageBoxButton.MessageBoxNo:active,
.MessageBoxButton.MessageBoxYes.active,
.MessageBoxButton.MessageBoxCancel:active,
.MessageBoxButton.MessageBoxCancel.active,
.MessageBoxButton.MessageBoxBack:active,
.MessageBoxButton.MessageBoxBack.active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.MessageBoxButton.MessageBoxOk.focus {
  background: #008ac1;
  border: 1px solid #006087;
  -moz-box-shadow: 0px 1px 5px 1px rgba(0, 138, 193, 0.9);
  -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 138, 193, 0.9);
  box-shadow: 0px 1px 5px 1px rgba(0, 138, 193, 0.9);
}
.MessageBoxButton.MessageBoxYes.focus,
.MessageBoxButton.MessageBoxNo.focus,
.MessageBoxButton.MessageBoxCancel.focus,
.MessageBoxButton.MessageBoxBack.focus {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.MessageBoxWindowContentSimple {
  position: absolute;
  top: 43px;
  right: 20px;
  bottom: 70px;
  left: 20px;
  overflow: hidden;
}
.MessageBoxSimpleTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 2em;
  color: #009fe3;
  margin-bottom: 10px;
  border-bottom: 1px solid #009fe3;
}
.MessageBoxSimpleContent {
  position: absolute;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-x: hidden;
  top: 50px;
  bottom: 0;
}
.MessageBoxSimpleContentButtons {
  position: absolute;
  bottom: 0;
  height: 50px;
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #eeeeee;
  left: 20px;
  right: 20px;
}
.MultiSelectPopup {
  display: none;
}
.MultiSelectPopup.container {
  background-color: #eeeeee;
  padding: 15px;
  border: 1px solid #999999;
  -webkit-box-shadow: 0 0 20px #999999;
  box-shadow: 0 0 20px #999999;
  display: block;
}
.MultiSelectPopup.container ul {
  padding: 0;
  margin: 0;
}
.MultiSelectPopup.container ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
}
.MultiSelectPopup.container .name {
  margin-left: 6px;
  font-size: 0.9em;
}
.MultiSelectPopup.container .ok-button {
  float: none;
  margin-top: 7px;
}
.OrdersGrid .GridRow2.StatusIncomplete .GridRowContainer {
  background-color: #dd66dd;
}
.OrdersGrid .GridRow2.StatusAlert .GridRowContainer {
  background-color: #ffcc66;
}
.OrdersGrid .GridRow2.StatusAlert2 .GridRowContainer {
  background-color: #ffcc66;
}
.OrdersGrid .GridRow2.StatusWork .GridRowContainer {
  background-color: lemonchiffon;
}
.OrdersGrid .GridRow2.StatusWaiting .GridRowContainer {
  background-color: #66aaff;
}
.OrdersGrid .GridRow2.StatusComplete .GridRowContainer {
  background-color: #88dd88;
}
.OrdersGrid .GridRow2.StatusUnknown .GridRowContainer {
  background-color: white;
}
.OrdersGrid .GridRow2.MissedCall .GridRowContainer .C_1 {
  background-color: #dd1122;
}
.LabelStatusIncomplete {
  background-color: #dd66dd;
}
.LabelStatusAlert {
  background-color: #ffcc66;
}
.LabelStatusWork {
  background-color: lemonchiffon;
}
.LabelStatusWaiting {
  background-color: #66aaff;
}
.LabelStatusComplete {
  background-color: #88dd88;
}
.StatusLabel {
  font-size: 0.7em;
  padding: 3px;
}
.chkLblLabel {
  font-size: 0.7em;
  position: relative;
  top: -3px;
  left: 2px;
}
.WorkOrderDropdownName {
  font-size: 1.1em;
  font-weight: bold;
}
.WorkOrderDropdownLabel {
  float: left;
  font-size: 0.9em;
  color: #666666;
  padding-right: 3px;
}
.WorkOrderDropdownData {
  font-size: 0.9em;
  color: black;
}
.PhoneListMissing {
  padding: 2px;
}
.PhoneListMissing.Red {
  background-color: red;
}
.PhoneListMissing.Orange {
  background-color: #ffcc66;
}
.PhoneListMissing.Yellow {
  background-color: lemonchiffon;
}
.PhoneListMissing.Pink {
  background-color: hotpink;
}
.PhoneMissingGrid .GridRow2.Red .GridRowContainer {
  background-color: red;
}
.PhoneMissingGrid .GridRow2.Orange .GridRowContainer {
  background-color: #ffcc66;
}
.PhoneMissingGrid .GridRow2.Yellow .GridRowContainer {
  background-color: lemonchiffon;
}
.PhoneMissingGrid .GridRow2.Pink .GridRowContainer {
  background-color: hotpink;
}
/*BEGIN TrashRouteMap*/

.TimelinePopupRow .AddButton {
  position: absolute;
  right: 0px;
  width: 50%;
  height: 15px;
  background: red;
}
.CalendarDateUnavailable {
  background-color: #ffadad;
  color: black;
}
.CalendarDateAvailable {
  background-color: #adffad;
  color: black;
}
.Rent {
  font-size: 0.7em;
  padding: 3px;
}
.Rent.Received {
  background-color: red;
}
.Rent.Issued {
  background-color: aqua;
}
.Rent.Reserved {
  background-color: lime;
}
.RentGrid .GridRow2.Received .GridRowContainer {
  background-color: red;
}
.RentGrid .GridRow2.Issued .GridRowContainer {
  background-color: aqua;
}
.RentGrid .GridRow2.Reserved .GridRowContainer {
  background-color: lime;
}
.ArticlePrepareGrid .GridRow2.Prepared .GridRowContainer {
  background-color: limegreen;
}
.Reservation {
  font-size: 0.7em;
  padding: 3px;
}
.Reservation.Confirmed {
  background-color: lime;
}
.Reservation.Unconfirmed {
  background-color: yellow;
}
.Reservation.Completed {
  background-color: #ffc080;
}
.Reservation.Deleted {
  background-color: red;
}
.ReservationGrid .GridRow2.Deleted .GridRowContainer {
  background-color: red;
}
.ReservationGrid .GridRow2.Unconfirmed .GridRowContainer {
  background-color: yellow;
}
.ReservationGrid .GridRow2.Completed .GridRowContainer {
  background-color: #ffc080;
}
.ReservationGrid .GridRow2.Confirmed .GridRowContainer {
  background-color: lime;
}
.textOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ReservationCalendar ul {
  margin: 0;
  padding: 0;
}
.ReservationCalendar .outer-container {
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0px;
  bottom: 0px;
  background: #dddddd;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.ReservationCalendar .reservationbuttons-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 3px;
  left: 500px;
  width: 250px;
  height: 60px;
  display: none;
}
.ReservationCalendar .reservationbuttons-container .button-complete {
  position: absolute;
  top: 0px;
}
.ReservationCalendar .reservationbuttons-container .button-cancel {
  position: absolute;
  top: 30px;
}
.ReservationCalendar .reservationbuttons-container .reservation-button {
  width: 100px;
}
.ReservationCalendar .navigation-container {
  font-size: 20px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 400px;
  height: 100px;
  display: block;
  font-weight: bold;
}
.ReservationCalendar .navigation-container .curreservationDate {
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  right: 76px;
}
.ReservationCalendar .navigation-container .buttonPrevWeek {
  position: absolute;
  right: 144px;
}
.ReservationCalendar .navigation-container .buttonPrev {
  position: absolute;
  right: 108px;
}
.ReservationCalendar .navigation-container .buttonNext {
  position: absolute;
  right: 72px;
}
.ReservationCalendar .navigation-container .buttonNextWeek {
  position: absolute;
  right: 29px;
}
.ReservationCalendar .navigation-container .dateTimeInput {
  position: absolute;
  right: 0px;
  top: 0px;
}
.ReservationCalendar .navigation-container .dateTimeInput .DateInputField {
  display: none;
}
.buttonRefresh {
  position: absolute;
  left: 525px;
}
.ReservationCalendar .reservationinfo-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 460px;
  height: 30px;
  z-index: 100;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.ReservationCalendar .reservationinfo-container .from-div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 230px;
  height: 60px;
}
.ReservationCalendar .reservationinfo-container .from-div .from-divInner {
  width: 250px;
  padding: 2px 0;
  line-height: 25px;
}
.ReservationCalendar .reservationinfo-container .from-div .from-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.ReservationCalendar .reservationinfo-container .from-div .from-divInner .from {
  float: left;
  width: 70px;
}
.ReservationCalendar .reservationinfo-container .from-div .from-divInner .to {
  float: left;
  width: 70px;
}
.ReservationCalendar .reservationinfo-container .office-div {
  position: absolute;
  top: -3px;
  left: 2px;
  width: auto;
  height: 60px;
}
.ReservationCalendar .reservationinfo-container .office-div .office-divInner {
  width: 250px;
  padding: 2px 0;
  line-height: 25px;
}
.ReservationCalendar .reservationinfo-container .office-div .office-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.ReservationCalendar .reservationinfo-container .office-div .office-divInner .GTAFilterDropDown {
  float: right;
  position: relative;
}
.ReservationCalendar .reservationinfo-container .office-div .office-divInner .pickup {
  float: left;
  width: 93px;
}
.ReservationCalendar .reservationinfo-container .office-div .office-divInner .return {
  float: left;
}
.ReservationCalendar .reservationinfo-container .office-div2 {
  position: absolute;
  top: -3px;
  left: 265px;
  width: auto;
  height: 60px;
}
.ReservationCalendar .reservationinfo-container .office-div2 .office-divInner {
  width: 250px;
  padding: 2px 0;
  line-height: 25px;
}
.ReservationCalendar .reservationinfo-container .office-div2 .office-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.ReservationCalendar .reservationinfo-container .office-div2 .office-divInner .GTAFilterDropDown {
  float: right;
  position: relative;
}
.ReservationCalendar .reservationinfo-container .office-div2 .office-divInner .pickup {
  float: left;
  width: 93px;
}
.ReservationCalendar .reservationinfo-container .office-div2 .office-divInner .return {
  float: left;
}
.ReservationCalendar .reservationType-container {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 100px;
  right: 0;
  bottom: 0px;
  background: #dddddd;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.ReservationCalendar .days-container {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100px;
  bottom: 0px;
  background: #e7e7e7;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.ReservationCalendar .time-container {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100px;
  bottom: 0px;
  background: #e7e7e7;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.ReservationCalendar .reservation-container {
  overflow: auto;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0px;
  width: 200px;
  bottom: 0px;
  background: #dddddd;
  display: none;
}
.ReservationCalendar .header {
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 74px;
  -webkit-touch-callout: none;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #bbbbbb;
}
.ReservationCalendar .header-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 16px;
  overflow: hidden;
  z-index: 1;
}
.cell.empty {
  height: 100%;
}
.ReservationCalendar .header .cell {
  margin: 0;
  vertical-align: middle;
  float: left;
  bottom: 0;
  position: relative;
  height: 75px;
}
.ReservationCalendar .header .cell .AddBtn {
  position: absolute;
  bottom: 9px;
  right: 5px;
  font-weight: bold;
  color: black;
  z-index: 10;
  width: 10px;
  height: 10px;
  font-size: 18px;
  cursor: pointer;
  display: none;
}
.ReservationCalendar .header .cell:hover {
  background: #e0e0e0;
}
.ReservationCalendar .header .cell:active {
  background: #d6d6d6;
}
.ReservationCalendar .data-body-noarticles {
  overflow: auto;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0px;
  background: white;
  font-size: 16px;
  overflow-y: scroll;
}
.ReservationCalendar .data-body {
  overflow: auto;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0px;
  background: white;
  font-size: 12px;
  overflow-y: scroll;
}
.ReservationCalendar .data-body .cell {
  margin: 0;
  vertical-align: middle;
  position: relative;
  float: left;
  height: 25px;
  padding-top: 4px;
}
.ReservationCalendar .data-body .cell.unavailable {
  background-color: gray;
}
.ReservationCalendar .data-body .cell.available {
  background-color: green;
}
.ReservationCalendar .data-body .cell.reserved {
  background-color: white;
}
.ReservationCalendar .data-body .cell.unconfirmed {
  background-color: yellow;
}
.ReservationCalendar .data-body .cell.other {
  background-color: lightcoral;
}
.ReservationCalendar .day {
  margin: 0;
  padding-top: 3px;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 21px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  font-weight: bold;
}
.ReservationCalendar .day.sunday {
  background-color: #e1e1b6;
}
.ReservationCalendar .day.holiday {
  background-color: red;
}
.ReservationCalendar .time {
  margin: 0;
  padding-top: 3px;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 25px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  font-weight: bold;
}
.ReservationCalendar .day.empty {
  height: 75px;
  position: absolute;
  left: 0px;
  right: 0px;
  background: #e7e7e7;
  border-bottom: 1px solid #bbbbbb;
  padding-top: 10px;
  z-index: 1;
}
.ReservationCalendar .time.empty {
  height: 75px;
  position: absolute;
  left: 0px;
  right: 0px;
  background: #e7e7e7;
  border-bottom: 1px solid #bbbbbb;
  padding-top: 10px;
  z-index: 1;
}
.ReservationCalendar .time-inner {
  padding-top: 75px;
}
.ReservationCalendar .days-inner {
  padding-top: 75px;
}
.ReservationCalendar .reservation {
  position: relative;
}
.ReservationCalendar .reservation.header {
  height: 63px;
}
.ReservationCalendar .reservation.header .text {
  position: absolute;
  left: 10px;
  font-size: 17px;
  top: 20px;
}
.ReservationCalendar .reservation.article {
  height: 21px;
}
.ReservationCalendar .reservation.article .text {
  margin: 2px;
}
.ReservationCalendar .reservation .item {
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  border-bottom-color: #bbbbbb;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 32px;
}
.ReservationCalendar .reservation .item.unavailable {
  background-color: #ff8888;
}
.ReservationCalendar .reservation .RemoveBtn {
  position: absolute;
  bottom: 9px;
  right: 5px;
  font-weight: bold;
  color: black;
  z-index: 10;
  width: 10px;
  height: 10px;
  font-size: 15px;
  cursor: pointer;
}
.ReservationCalendar .row {
  display: block;
  /*float: left;*/
  clear: both;
}
.DayItem {
  text-align: center;
  margin-top: 5px;
}
.BranchOfficeReservationItem {
  height: 20px;
  top: 35px;
  position: absolute;
  border-right: 1px solid #c2c2c2;
  text-align: center;
}
.BranchOfficeReservationItem.NoBorder {
  border-right: none;
}
.SlotReservationItem {
  height: 20px;
  top: 20px;
  position: absolute;
  border-right: 1px solid #c2c2c2;
}
.SlotReservationItem.NoBorder {
  border-right: none;
}
.BranchOfficeCalendarItem2 {
  width: 100px;
  height: 20px;
  top: 27px;
  left: 100px;
  position: absolute;
}
.ReservationCalendar .row:nth-child(2n+2) {
  background-color: rgba(0, 0, 0, 0.01);
}
.ReservationCalendar .data-body .row .row-container:hover,
.ReservationCalendar .data-body .row .row-container:hover:nth-child(2n+2):hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.ReservationCalendar .data-body .row.selected .row-container,
.ReservationCalendar .data-body .row.selected .row-container:hover,
.ReservationCalendar .data-body .row.selected:nth-child(2n+2) .row-container,
.ReservationCalendar .data-body .row.selected:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ReservationCalendar .data-body .row.linkedEvents .row-container,
.ReservationCalendar .data-body .row.linkedEvents .row-container:hover,
.ReservationCalendar .data-body .row.linkedEvents:nth-child(2n+2) .row-container,
.ReservationCalendar .data-body .row.linkedEvents:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ReservationCalendar .row-container .name {
  position: relative;
  top: 2px;
}
.ReservationCalendar .row-container:hover .Loka {
  background-color: #ff9999;
}
.ReservationCalendar .row-container:hover .Ljubljana {
  background-color: #99ff99;
}
.ReservationCalendar .row-container:hover .Radovljica {
  background-color: #9999ff;
}
.ReservationCalendar .row-container:hover .BTC {
  background-color: #ffcc99;
}
.ReservationCalendar .row-container:hover .Izposoja {
  background-color: #dddddd;
}
.ReservationCalendar .row-container:hover .Odprodaja {
  background-color: #d9d9d9;
}
.ReservationCalendar .row-container:hover .Poskodba .name {
  background-color: #66b2b2;
}
.ReservationCalendar .row-container:hover .Servis .name {
  background-color: #b266b2;
}
.ReservationCalendar .row-container:hover .ArticleUnavailable {
  background-color: #999999;
}
.ReservationCalendar .data-body .row.selected .row-container,
.ReservationCalendar .data-body .row.selected .row-container:hover,
.ReservationCalendar .data-body .row.selected:nth-child(2n+2) .row-container,
.ReservationCalendar .data-body .row.selected:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ReservationCalendar .row-container {
  float: left;
  position: relative;
  display: inline-block;
}
.ReservationCalendar .row-container .Loka {
  background-color: #ff9999;
}
.ReservationCalendar .row-container .Ljubljana {
  background-color: #99ff99;
}
.ReservationCalendar .row-container .Radovljica {
  background-color: #9999ff;
}
.ReservationCalendar .row-container .BTC {
  background-color: #ffcc99;
}
.ReservationCalendar .row-container .Izposoja {
  background-color: #dddddd;
}
.ReservationCalendar .row-container .Odprodaja {
  background-color: #d9d9d9;
}
.ReservationCalendar .row-container .Poskodba .name {
  background-color: #66b2b2;
}
.ReservationCalendar .row-container .Servis .name {
  background-color: #b266b2;
}
.ReservationCalendar .row-container .ArticleUnavailable {
  background-color: #999999;
}
.ReservationCalendar .data-body .row-container:hover {
  background: white;
}
.cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .cell .rescell-container {
  padding: 6px;
  width: 100%;
  height: 71px;
  cursor: pointer;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.header .cell .rescell-container .description {
  font-weight: normal;
  height: 26px;
  overflow: hidden;
}
.header .cell .rescell-container .description2 {
  font-weight: normal;
  height: 26px;
  overflow: hidden;
}
.header .cell .rescell-container .fawid {
  font-weight: normal;
  height: 14px;
}
.header .cell.first .rescell-container {
  left: 0;
  right: 4px;
  padding: 6px 18px 6px 6px;
  box-sizing: border-box;
}
.header .cell.last .rescell-container {
  right: 0;
  padding: 6px 21px 6px 3px;
}
.header .cell .cell-border {
  border-right: 1px solid #c2c2c2;
  position: absolute;
  width: 2px;
  right: 0;
  bottom: 0;
  top: 0;
}
.data-body .cell {
  position: relative;
  height: 21px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.data-body .cell .rescell-container {
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-body .rescell-container {
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReservationCalendar.reservation-mode .startreservation-container {
  display: none;
}
.ReservationCalendar.reservation-mode .productgroup-container {
  top: 30px;
  right: 0px;
}
.ReservationCalendar.reservation-mode .reservationinfo-container {
  display: block;
}
.ReservationCalendar.reservation-mode .reservation-container {
  display: block;
}
.ReservationCalendar.reservation-mode .days-container {
  left: 200px;
}
.ReservationCalendar.reservation-mode .reservationType-container {
  left: 225px;
}
.ReservationCalendar.reservation-mode .outer-container {
  top: 66px;
}
.ReservationCalendar.reservation-mode .reservationbuttons-container {
  display: block;
}
.ReservationCalendar.reservation-mode .header .cell .AddBtn {
  display: block;
}
.ReservationOffice.BO_1 {
  background-color: #ff9999;
}
.ReservationOffice.BO_3 {
  background-color: #99ff99;
}
.ReservationOffice.BO_6 {
  background-color: #9999ff;
}
.ReservationOffice.BO_2 {
  background-color: #ffcc99;
}
.reservation-selection-menu {
  background: white;
  font-size: 12px;
  padding: 3px;
}
.reservation-selection-menu-item {
  padding: 2px;
  cursor: pointer;
}
.reservation-selection-menu-item:hover {
  background: #e0e0e0;
}
.TestArticleCalendar ul {
  margin: 0;
  padding: 0;
}
.TestArticleCalendar .outer-container {
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0px;
  bottom: 0px;
  background: #dddddd;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .startrent-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 500px;
  height: 25px;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .rentbuttons-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 3px;
  left: 500px;
  width: 250px;
  height: 60px;
  display: none;
}
.TestArticleCalendar .rentbuttons-container .button-complete {
  position: absolute;
  top: 0px;
}
.TestArticleCalendar .rentbuttons-container .button-complete-issue {
  position: absolute;
  top: 0px;
  left: 140px;
}
.TestArticleCalendar .rentbuttons-container .button-cancel {
  position: absolute;
  top: 30px;
}
.TestArticleCalendar .rentbuttons-container .rent-button {
  width: 100px;
}
.TestArticleCalendar .navigation-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 250px;
  height: 25px;
  display: block;
}
.TestArticleCalendar .navigation-container .currentDate {
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  right: 76px;
}
.TestArticleCalendar .navigation-container .buttonPrev {
  position: absolute;
  right: 36px;
}
.TestArticleCalendar .navigation-container .buttonNext {
  position: absolute;
  right: 0px;
}
.TestArticleCalendar .productgroup-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 270px;
  width: 440px;
  height: 30px;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .productgroup-container .productgroup-divInner {
  width: 237px;
  line-height: 25px;
  float: left;
}
.TestArticleCalendar .productgroup-container .productgroup-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.TestArticleCalendar .productgroup-container .productgroup-divInner .GTAFilterDropDown {
  float: right;
  position: relative;
  width: 180px;
}
.TestArticleCalendar .productgroup-container .productgroup-divInner .productGroup {
  float: left;
  width: 55px;
}
.TestArticleCalendar .productgroup-container .button-override {
  float: left;
  margin-left: 10px;
  margin-top: 3px;
}
.TestArticleCalendar .rentinfo-container {
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 460px;
  height: 60px;
  display: none;
  z-index: 100;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .rentinfo-container .from-div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 230px;
  height: 60px;
}
.TestArticleCalendar .rentinfo-container .from-div .from-divInner {
  width: 170px;
  padding: 2px 0;
  line-height: 25px;
}
.TestArticleCalendar .rentinfo-container .from-div .from-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.TestArticleCalendar .rentinfo-container .from-div .from-divInner .from {
  float: left;
  width: 70px;
}
.TestArticleCalendar .rentinfo-container .from-div .from-divInner .to {
  float: left;
  width: 70px;
}
.TestArticleCalendar .rentinfo-container .office-div {
  position: absolute;
  top: 0px;
  left: 230px;
  width: auto;
  height: 60px;
}
.TestArticleCalendar .rentinfo-container .office-div .office-divInner {
  width: 220px;
  padding: 2px 0;
  line-height: 25px;
}
.TestArticleCalendar .rentinfo-container .office-div .office-divInner::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.TestArticleCalendar .rentinfo-container .office-div .office-divInner .GTAFilterDropDown {
  float: right;
  position: relative;
}
.TestArticleCalendar .rentinfo-container .office-div .office-divInner .pickup {
  float: left;
  width: 70px;
}
.TestArticleCalendar .rentinfo-container .office-div .office-divInner .return {
  float: left;
}
.TestArticleCalendar .article-container {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 25px;
  right: 0;
  bottom: 0px;
  background: #dddddd;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .days-container {
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0px;
  width: 25px;
  bottom: 0px;
  background: #e7e7e7;
  display: block;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.TestArticleCalendar .rent-container {
  overflow: auto;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0px;
  width: 200px;
  bottom: 0px;
  background: #dddddd;
  display: none;
}
.TestArticleCalendar .header {
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 112px;
  -webkit-touch-callout: none;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #bbbbbb;
}
.TestArticleCalendar .header-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 16px;
  overflow: hidden;
  z-index: 1;
}
.cell.empty {
  height: 100%;
}
.TestArticleCalendar .header .cell {
  margin: 0;
  vertical-align: middle;
  float: left;
  bottom: 0;
  position: relative;
  height: 112px;
}
.TestArticleCalendar .header .cell .AddBtn {
  position: absolute;
  bottom: 9px;
  right: 5px;
  font-weight: bold;
  color: black;
  z-index: 10;
  width: 10px;
  height: 10px;
  font-size: 18px;
  cursor: pointer;
  display: none;
}
.TestArticleCalendar .header .cell:hover {
  background: #e0e0e0;
}
.TestArticleCalendar .header .cell:active {
  background: #d6d6d6;
}
.TestArticleCalendar .data-body-noarticles {
  overflow: auto;
  position: absolute;
  top: 114px;
  left: 0;
  right: 0;
  bottom: 25px;
  background: white;
  font-size: 16px;
  overflow-y: scroll;
}
.TestArticleCalendar .data-body {
  overflow: auto;
  position: absolute;
  top: 114px;
  left: 0;
  right: 0;
  bottom: 25px;
  background: white;
  font-size: 12px;
  overflow-y: scroll;
}
.TestArticleCalendar .data-body .cell {
  margin: 0;
  vertical-align: middle;
  position: relative;
  float: left;
}
.TestArticleCalendar .data-body .cell.unavailable {
  background-color: #ffaaaa;
}
.TestArticleCalendar .data-body .cell.unavailable.WH1 {
  background-color: #ff9999;
}
.TestArticleCalendar .data-body .cell.unavailable.WH2 {
  background-color: #ffcc99;
}
.TestArticleCalendar .data-body .cell.unavailable.WH3 {
  background-color: #99ff99;
}
.TestArticleCalendar .data-body .cell.unavailable.WH6 {
  background-color: #9999ff;
}
.TestArticleCalendar .data-body .cell.unavailable.WH99 {
  background-color: #ffff99;
}
.TestArticleCalendar .data-body .cell.unavailable.Transfer {
  background-color: #aaaaaa;
}
.TestArticleCalendar .data-body .cell.unavailable.Damage {
  background-color: #66b2b2;
}
.TestArticleCalendar .data-body .cell.unavailable.CurrentRent {
  background-color: #cccccc;
}
.TestArticleCalendar .data-body .cell.unavailable.ArticleUnavailable {
  background-color: #999999;
}
.TestArticleCalendar .data-body .cell.available {
  background-color: #fcfcfc;
}
.TestArticleCalendar .data-body .cell.available.ArticleUnavailable {
  background-color: #999999;
}
.TestArticleCalendar .day {
  margin: 0;
  padding-top: 3px;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 21px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  font-weight: bold;
}
.TestArticleCalendar .day.sunday {
  background-color: #e1e1b6;
}
.TestArticleCalendar .day.holiday {
  background-color: #ff9999;
}
.TestArticleCalendar .day.empty {
  height: 114px;
  position: absolute;
  left: 0px;
  right: 0px;
  background: #e7e7e7;
  border-bottom: 1px solid #bbbbbb;
  padding-top: 10px;
  z-index: 1;
}
.TestArticleCalendar .days-inner {
  padding-top: 114px;
}
.TestArticleCalendar .rent {
  position: relative;
}
.TestArticleCalendar .rent.header {
  height: 63px;
}
.TestArticleCalendar .rent.header .text {
  position: absolute;
  left: 10px;
  font-size: 17px;
  top: 20px;
}
.TestArticleCalendar .rent.article {
  height: 21px;
}
.TestArticleCalendar .rent.article .text {
  margin: 2px;
}
.TestArticleCalendar .rent .item {
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  border-bottom-color: #bbbbbb;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  height: 32px;
}
.TestArticleCalendar .rent .item.unavailable {
  background-color: #ff8888;
}
.TestArticleCalendar .rent .RemoveBtn {
  position: absolute;
  bottom: 9px;
  right: 5px;
  font-weight: bold;
  color: black;
  z-index: 10;
  width: 10px;
  height: 10px;
  font-size: 15px;
  cursor: pointer;
}
.TestArticleCalendar .row {
  display: block;
  /*float: left;*/
  clear: both;
}
.TestArticleCalendar .row:nth-child(2n+2) {
  background-color: rgba(0, 0, 0, 0.01);
}
.TestArticleCalendar .data-body .row .row-container:hover,
.TestArticleCalendar .data-body .row .row-container:hover:nth-child(2n+2):hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.TestArticleCalendar .data-body .row.selected .row-container,
.TestArticleCalendar .data-body .row.selected .row-container:hover,
.TestArticleCalendar .data-body .row.selected:nth-child(2n+2) .row-container,
.TestArticleCalendar .data-body .row.selected:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.TestArticleCalendar .data-body .row.linkedEvents .row-container,
.TestArticleCalendar .data-body .row.linkedEvents .row-container:hover,
.TestArticleCalendar .data-body .row.linkedEvents:nth-child(2n+2) .row-container,
.TestArticleCalendar .data-body .row.linkedEvents:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.TestArticleCalendar .row-container:hover .Loka {
  background-color: #ff9999;
}
.TestArticleCalendar .row-container:hover .Ljubljana {
  background-color: #99ff99;
}
.TestArticleCalendar .row-container:hover .Radovljica {
  background-color: #9999ff;
}
.TestArticleCalendar .row-container:hover .BTC {
  background-color: #ffcc99;
}
.TestArticleCalendar .row-container:hover .KG {
  background-color: #ffff99;
}
.TestArticleCalendar .row-container:hover .Izposoja {
  background-color: #dddddd;
}
.TestArticleCalendar .row-container:hover .Odprodaja {
  background-color: #666666;
  color: white;
}
.TestArticleCalendar .row-container:hover .Poskodba .name {
  background-color: #66b2b2;
}
.TestArticleCalendar .row-container:hover .Servis .name {
  background-color: #b266b2;
}
.TestArticleCalendar .row-container:hover .ArticleUnavailable {
  background-color: #999999;
}
.TestArticleCalendar .data-body .row.selected .row-container,
.TestArticleCalendar .data-body .row.selected .row-container:hover,
.TestArticleCalendar .data-body .row.selected:nth-child(2n+2) .row-container,
.TestArticleCalendar .data-body .row.selected:nth-child(2n+2) .row-container:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.TestArticleCalendar .row-container {
  float: left;
  position: relative;
  display: inline-block;
}
.TestArticleCalendar .row-container .Loka {
  background-color: #ff9999;
}
.TestArticleCalendar .row-container .Ljubljana {
  background-color: #99ff99;
}
.TestArticleCalendar .row-container .Radovljica {
  background-color: #9999ff;
}
.TestArticleCalendar .row-container .BTC {
  background-color: #ffcc99;
}
.TestArticleCalendar .row-container .KG {
  background-color: #ffff99;
}
.TestArticleCalendar .row-container .Izposoja {
  background-color: #dddddd;
}
.TestArticleCalendar .row-container .Odprodaja {
  background-color: #666666;
  color: white;
}
.TestArticleCalendar .row-container .Poskodba .name {
  background-color: #66b2b2;
}
.TestArticleCalendar .row-container .Servis .name {
  background-color: #b266b2;
}
.TestArticleCalendar .row-container .ArticleUnavailable {
  background-color: #999999;
}
.TestArticleCalendar .data-body .row-container:hover {
  background: white;
}
.cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .cell .cell-container {
  padding: 6px;
  width: 100%;
  height: 108px;
  cursor: pointer;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.header .cell .cell-container .description {
  font-weight: normal;
  height: 26px;
  overflow: hidden;
}
.header .cell .cell-container .description2 {
  font-weight: normal;
  height: 26px;
  overflow: hidden;
}
.header .cell .cell-container .fawid {
  font-weight: normal;
  height: 14px;
}
.header .cell.first .cell-container {
  left: 0;
  right: 4px;
  padding: 6px 18px 6px 6px;
  box-sizing: border-box;
}
.header .cell.last .cell-container {
  right: 0;
  padding: 6px 21px 6px 3px;
}
.header .cell .cell-border {
  border-right: 1px solid #c2c2c2;
  position: absolute;
  width: 2px;
  right: 0;
  bottom: 0;
  top: 0;
}
.data-body .cell {
  position: relative;
  height: 21px;
}
.data-body .cell .cell-container {
  padding: 4px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TestArticleCalendar.rent-mode .startrent-container {
  display: none;
}
.TestArticleCalendar.rent-mode .productgroup-container {
  top: 30px;
  right: 0px;
}
.TestArticleCalendar.rent-mode .rentinfo-container {
  display: block;
}
.TestArticleCalendar.rent-mode .rent-container {
  display: block;
}
.TestArticleCalendar.rent-mode .days-container {
  left: 200px;
}
.TestArticleCalendar.rent-mode .article-container {
  left: 225px;
}
.TestArticleCalendar.rent-mode .outer-container {
  top: 66px;
}
.TestArticleCalendar.rent-mode .rentbuttons-container {
  display: block;
}
.TestArticleCalendar.rent-mode .header .cell .AddBtn {
  display: block;
}
.TestArticleGrid .GridRow2.Loka .GridRowContainer {
  background-color: #ff9999;
}
.TestArticleGrid .GridRow2.Ljubljana .GridRowContainer {
  background-color: #99ff99;
}
.TestArticleGrid .GridRow2.Radovljica .GridRowContainer {
  background-color: #9999ff;
}
.TestArticleGrid .GridRow2.BTC .GridRowContainer {
  background-color: #ffcc99;
}
.TestArticleGrid .GridRow2.KG .GridRowContainer {
  background-color: #ffff99;
}
.TestArticleGrid .GridRow2.Izposoja .GridRowContainer {
  background-color: #dddddd;
}
.TestArticleGrid .GridRow2.Poskodba .GridRowContainer .C_1 {
  background-color: #66b2b2;
}
.TestArticleGrid .GridRow2.Servis .GridRowContainer .C_1 {
  background-color: #b266b2;
}
.ArticlesGrid .GridRow2.Tagged .GridRowContainer {
  background-color: #99ff99;
}
.Warehouse {
  font-size: 0.7em;
  padding: 3px;
}
.Warehouse.Loka {
  background-color: #ff9999;
}
.Warehouse.Ljubljana {
  background-color: #99ff99;
}
.Warehouse.Radovljica {
  background-color: #9999ff;
}
.Warehouse.BTC {
  background-color: #ffcc99;
}
.Warehouse.KG {
  background-color: #ffff99;
}
.Warehouse.Odprodaja {
  color: white;
  background-color: #666666;
}
.Warehouse.Poskodba {
  background-color: #66b2b2;
}
.Warehouse.Servis {
  background-color: #b266b2;
}
.ArticlesListTooltip {
  position: absolute;
  z-index: 100000;
  text-align: left;
  border-radius: 3px;
  background: white;
  width: auto;
  max-width: 400px;
  font-size: 12px;
  color: #333333;
  padding: 5px 15px 5px 25px;
  border: 1px solid #dbdbdb;
  opacity: 0;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  -webkit-animation: fadeInToolTip 1s both;
  -moz-animation: fadeInToolTip 1s both;
  animation: fadeInToolTip 1s both;
}
.ArticlesListTooltipCell:hover .ArticlesListTooltip {
  opacity: 1;
}
.ArticlesListTooltip li > ul {
  margin-left: 10px;
}
.day-selected .row-container {
  border-top: 2px solid red;
  border-bottom: 2px solid red;
}
.day-selected.day {
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  height: 25px;
}
.day {
  cursor: pointer;
}
.TextSearchResults .searchPinLocation {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.TextSearchResults .mapIcon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 20px;
  float: left;
  margin: 10px;
  background: url("../Images/Map/icons.png?v=3_18549") no-repeat;
  cursor: pointer;
  margin: 2px;
}
.TextSearchResults {
  background: white;
  box-shadow: 0 0 6px 0 rgba(33, 33, 33, 0.4);
  position: relative;
  top: 2px;
  height: auto;
  width: 325px;
  z-index: 8;
}
.TextSearchResults ul {
  margin: 0;
  padding: 0;
}
.TextSearchResults ul li {
  margin: 0;
  padding: 5px;
  list-style: none;
  font-size: 11px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  position: relative;
}
.TextSearchResults ul li:hover {
  background: #f9fcf5;
}
.TextSearchResults ul li.active {
  background: #71c2e2;
}
.TextSearchResults ul li .searchGetRouteWrap {
  display: none;
}
.TextSearchResults ul li:hover .searchGetRouteWrap,
.mapSearchResults ul li.active .searchGetRouteWrap {
  display: block;
}
.TextSearchResults ul li:hover .searchPinIcon {
  background-position: right -20px;
}
.TextSearchResults ul li.active .searchPinIcon {
  background-position: right -20px;
}
.TextSearchResults .mapIcon.TMS {
  background-position: 0 -160px;
  top: 2px;
}
.TextSearchResults .mapIcon.Google {
  background-position: 0 -180px;
  top: 2px;
}
/* POSLOVNI DEL APLIKACIJE */

.unselectable {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* GRID */

.GridToolbarActionsWrapper {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 20px;
  right: 20px;
}
.GTAButton {
  position: relative;
  float: left;
  padding: 2px 10px;
  color: white;
  font-size: 0.9em;
  background-color: #009fe3;
  cursor: pointer;
  margin-right: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #006087;
}
.GTALabel {
  font-size: 0.9em;
}
.GTAButton:hover {
  background-color: #537c29;
}
.GTAButton img {
  margin: 1px 5px 0 0;
  float: left;
}
.GTAButtonMajor {
  -moz-user-select: -moz-none;
  user-select: none;
  position: relative;
  float: left;
  padding: 2px 10px;
  color: white;
  font-size: 0.9em;
  background-color: #009fe3;
  cursor: pointer;
  margin-right: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #006087;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.GTAButtonMajor:hover {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  background-color: #5c8b2e;
  border: 1px solid #006087;
}
.GTAButtonMajor:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
  color: white;
  border: 1px solid #006087;
  background-color: #009fe3;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: none !important;
}
.GTAButtonMinor {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  float: left;
  padding: 2px 10px;
  color: #333333;
  font-size: 0.9em;
  background-color: whitesmoke;
  cursor: pointer;
  margin-right: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #c2c2c2;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.GTAButtonMinor:hover {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #999999;
  background-color: #e4e4e4;
}
.GTAButtonMinor:active {
  -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
  background-color: #eeeeee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: none !important;
}
.GTAButtonAdd {
  background: #009fe3 url("../Images/WindowToolbarIcons/icAddWhite.png?v=3_18549") 7px center no-repeat;
  padding-left: 26px;
}
.GTAButtonRemove {
  background: #eeeeee url("../Images/WindowToolbarIcons/icDeleteBlack.png?v=3_18549") 7px center no-repeat;
  padding-left: 26px;
}
.GTAButtonEdit {
  background: #eeeeee url("../Images/WindowToolbarIcons/icEdit.png?v=3_18549") 7px center no-repeat;
  padding-left: 26px;
}
.GTAButtonCopy {
  background: #eeeeee url("../Images/WindowToolbarIcons/icCopy.png?v=3_18549") 7px center no-repeat;
  padding-left: 26px;
}
.GTASearchFilterWrapper {
  position: absolute;
  left: 270px;
}
.GTASearchFilterWrapperInfo {
  position: absolute;
  left: 115px;
}
.GTASearchWrapper {
  position: absolute;
  width: 200px;
  height: 20px;
}
.TextInputField {
  padding: 3px 5px;
  height: 16px;
}
.GTASearchIcon {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
  height: 22px;
  width: 22px;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  background-color: #666666;
  cursor: pointer;
}
.GTASearchIcon:hover {
  background-color: #009fe3;
}
.GTAFilterDropDown {
  height: 24px;
  width: 150px;
  background: white;
}
.NewRowColumn .GTAFilterDropDown,
.NewRowColumn .DropDownInputFieldContainer,
.NewRowColumn .DropDownInputButton {
  background: none;
  border: 0 none;
}
.NewRowColumn .GTAFilterDropDown:hover .DropDownInputFieldContainer {
  border: 0 none;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 138, 193, 0);
  -moz-box-shadow: inset 0 0 0 rgba(0, 138, 193, 0);
  box-shadow: inset 0 0 0 rgba(0, 138, 193, 0);
}
.NewRowColumn .GTAFilterDropDown:hover .DropDownInputButton {
  border: 0 none;
}
.NewRowColumn:hover {
  -webkit-box-shadow: inset 0 0 3px rgba(255, 198, 79, 0.7);
  -moz-box-shadow: inset 0 0 3px rgba(255, 198, 79, 0.7);
  box-shadow: inset 0 0 3px rgba(255, 198, 79, 0.7);
}
.GTAFilterDropDown:hover .DropDownInputFieldContainer {
  border: 1px solid #009fe3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 138, 193, 0.3);
}
.GTAFilterDropDown:hover .DropDownInputButton {
  border-top: 1px solid #009fe3;
  border-right: 1px solid #009fe3;
  border-bottom: 1px solid #009fe3;
  border-left: 1px solid #ababab;
}
/* PARTNERJI INFO FORME */

.PartnersMainWrapper {
  position: absolute;
  z-index: 100;
  left: 23px;
  bottom: 20px;
  right: 23px;
  top: 500px;
  overflow: hidden;
}
.PartnersTabsWrapper {
  height: 40px;
  border-left: 1px solid #ababab;
  font-size: 0.9em;
  overflow: hidden;
}
.PartnersDynamicDialogBorder {
  border: 1px solid #ababab;
}
.PartnersTab {
  position: relative;
  z-index: 11;
  float: left;
  text-align: center;
  padding: 10px 20px;
  height: 17px;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  cursor: pointer;
  background-color: #ebebeb;
}
.PartnersTab:hover {
  background-color: #71c2e2;
}
.PartnersTabSelected {
  position: relative;
  z-index: 11;
  float: left;
  text-align: center;
  padding: 10px 20px;
  height: 17px;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid white;
  background-color: white;
  color: #009fe3;
}
.PartnersTabIconNote {
  position: relative;
  float: left;
  margin-right: 5px;
}
.PartnersTabIcon {
  position: relative;
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.PartnersTabIcon.icInfo {
  background: url("../Images/Partners/icInfo.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icInfo.Active {
  background-position: -18px 0;
}
.PartnersTabIcon.icContact {
  background: url("../Images/Partners/icContact.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icContact.Active {
  background-position: -18px 0;
}
.PartnersTabIcon.icLocations {
  background: url("../Images/Partners/icLocations.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icLocations.Active {
  background-position: -18px 0;
}
.PartnersTabIcon.icVehicles {
  background: url("../Images/Partners/icVehicles.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icVehicles.Active {
  background-position: -18px 0;
}
.PartnersTabIcon.icDriver {
  background: url("../Images/Partners/icDriver.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icDriver.Active {
  background-position: -18px 0;
}
.PartnersTabIcon.icAttachment {
  background: url("../Images/Partners/icAttachment.png?v=3_18549") 0 0 no-repeat;
}
.PartnersTabIcon.icAttachment.Active {
  background-position: -18px 0;
}
.PartnersMainConentWrapper {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  top: 38px;
  padding: 10px 20px;
  border: 1px solid #ababab;
}
.PESearchInput {
  border: 1px solid #ababab;
}
/* info card */

.PartnerInfoCardWrapper {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  width: 350px;
  background-color: #ebebeb;
  border: 1px solid #ababab;
}
.PICTitleWrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 12px;
  padding: 10px 20px;
}
.PartnerInfoCardWrapper .PICTitleWrapper {
  padding: 0;
  border-bottom: 1px dotted #999999;
}
.PICTitle {
  font-size: 1em;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.PICContent {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0px 20px 0px 20px;
  overflow: auto;
  overflow-x: hidden;
}
.PICContent .PICRow:first-child {
  margin-top: 10px;
}
.PICContent .PICRow:last-child {
  margin-bottom: 10px;
}
.PICRow {
  position: relative;
  /*height: 20px;*/
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
  width: 100%;
  float: left;
  display: table;
  padding: 6px 0 6px 0;
}
.PICRowLabel {
  width: 130px;
  color: #666666;
  font-size: 0.9em;
  display: table-cell;
  /*padding: 0 20px;*/

}
.PICRowValue {
  display: table-cell;
  width: auto;
  word-break: break-all;
  /*padding-right: 20px;*/

}
.PICHeaderTitle {
  float: left;
  margin: 10px 10px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PICHeaderTitleIcon {
  float: left;
  margin: 12px 0 0 10px;
}
.PICNotesWrapper {
  position: absolute;
  left: 390px;
  right: 20px;
  bottom: 20px;
  top: 20px;
  border: 1px solid #ababab;
}
.PICNotesHeaderWrapper {
  position: absolute;
  height: 39px;
  left: 0;
  right: 0;
  top: 0;
  background-color: #ebebeb;
  border-bottom: 1px dotted #999999;
  overflow: hidden;
}
.PICNotesWrapper .PICNotesHeaderWrapper {
  padding: 0px;
  border-bottom: 1px dotted #999999;
}
.PICNotesHeaderTitle {
  font-size: 0.9em;
  font-weight: bold;
  float: left;
}
.PICNotesWrapper .PICNotesHeaderTitle {
  padding: 12px 0 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.PICNotesHeaderTitle.excelContainer {
  margin: 0;
  float: left;
}
.PICNotesButtonWrapper {
  float: right;
  margin: 7px 7px 0 0;
}
.PICNotesButtonWrapper .buttonLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PICNotesConent {
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  overflow: auto;
}
.PICNotesConent label {
  padding: 5px;
}
.PICNote {
  position: relative;
  padding: 10px;
}
.PICNoteOdd {
  background-color: white;
}
.PICNoteEven {
  background-color: #f3f3f3;
}
.PICNoteTitle {
  position: relative;
  top: 0;
  left: 0;
  font-size: 0.9em;
  height: 16px;
}
.PICNoteTitleText {
  position: relative;
  float: left;
  margin-right: 20px;
  margin-top: -2px;
  font-weight: bold;
}
.PICNoteText {
  position: relative;
  font-size: 0.9em;
  font-style: italic;
  color: #666666;
}
/* list toolbar */

.PartnersListToolbarWrapper {
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 10px;
  height: 24px;
}
/* list */

.PLContentWrapper {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  padding: 12px;
}
.PLCardWrapper {
  position: relative;
  float: left;
  width: 285px;
  height: 148px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px;
  cursor: pointer;
}
.PLCardWrapper:hover {
  border: 1px solid #009fe3;
  background-color: white;
}
.PLCardWrapperSelected {
  position: relative;
  float: left;
  width: 285px;
  height: 148px;
  border: 1px solid #009fe3;
  background-color: #71c2e2;
  margin: 5px;
  cursor: pointer;
}
.PLCIcon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 70px;
  height: 70px;
}
.PLCName {
  position: absolute;
  top: 6px;
  left: 90px;
  right: 10px;
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.PLCInfoWrapper {
  position: absolute;
  top: 30px;
  left: 90px;
  right: 10px;
  font-size: 0.9em;
  height: 50px;
}
.PLCNotes {
  position: absolute;
  top: 90px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  font-size: 0.8em;
  color: #333333;
  font-style: italic;
}
.PLCardToolbarWrapper {
  display: none;
  position: absolute;
  z-index: 11;
  padding: 5px 10px 5px 25px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ebebeb;
  border-top: 1px solid #ababab;
}
.PLCardWrapper:hover .PLCardToolbarWrapper,
.PLCardLocWrapper:hover .PLCardToolbarWrapper,
.PVCardWrapper:hover .PLCardToolbarWrapper,
.PLCardAttWrapper:hover .PLCardToolbarWrapper {
  display: block;
}
/*locations */

.PLCardLocWrapper {
  position: relative;
  float: left;
  width: 285px;
  height: 233px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px;
  cursor: pointer;
}
.PLCardLocWrapper:hover {
  border: 1px solid #009fe3;
  background-color: white;
}
.PLCardLocWrapperSelected {
  position: relative;
  float: left;
  width: 285px;
  height: 233px;
  border: 1px solid #009fe3;
  background-color: #71c2e2;
  margin: 5px;
  cursor: pointer;
}
.PLLocMap {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 100px;
  background-color: #cccccc;
  overflow: hidden;
}
.PLCLocName {
  position: absolute;
  top: 110px;
  left: 10px;
  right: 10px;
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.PLCLocInfoWrapper {
  position: absolute;
  top: 130px;
  left: 10px;
  right: 10px;
  font-size: 0.9em;
  height: 50px;
}
.PLCLocNotes {
  position: absolute;
  top: 190px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  font-size: 0.8em;
  color: #333333;
  font-style: italic;
}
.PELMapWrapper {
  position: relative;
  height: 100px;
  border: 1px solid #ababab;
  overflow: hidden;
  margin: 4px 0 12px 0;
}
.PEMapViewWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 260px;
  overflow: hidden;
}
.PELocViewWrapper {
  position: absolute;
  top: 260px;
  left: 0;
  right: 0;
  height: 220px;
}
.PELocCardViewWrapper {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 240px;
  bottom: 0px;
}
.PELCRow {
  position: relative;
  height: 25px;
  font-size: 0.9em;
}
.PELCRowLabel {
  position: absolute;
  width: 90px;
  font-weight: bold;
}
.PELCRowValue {
  position: absolute;
  left: 90px;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
}
.PELocViewNotesWrapper {
  position: absolute;
  left: 250px;
  top: 20px;
  right: 20px;
  height: 170px;
  border-left: 1px solid #dddddd;
  padding-left: 20px;
}
.PELocViewNotes {
  position: absolute;
  top: 30px;
  left: 20px;
  right: 0;
  bottom: 0;
  padding: 0 5px 0 0;
  font-size: 0.8em;
  overflow: auto;
  overflow-x: hidden;
}
/* vehicles */

.PVCardWrapper {
  position: relative;
  float: left;
  width: 285px;
  height: 128px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px;
  cursor: pointer;
}
.PVCardWrapper:hover {
  border: 1px solid #009fe3;
  background-color: white;
}
.PVCardWrapperSelected {
  position: relative;
  float: left;
  width: 285px;
  height: 128px;
  border: 1px solid #cccccc;
  background-color: #71c2e2;
  margin: 5px;
  cursor: pointer;
}
.PVCIcon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  height: 50px;
}
.PVCName {
  position: absolute;
  top: 6px;
  left: 120px;
  right: 10px;
  font-size: 1em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.PVCInfoWrapper {
  position: absolute;
  top: 30px;
  left: 120px;
  right: 10px;
  font-size: 0.9em;
  height: 50px;
}
.PCVStatus {
  position: relative;
  width: 8px;
  height: 8px;
  float: left;
  margin: 1px 5px 0 0;
  top: 3px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}
.PCVStatusGreen {
  background-color: #009fe3;
  border: 1px solid #006087;
}
.PCVStatusRed {
  background-color: #db5860;
  border: 1px solid #8d3a3e;
}
.PVCNotes {
  position: absolute;
  top: 70px;
  left: 9px;
  right: 9px;
  bottom: 10px;
  overflow: hidden;
  font-size: 0.8em;
  color: #333333;
  font-style: italic;
}
/* attachments */

.PLCardAttWrapper {
  position: relative;
  float: left;
  width: 285px;
  height: 190px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px;
  cursor: pointer;
}
.PLCardAttWrapper:hover {
  border: 1px solid #009fe3;
  background-color: white;
}
.PLCardAttWrapperSelected {
  position: relative;
  float: left;
  width: 285px;
  height: 190px;
  border: 1px solid #009fe3;
  background-color: #71c2e2;
  margin: 5px;
  cursor: pointer;
}
.PVAttNotes {
  position: absolute;
  top: 150px;
  left: 9px;
  right: 9px;
  bottom: 10px;
  overflow: hidden;
  font-size: 0.8em;
  color: #333333;
  font-style: italic;
}
.PEAttViewWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 260px;
  overflow: hidden;
}
.PEAttInfoWrapper {
  position: absolute;
  top: 270px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  font-size: 0.9em;
}
/* PARTNERJI - EDIT */

.PartnerEditWrapper {
  position: absolute;
  z-index: 9999999;
  border: 1px solid #ababab;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
}
.PEHeaderWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 22px;
  padding: 6px 20px;
  background-color: #ebebeb;
  font-size: 0.9em;
  font-weight: bold;
}
.PEClose {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 16px;
  height: 16px;
  background-color: #666666;
  cursor: pointer;
}
.PEMapViewWrapper .PEClose,
.PEAttViewWrapper .PEClose {
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.45);
}
.PEClose:hover {
  background-color: #009fe3;
}
.PEContent {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background-color: white;
}
.PERow {
  position: relative;
  padding: 8px 0;
  height: 20px;
}
.PaswordChangeLabel {
  font-size: 0.8em;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.PELabel {
  font-size: 0.8em;
  color: #333333;
  font-weight: bold;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.TextAlignCenter {
  text-align: center;
}
.PELabelName {
  font-weight: normal;
}
.PEDropDownItemsWrapper {
  position: absolute;
  z-index: 10;
  top: 23px;
  left: 0;
  right: 0;
  height: 79px;
  border: 1px solid #ababab;
  background-color: #f8f8f8;
  overflow: auto;
  overflow-x: hidden;
}
.PEDropDownItem {
  position: relative;
  padding: 5px 5px;
  font-size: 0.8em;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  line-height: 1;
}
.PEDropDownItem.last {
  border-bottom: 0 none;
}
.PEDropDownItem:hover {
  background-color: #71c2e2;
}
.PENoteWrapper {
  position: relative;
  height: 125px;
}
.PENoteHeader {
  position: absolute;
  font-weight: bold;
  font-size: 0.8em;
}
.PENoteTextAreaWrapper {
  position: absolute;
  top: 20px;
  height: 80px;
  left: 0;
  right: 0;
}
.PENoteTextArea {
  position: absolute;
  height: 21px;
  font-size: 0.85em;
  font-family: calibri, arial, sans-serif;
  width: 465px;
  height: 90px;
  border: 1px solid #ababab;
  resize: none;
  padding: 5px;
}
.PESearchWrapper {
  position: absolute;
  height: 21px;
  font-size: 0.9em;
}
/* view */

.PEInputFieldView {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 2px;
  margin-top: -5px;
  font-size: 0.9em;
  color: black;
  height: 17px;
  font-family: calibri, arial, sans-serif;
  pointer-events: none;
  cursor: default;
}
.PEDescription {
  font-size: 0.9em;
  font-style: italic;
}
.PEButtonsWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
}
.TextInputFieldView {
  border: 1px solid white;
  border-bottom: 1px solid #ababab;
  padding: 1px 2px;
  margin: 0;
  font-size: 0.9em;
  color: black;
  height: 17px;
  font-family: calibri, arial, sans-serif;
  pointer-events: none;
  cursor: default;
}
/*ListView*/

.ListSimple {
  padding: 12px;
  overflow: auto;
}
.ListSimpleItem {
  position: relative;
  float: left;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px;
  cursor: pointer;
}
.ListSimpleItem:hover {
  border: 1px solid #009fe3;
  background-color: white;
}
.TSButtonSave {
  padding: 2px 10px;
  color: white;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #008ac1;
  border: 1px solid #006087;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-size: 0.9em;
}
.TSButtonSave:hover {
  background: #537c29;
  border: 1px solid #006087;
  color: white;
}
.TSButtonSave:active {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  color: white;
  border: 1px solid #006087;
  background: #608f30;
  transition: none !important;
}
.TSButtonCancel {
  padding: 2px 10px;
  color: black;
  cursor: pointer;
  font-size: 0.9em;
}
.TSButtonCancel:hover {
  color: #008ac1;
}
.MapGraphPauseMin {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  width: 22px;
  text-align: center;
}
.MapGraphLinePauseMin {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 1px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: white;
  cursor: pointer;
  opacity: 0.9;
}
.MapGraphIconPauseMin {
  position: absolute;
  z-index: 100;
  bottom: -5px;
  left: 50%;
  margin-left: -9px;
  cursor: pointer;
  background: url("../Images/Telogis/icMapPause.png?v=3_18549") 0 0 no-repeat;
  width: 19px;
  height: 19px;
  display: block;
}
.MapGraphLinePauseMax {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  width: 20px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: white;
  cursor: pointer;
  opacity: 0.8;
}
.MapGraphIconPauseMax {
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 0px;
  cursor: pointer;
}
.MapGraphPauseInfoText {
  position: absolute;
  opacity: 0;
  width: 152px;
  height: 18px;
  left: -67px;
  bottom: 90px;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* UPRAVITELJ UPORABNIKOV */

.PAUsersMainWindow {
  position: absolute;
  left: 220px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.PAUsersLeftMenu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 220px;
  background-color: #ebebeb;
}
.PAUsersLeftMenuItem {
  position: relative;
  left: 0;
  width: 200px;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  font-size: 0.9em;
  cursor: pointer;
}
.PAUsersLeftMenuItem:hover {
  background-color: #71c2e2;
}
.PAUsersLeftMenuItemSelected {
  background-color: white;
  cursor: default;
  color: #009fe3;
}
.PAUsersLeftMenuItemSelected:hover {
  background-color: white;
  cursor: default;
}
.PAMainWindowTitle {
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 1.5em;
  color: #009fe3;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  font-weight: bold;
}
.PAMainWindowTitle.reminders-pointer {
  cursor: pointer;
}
.PAMainWindowTitle.reminders-pointer:hover {
  opacity: 0.7;
}
.PAMainWindowTitle > img {
  margin-top: 5px;
}
.PAMainWindowTitle.UserSettingsTitle {
  border: 0 none;
}
.PAListWindowWrapper {
  position: absolute;
  width: 250px;
  bottom: 20px;
  top: 20px;
  border: 1px solid #ababab;
}
.PAListWindowHeader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 20px;
  padding: 10px 20px;
  border-bottom: 1px solid #ababab;
  background-color: #ebebeb;
}
.PAListWindowContent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 41px;
  overflow: auto;
  overflow-x: hidden;
}
.PAListWindowItem {
  position: relative;
  padding: 5px 20px;
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Uporabnik forme */

.PAUserColumn {
  position: absolute;
  width: 250px;
  top: 20px;
  bottom: 60px;
}
.PAUserImg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  height: 65px;
  background-color: #ebebeb;
  text-align: center;
  padding: 30px 0;
}
.PAUserDataColumnWrapper {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  bottom: 0;
}
.PAUserDataColumnHeader {
  position: absolute;
  height: 20px;
  font-weight: bold;
  font-size: 0.9em;
}
.PAUserDataColumnGridWrapper {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ababab;
  overflow: auto;
  overflow-x: hidden;
  font-size: 0.9em;
}
.PAUserDataColumnRow {
  position: relative;
  padding: 5px 10px;
  border-bottom: 1px solid #ebebeb;
}
.PAUserDataColumnRowAdvanced:hover {
  background-color: #71c2e2;
  cursor: pointer;
}
.PAUSerDataColumnRowHeader {
  background-color: #ebebeb;
}
.PAUserDataCheckBox {
  margin: 0 5px 0 0;
}
.PAUserDataAdvancedWrapper {
  position: absolute;
  top: 4px;
  right: 5px;
}
.PAUserDataAdvancedBackWrapper {
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 18px;
  padding: 4px 10px;
  background-color: white;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.PAUserDataAdvancedLink {
  color: #009fe3;
  cursor: pointer;
  font-size: 0.9em;
}
.PAUserDataAdvancedLink:hover {
  color: black;
}
/* Uporabniki - vloge */

.PAGridContentLeft {
  position: absolute;
  left: 0;
  width: 250px;
  bottom: 0;
  top: 0;
  border-right: 1px solid #cccccc;
  overflow: auto;
  overflow-x: hidden;
  font-size: 0.9em;
  font-weight: bold;
}
.PAGridLeftItem {
  position: relative;
  padding: 5px 10px;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.PAGridLeftItem:hover {
  background-color: #71c2e2;
}
.PAGridLeftItemSelected {
  background-color: #009fe3;
  cursor: default;
}
.PAGridLeftItemSelected:hover {
  background-color: #009fe3;
  cursor: default;
}
.PAGridContentMain {
  position: absolute;
  top: 0;
  left: 250px;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
}
.PAGridContentMainRowTitle {
  position: relative;
  left: 0;
  width: 100%;
  padding: 5px 10px;
  background-color: #f4f4f4;
  cursor: pointer;
}
.PAGridContentMainRow {
  position: relative;
  left: 0;
  padding: 10px;
  font-size: 0.9em;
  width: 100%;
}
/* Uporabniki - vloge forma */

.PAUSerRoleMenuGroupName:hover,
.PAUSerRoleMenuItem:hover {
  background-color: #71c2e2 !important;
}
.PAUSerRoleMenuItem.hidden {
  /*visibility:hidden;*/
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
}
/* NonPay popup */

.nonpayPopup {
  position: absolute;
  width: 500px;
  overflow: hidden;
  background-color: white;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.7);
}
.nonpayButton {
  font-size: 0.8em;
  margin-top: 15px;
  padding: 3px 12px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
}
.nonpayButton:hover {
  background: #537c29;
  border: 1px solid #006087;
  color: white;
}
.nonpayButton:active {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  color: white;
  border: 1px solid #006087;
  background: #608f30;
}
.nonpayButtonDisabled {
  font-size: 0.8em;
  margin-top: 15px;
  padding: 3px 12px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #999999;
  border: 1px solid #cccccc;
  background: #eeeeee;
}
.nonpayButtonDisabled:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*TIME ACCESS*/

.TimeAccessSchedule .GridHeaderContainer {
  padding-right: 25px;
}
.TimeAccessHeaderCell {
  padding: 2px 5px;
  text-align: center;
  cursor: pointer;
}
.TimeAccessHeaderCell:hover {
  background-color: #71c2e2;
}
.TimeAccessGridRow {
  position: relative;
  font-size: 0.8em;
  height: 24px;
}
.TimeAccessCell {
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.TimeAccessCell[day="-1"] {
  background-color: #ebebeb;
  font-size: 0.9em;
  padding: 4px 5px;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.TimeAccessCellHover {
  background-color: #71c2e2;
}
.TimeAccessCellHoverSelection {
  background-color: #71c2e2 !important;
}
.TimeAccessCell:hover {
  background-color: #71c2e2;
}
.TimeAccessGridRow .Cell {
  height: 100%;
  box-sizing: border-box;
  border: 0 none;
}
.RowColumnEdit {
  position: absolute;
  border: 0 none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  right: 0;
  width: 40px;
  border-left: 1px solid #cccccc;
}
.TimeAccessActive {
  color: white;
  background: url("../images/Controls/TimeEnabled.png?v=3_18549") center transparent no-repeat;
}
/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/

/*
 * This solution works with all modern browsers and Internet Explorer 9+.
 * If you are interested in purchasing a JavaScript enabler for IE8
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/

.css-treeview ul,
.css-treeview li {
  list-style: none;
}
.css-treeview input {
  position: absolute;
  opacity: 0;
}
.css-treeview a:hover {
  text-decoration: underline;
}
.css-treeview input + label + ul {
  margin: 0 0 0 22px;
}
.css-treeview input ~ ul {
  display: none;
}
.css-treeview label,
.css-treeview label::before {
  cursor: pointer;
}
.css-treeview input:disabled + label {
  cursor: default;
  opacity: .6;
}
.css-treeview input:checked:not(:disabled) ~ ul {
  display: block;
}
.css-treeview label,
.css-treeview a,
.css-treeview label::before {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.css-treeview label {
  background-position: 18px 0;
}
.css-treeview label::before {
  content: "";
  width: 16px;
  margin: 0 22px 0 0;
  vertical-align: middle;
  background-position: 0 -32px;
}
.css-treeview input:checked + label::before {
  background-position: 0 -16px;
}
/* webkit adjacent element selector bugfix */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .css-treeview {
    -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    animation: webkit-adjacent-element-selector-bugfix infinite 1s;
  }
  @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }
  @-moz-keyframes webkit-adjacent-element-selector-bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }
  @keyframes webkit-adjacent-element-selector-bugfix {
    from {
      padding: 0;
    }
    to {
      padding: 0;
    }
  }
}
/*CVS Custom Roles Tree*/

/*.PAUserDataColumnTreeItem { margin:10px 0 0 10px; padding-left:10px; border-left:1px solid #ccc; background: url(../images/Tree/TreeLevel1.png) 2px 3px no-repeat;}
.PAUserDataColumnTreeItemEnd { margin:5px 0 5px 10px;}
.PAUserDataColumnTreeItemLast { margin:5px 0 5px 25px;}
.PAUserDataColumnTreeItemLast.enabled {color:#009FE3;}
*/

.CVSRolesTree {
  overflow: auto;
  margin-top: 1px;
}
.CVSRolesTree ul {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 5px;
}
.CVSRolesTree input + label + ul {
  margin: 0 0 0 6px;
  border-left: 1px solid #cccccc;
}
.CVSRolesTree label {
  background-position: 18px 2px;
}
.CVSRolesTree label::before {
  content: "";
  width: 16px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  background-position: 0 -32px;
}
.CVSRolesTree label:hover:before {
  background-position: right -14px;
}
.CVSRolesTree label:active:before {
  background-position: right -28px;
}
.CVSRolesTree input:hover + label::before {
  background-position: right -14px;
}
.CVSRolesTree input:active + label::before {
  background-position: right -28px;
}
.CVSRolesTree input:checked + label::before {
  background: url("../images/Tree/TreeLevel.png?v=3_18549") no-repeat left top;
  width: 14px;
  height: 14px;
}
.CVSRolesTree input:checked:hover + label::before {
  background-position: left -14px;
}
.CVSRolesTree input:checked + label:hover:before {
  background-position: left -14px;
}
.CVSRolesTree input:checked:active + label::before {
  background-position: left -28px;
}
.CVSRolesTree input:checked + label:active:before {
  background-position: left -28px;
}
.CVSRolesTree input + label::before {
  background: url("../images/Tree/TreeLevel.png?v=3_18549") no-repeat right top;
  width: 14px;
  height: 14px;
}
.CVSRolesTree li:empty input + label::before {
  background: none;
  background-position: 0 -1px;
}
.CVSRolesTree ul ul li {
  margin-left: 15px;
}
.CVSRolesTree input.valueBox {
  opacity: 1;
  position: relative;
  top: -1px;
}
.CVSRolesTree input.valueBox:after {
  content: url("../images/Tree/TreeLevelDisabled.png?v=3_18549");
  margin-right: 10px;
}
.CVSRolesTree input.valueBox:checked:after {
  content: url("../images/Tree/TreeLevelEnabled.png?v=3_18549");
  margin-right: 10px;
}
/* Uporabniki - vloge forma */

.PAUSerRoleEditWrapper {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 60px;
  top: 80px;
  border: 1px solid #ababab;
}
.PAUserRoleDataWrapper {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  font-size: 0.9em;
}
.PAUserRoleMenuLeftWrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 220px;
  background-color: white;
  border-right: 1px solid #cccccc;
  font-size: 0.9em;
  font-weight: bold;
  overflow-y: auto;
  overflow-x: auto;
}
.PAUSerRoleMenuItem {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  background: white;
}
.PAUSerRoleMenuItem:hover {
  background-color: #f9fcf5;
}
.PAUserRoleMenuItemNr {
  position: relative;
  float: right;
  margin-top: 2px;
  font-size: 0.8em;
  color: #666666;
}
.PAUSerRoleMenuItemSelected {
  background-color: #71c2e2;
  cursor: default;
  border-right: 1px solid white;
}
.PAUSerRoleMenuItemSelected :hover {
  background-color: #71c2e2;
  cursor: default;
}
.PAUSerRoleMenuItemSelected .PAUserRoleMenuItemNr {
  color: black;
}
.PAUSerRoleMenuItem:hover .PAUserRoleMenuItemNr {
  color: black;
}
.PAUSerRoleMenuGroupName {
  background: #f2f2f2;
  position: relative;
  padding: 5px 10px 5px 34px;
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
}
/*
.mapAddonStreetView:hover {background-position: -240px -30px;}
.mapAddonStreetView:active, .mapAddonStreetView.AddonActive {background-position: -240px -60px;}
*/

.TabCvsAdmin {
  float: left;
  position: relative;
  border: 1px solid #959595;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.TabCvsAdmin:hover {
  border: 1px solid #959595;
  background-color: #dddddd;
  cursor: pointer;
}
.TabCvsAdminSelected {
  float: left;
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #959595;
  background-color: #009fe3;
  margin: 1px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: default;
}
/*Map Search*/

.PEButton {
  background: #009fe3;
  border: 1px solid #008ac1;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
  margin-left: 10px;
}
.PEButton:hover {
  background: #008ac1;
  border: 1px solid #006087;
  color: white;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.PEButton:active {
  background: #008ac1;
  border: 1px solid #006087;
  color: #f2f2f2;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
}
.PEButtonCancel {
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  float: left;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  -moz-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.PEButtonCancel:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.PEButtonCancel:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.mapLocationToolMore {
  font-size: 12px;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.mapLocationToolMore:hover,
.mapLocationToolMore.active {
  color: #009fe3;
}
.TooltipDataContainer {
  margin-top: 5px;
}
.TooltipLinkIcon {
  float: left;
  margin: -1px 5px 0 0;
}
.mapLocationVehicle {
  left: 0px;
  position: relative;
  top: 0px;
  z-index: 1;
  background: white;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(33, 33, 33, 0.4);
  max-height: 134px;
  width: 260px;
  overflow-y: auto;
  float: left;
}
.mapLocationVehicle ul {
  padding: 0;
  margin: 0;
}
.mapLocationVehicle li {
  list-style: none;
  padding: 6px 10px;
  font-size: 12px;
  border-bottom: 1px solid #eeeeee;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapLocationVehicle li:hover {
  background: #fafafa;
  font-weight: bold;
  cursor: pointer;
}
.mapLocationVehicle li.active {
  font-weight: bold;
  background: #f3f9ee;
  color: #009fe3;
}
.mapLocation .mapLocationToolWrap {
  float: left;
  width: 33.3%;
}
.mapLocationToolWrap {
  display: block;
  height: 40px;
  width: 33.33%;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  padding-top: 6px;
}
.mapLocationToolWrap:hover {
  background: #f4f4f4;
}
.SimpleGroupListItem {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
  border-bottom: 1px dotted #cccccc;
}
.SimpleGroupListItem.hidden {
  /*visibility:hidden;*/
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
  display: none;
}
.SimpleGroupListItemSelected {
  background-color: #71c2e2 !important;
  /*width: 180px;*/
  border-right: 1px solid white !important;
  cursor: default;
}
.SimpleGroupListItem:hover {
  cursor: default;
}
.SimpleGroupListItemSelected:hover {
  background-color: white;
  /*width: 180px;*/
  border-right: 1px solid white;
  cursor: default;
}
.SimpleGroupListGroupName {
  background: #f3f3f3;
  position: relative;
  padding: 5px 20px 5px 5px;
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.SimpleGroupListGroupName:hover {
  background-color: #71c2e2 !important;
}
.PAUserDataColumnRow.hidden {
  /*visibility:hidden;*/
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
}
.ToolBar .HorizontalWrap label {
  font-size: 0.9em;
  float: left;
}
.ToolBar .HorizontalWrap.CostsDataImport label {
  font-size: 0.9em;
  margin: 0;
  float: left;
}
/*.ToolBar .HorizontalWrap.left .DropDownSimpleWrapper, .ToolBar .HorizontalWrap.left .DateInputIntervalWrapper {
    float: left;
    margin: 2px 0 0 0;
}

.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper, .ToolBar .HorizontalWrap.right .DateInputIntervalWrapper {
    float: right;
    margin: 0 10px 0 10px;
}

.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper {
    margin: 2px 0 0 10px;
}*/

/* STATUS ORDER COLOR IN DROPDOWN */

.DropDownSimple .StatusOrderColor {
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  float: left;
  height: 17px;
  margin-right: 4px;
  border-radius: 2px;
}
/* STATUS ORDER COLOR IN DROPDOWN */

.DropDownSimpleWrapper .StatusOrderColor .DropDownIcon {
  position: absolute;
  left: 4px;
  top: 2px;
  bottom: 2px;
  width: 4px;
  border-radius: 2px;
  margin: 0;
  height: auto;
}
/* STATUS ORDER COLOR IN GRID */

.GridCell.StatusOrderColor::before,
.GridCell.StatusEventColor::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 4px;
  border-radius: 2px;
}
/* STATUS ORDER COLOR IN GRID */

.StatusEventWrapper .StatusEventColor {
  float: left;
  width: 4px;
  margin-right: 3px;
  border-radius: 2px;
}
.GridCell.StatusEventColor .GridCellContainer,
.GridCell.StatusOrderColor .GridCellContainer {
  padding-left: 10px;
}
.StatusEventWrapper .TileStatusEventColor {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 7px);
  text-align: left;
}
/* STATUS ORDER COLOR IN DETAILS TILE */

.PanelBorderColor_1800::before,
.PanelBorderColor_1700::before,
.PanelBorderColor_1600::before,
.PanelBorderColor_1500::before,
.PanelBorderColor_1400::before,
.PanelBorderColor_1350::before,
.PanelBorderColor_1300::before,
.PanelBorderColor_1200::before,
.PanelBorderColor_1100::before,
.PanelBorderColor_1000::before,
.PanelBorderColor_900::before,
.PanelBorderColor_800::before,
.PanelBorderColor_750::before,
.PanelBorderColor_700::before,
.PanelBorderColor_600::before,
.PanelBorderColor_500::before,
.PanelBorderColor_400::before,
.PanelBorderColor_350::before,
.PanelBorderColor_300::before,
.PanelBorderColor_200::before,
.PanelBorderColor_100::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  height: 35px;
  z-index: 9999;
  width: 4px;
  border-radius: 2px;
}
/* ALL - LIGHT BLUE */

.StatusOrderColor.ColorId_All .DropDownIcon,
.EventStatusId_All,
.GridCell.StatusEventColor.EventStatusId_All::before,
.GridCell.StatusOrderColor.ColorId_All::before,
.DropDownIcon.ColorId_All .DropDownIconImage {
  background: #333333;
}
/* NEW - LIGHT BLUE */

.StatusOrderColor.ColorId_100 .DropDownIcon,
.EventStatusId_100,
.GridCell.StatusEventColor.EventStatusId_100::before,
.GridCell.StatusOrderColor.ColorId_100::before,
.DropDownIcon.ColorId_100 .DropDownIconImage {
  background: #42a5f5;
}
/* ALLOCATED ORDER - BLUE GREY */

.StatusOrderColor.ColorId_200 .DropDownIcon,
.EventStatusId_200,
.GridCell.StatusEventColor.EventStatusId_200::before,
.GridCell.StatusOrderColor.ColorId_200::before,
.DropDownIcon.ColorId_200 .DropDownIconImage {
  background: #90a4ae;
}
/* FIXED */

.StatusOrderColor.ColorId_300 .DropDownIcon,
.EventStatusId_300,
.GridCell.StatusEventColor.EventStatusId_300::before,
.GridCell.StatusOrderColor.ColorId_300::before,
.DropDownIcon.ColorId_300 .DropDownIconImage {
  background: #7e57c2;
}
/* IN PROGRESS - LIGHT GREEN */

.StatusOrderColor.ColorId_350 .DropDownIcon,
.EventStatusId_350,
.GridCell.StatusEventColor.EventStatusId_350::before,
.GridCell.StatusOrderColor.ColorId_350::before,
.DropDownIcon.ColorId_350 .DropDownIconImage {
  background: #aed581;
}
/* APPROACHING LOAD */

.StatusOrderColor.ColorId_400 .DropDownIcon,
.EventStatusId_400,
.GridCell.StatusEventColor.EventStatusId_400::before,
.GridCell.StatusOrderColor.ColorId_400::before,
.DropDownIcon.ColorId_400 .DropDownIconImage {
  background: #d2d2d2;
}
/* WAITING LOADING - PURPLE */

.StatusOrderColor.ColorId_500 .DropDownIcon,
.EventStatusId_500,
.GridCell.StatusEventColor.EventStatusId_500::before,
.GridCell.StatusOrderColor.ColorId_500::before,
.DropDownIcon.ColorId_500 .DropDownIconImage {
  background: #b388ff;
}
/* LOADING STARTS - LIME (GREEN/YELLOW) */

.StatusOrderColor.ColorId_600 .DropDownIcon,
.EventStatusId_600,
.GridCell.StatusEventColor.EventStatusId_600::before,
.GridCell.StatusOrderColor.ColorId_600::before,
.DropDownIcon.ColorId_600 .DropDownIconImage {
  background: #cddc39;
}
/* LOADING ENDS */

.StatusOrderColor.ColorId_700 .DropDownIcon,
.EventStatusId_700,
.GridCell.StatusEventColor.EventStatusId_700::before,
.GridCell.StatusOrderColor.ColorId_700::before,
.DropDownIcon.ColorId_700 .DropDownIconImage {
  background: #7986cb;
}
/* LOADING ENDS WITH A PROBLEM */

.StatusOrderColor.ColorId_750 .DropDownIcon,
.EventStatusId_750,
.GridCell.StatusEventColor.EventStatusId_750::before,
.GridCell.StatusOrderColor.ColorId_750::before,
.DropDownIcon.ColorId_750 .DropDownIconImage {
  background: #ef9a9a;
}
/* LEAVING LOAD - BROWN */

.StatusOrderColor.ColorId_800 .DropDownIcon,
.EventStatusId_800,
.GridCell.StatusEventColor.EventStatusId_800::before,
.GridCell.StatusOrderColor.ColorId_800::before,
.DropDownIcon.ColorId_800 .DropDownIconImage {
  background: #a1887f;
}
/* IN TRANSPORT - TEAL COLOR, LIKE GREEN */

.StatusOrderColor.ColorId_900 .DropDownIcon,
.EventStatusId_900,
.GridCell.StatusEventColor.EventStatusId_900::before,
.GridCell.StatusOrderColor.ColorId_900::before,
.DropDownIcon.ColorId_900 .DropDownIconImage {
  background: #80cbc4;
}
/* APPROACHING UNLOAD */

.StatusOrderColor.ColorId_1000 .DropDownIcon,
.EventStatusId_1000,
.GridCell.StatusEventColor.EventStatusId_1000::before,
.GridCell.StatusOrderColor.ColorId_1000::before,
.DropDownIcon.ColorId_1000 .DropDownIconImage {
  background: #e0e0e0;
}
/* WAITING UNLOADING - PURPLE */

.StatusOrderColor.ColorId_1100 .DropDownIcon,
.EventStatusId_1100,
.GridCell.StatusEventColor.EventStatusId_1100::before,
.GridCell.StatusOrderColor.ColorId_1100::before,
.DropDownIcon.ColorId_1100 .DropDownIconImage {
  background: #b388ff;
}
/* UNLOADING STARTS - LIME (GREEN/YELLOW) */

.StatusOrderColor.ColorId_1200 .DropDownIcon,
.EventStatusId_1200,
.GridCell.StatusEventColor.EventStatusId_1200::before,
.GridCell.StatusOrderColor.ColorId_1200::before,
.DropDownIcon.ColorId_1200 .DropDownIconImage {
  background: #cddc39;
}
/* UNLOADING ENDS */

.StatusOrderColor.ColorId_1300 .DropDownIcon,
.EventStatusId_1300,
.GridCell.StatusEventColor.EventStatusId_1300::before,
.GridCell.StatusOrderColor.ColorId_1300::before,
.DropDownIcon.ColorId_1300 .DropDownIconImage {
  background: #7986cb;
}
/* UNLOADING ENDS WITH A PROBLEM */

.StatusOrderColor.ColorId_1350 .DropDownIcon,
.EventStatusId_1350,
.GridCell.StatusEventColor.EventStatusId_1350::before,
.GridCell.StatusOrderColor.ColorId_1350::before,
.DropDownIcon.ColorId_1350 .DropDownIconImage {
  background: #ef9a9a;
}
/* LEAVING UNLOAD - BROWN */

.StatusOrderColor.ColorId_1400 .DropDownIcon,
.EventStatusId_1400,
.GridCell.StatusEventColor.EventStatusId_1400::before,
.GridCell.StatusOrderColor.ColorId_1400::before,
.DropDownIcon.ColorId_1400 .DropDownIconImage {
  background: #a1887f;
}
/* DELIVERED - GREEN */

.StatusOrderColor.ColorId_1500 .DropDownIcon,
.EventStatusId_1500,
.GridCell.StatusEventColor.EventStatusId_1500::before,
.GridCell.StatusOrderColor.ColorId_1500::before,
.DropDownIcon.ColorId_1500 .DropDownIconImage {
  background: #009fe3;
}
/* UNDELIVERED - LIGHT RED */

.StatusOrderColor.ColorId_1600 .DropDownIcon,
.EventStatusId_1600,
.GridCell.StatusEventColor.EventStatusId_1600::before,
.GridCell.StatusOrderColor.ColorId_1600::before,
.DropDownIcon.ColorId_1600 .DropDownIconImage {
  background: #ef9a9a;
}
/* CANCELED - DARK RED */

.StatusOrderColor.ColorId_1700 .DropDownIcon,
.EventStatusId_1700,
.GridCell.StatusEventColor.EventStatusId_1700::before,
.GridCell.StatusOrderColor.ColorId_1700::before,
.DropDownIcon.ColorId_1700 .DropDownIconImage {
  background: #d32f2f;
}
/* ARCHIVED - ORANGE */

.StatusOrderColor.ColorId_1800 .DropDownIcon,
.EventStatusId_1800,
.GridCell.StatusEventColor.EventStatusId_1800::before,
.GridCell.StatusOrderColor.ColorId_1800::before,
.DropDownIcon.ColorId_1800 .DropDownIconImage {
  background: #fdd835;
}
.GridCell.StatusEventColor,
.GridCell.StatusOrderColor {
  background: none;
}
/*END Transport Order -> STATUS ORDER COLOR*/

/*BEGIN Transport Order -> SYNC STATUS COLOR*/

/*.SyncStatus .GridCellContainer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
}

.SyncStatus.SyncStatusID_100 .GridCellContainer::before {
    background: #009999;
}*/

/*END Transport Order -> SYNC STATUS COLOR*/

/*BEGIN Transport Order Info*/

.TOIpanelCont {
  border: 1px solid #ababab;
  overflow: hidden;
}
.TOIpanelCont.split {
  position: absolute;
  width: calc(50% - 7px);
  bottom: 0px;
  top: 0px;
}
.TOIpanelCont.split.left {
  left: 0px;
}
.TOIpanelCont.split.right {
  right: 0px;
}
.TOIHeaderTitle {
  float: left;
  margin: 10px 10px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TOIHeaderTitleIcon {
  float: left;
  margin: 12px 0 0 7px;
}
.TOIbodyContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 96px;
  overflow: auto;
  padding-top: 5px;
}
.TOIfooterContainer {
  bottom: 0;
  height: 90px;
  position: absolute;
  left: 0;
  right: 0;
  overflow: auto;
  padding-top: 5px;
  border-top: 1px solid #ababab;
}
.TOIcollapserBoddy {
  position: absolute;
  left: 0;
  right: 0px;
  top: 40px;
  bottom: 83px;
  padding: 0px 10px 0px 0px;
  overflow: auto;
  padding-top: 5px;
  overflow-x: hidden;
}
.TOIcollapserFooter {
  top: 170px;
  position: absolute;
  left: 0;
  right: 0px;
  bottom: 0px;
  border-top: 1px solid #ababab;
  padding: 0px 10px 0px 0px;
  overflow: auto;
  overflow-x: hidden;
  padding-top: 5px;
}
.TOItitleElement {
  color: #666666;
  font-size: 0.8em;
  margin: 10px;
}
.TOIelement {
  font-size: 0.9em;
  margin: 0 10px 10px 10px;
  width: auto;
  word-break: break-all;
  display: block;
}
.TOItoogleButton {
  display: block;
  bottom: 10px;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  z-index: 10;
  background: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0;
  text-indent: -9999px;
  white-space: nowrap;
}
.TOItoogleButton:hover {
  background: #f7f7f7;
}
.TOItoogleButton:active {
  background: whitesmoke;
}
.TOItoogleButton .buttonLabel {
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  background: url("../Images/Map/OrdersMapArrow.png?v=3_18549") 0 0 no-repeat;
}
.TOItoogleButton:hover .buttonLabel {
  background-position: -16px 0;
}
.TOItoogleButton.down .buttonLabel {
  background-position: 0 -16px;
}
.TOItoogleButton.down:hover .buttonLabel {
  background-position: -16px -16px;
}
/*END Transport Order Info*/

.LoadUnloadDateTime .DateInputField {
  width: 78px;
}
.EditEventDateTime .DateInputField {
  width: 106px;
}
/*BEGIN Transport Order Edit*/

.TOEtitleLbl {
  position: relative;
  top: 10px;
  font-size: 1em;
  background: white;
  color: #009fe3;
  padding-bottom: 9px;
  padding-right: 10px;
  float: left;
}
.TOEtitleLbl.dialog-title {
  padding-bottom: 5px;
}
.TOEtitleLbl.dialog-title .contentIconsSprite {
  margin-top: 1px;
}
.TOEtitleLbl > img {
  margin-top: 5px;
}
.TOEtitleLbl.UserSettingsTitle {
  border: 0 none;
}
.TOEtitleIcon {
  float: left;
  margin: 7px 0 0 0px;
}
.TOEbottomBorder {
  border-bottom: 1px solid #dddddd;
}
.TOEinfoWrapper {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  background-color: #ebebeb;
  border: 1px solid #ababab;
  /*padding-bottom: 15px;*/

}
.TOEstatusCircle {
  float: right;
  right: 10px;
  border-radius: 8px;
  position: absolute;
  top: 3px;
  width: 15px;
  height: 15px;
}
.TOEdynamic {
  background: white;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  border-left: 1px solid #cccccc;
  z-index: 99999 !important;
}
.TOEtxtEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TOEpanel {
  margin-top: 5px;
  margin-bottom: 5px;
}
.blurTransparent {
  background: rgba(255, 255, 255, 0.7);
}
/*END Transport Order Edit*/

.LocationEditgreenTitle {
  color: #009fe3;
  font-size: 1em;
  background: white;
  padding-right: 5px;
}
.FloatLeftFullWidth {
  float: left;
  width: 100%;
}
/*Begin UserSettings*/

.FullColor {
  height: 100%;
}
/*End UserSettings*/

.uploadFieldContainer .uploadFieldMain .uploadFieldText {
  display: none;
  visibility: hidden;
}
/*Dynamic report*/

.DRFilterContainer {
  position: relative;
  float: left;
  margin-left: 15px;
}
.DRFilterContainer.exportDynamic {
  margin: 0;
}
.DRFilterContainer.exportDynamic input {
  float: left;
  margin: 9px 0 0 0;
}
.DRFilterContainer.exportDynamic .PICNotesHeaderTitle {
  float: left;
  margin: 6px;
}
.DRFilterContainer.exportDynamic .PICNotesHeaderTitle:first-child {
  margin-left: 0;
}
.DRFilterContainer.excelContainer {
  position: relative;
  float: left;
  margin: 0;
}
.ToolBar .HorizontalWrap .DRFilterContainer label {
  margin-top: 0;
}
.DRFilterContainerDate {
  position: relative;
  float: left;
  width: 150px;
}
.DRFiltersContainer {
  position: relative;
  float: left;
}
.DRFiltersContainer .PELabel {
  position: relative;
  float: left;
}
.DRFilterContainer .DropDownSimpleWrapper2 {
  position: relative;
  float: left;
}
.DRFilterContainer .DateTimeInputWrapper {
  position: relative;
  float: left;
}
.LoadUnloadDateTime .DateTimeInputWrapper {
  display: table;
  position: relative;
  width: 110px;
}
.FloatLeft {
  position: relative;
  float: left;
}
.DynamicReportContainer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 39px;
}
.borderOuter {
  border: 1px solid #ababab;
}
/*End Dynamic report*/

/*Transport Order Route*/

.TORouteLabel {
  color: #666666;
  margin-right: 5px;
  font-size: 1em;
  background-color: white;
  width: 150px;
  padding: 5px;
  border-radius: 5px;
}
.TORouteType {
  font-weight: bold;
}
.TransportRouteEvents .Grid .GridFilterContainer .GridBody {
  bottom: 0;
}
.RoutePlanerVehicleList {
  border: 0px;
  background-color: white;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 67px;
  right: 0;
  bottom: 0;
}
.RoutePlanerVehicleList ul {
  font-size: 0;
}
.RoutePlanerVehicleList ul li {
  font-size: 14px;
}
.RoutePlanerVehicleListCover {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 212px;
  right: 0;
  top: 0;
  height: 0px;
  z-index: 10002;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out 0.5s;
  -moz-transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out 0.5s;
  -o-transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out 0.5s;
  transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out 0.5s;
}
.RoutePlanerVehicleListCover.visible {
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-in-out, height 0s ease-in-out 0s;
  -moz-transition: opacity 0.2s ease-in-out, height 0s ease-in-out 0s;
  -o-transition: opacity 0.2s ease-in-out, height 0s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out, height 0s ease-in-out 0s;
}
/*Test DatagridPDF export*/

.Grid .GridHead .GridPDFbutton {
  width: 17px;
  position: absolute;
  right: 40px;
  bottom: 0;
  top: 0;
  cursor: pointer;
  border-left: 1px solid #cccccc;
  background: #e7e7e7;
}
/*END Test DatagridPDF export*/

/* Vehicle Service Grid START */

.TileService {
  border: 1px solid #cccccc;
  float: left;
  margin: 10px 0 0 10px;
  background: #fafafa;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: calc(33.33% - 12px);
  min-width: 240px;
  max-width: 340px;
}
.TileServiceHead {
  position: relative;
  height: 61px;
}
.TileServiceTitle {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TileServiceMainData {
  font-size: 13px;
  padding: 0 10px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TileServiceStatus .StatusOk {
  color: #009fe3;
}
.TileServiceStatus {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  padding: 10px;
}
.TileServiceStatusDivider {
  width: 1px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  border-left: 1px dotted #dddddd;
}
.TileServiceStatusContainer {
  position: relative;
  /*top: 50%;
    right: 0;
    margin-top: -19px;*/

}
.TileServiceInfo {
  overflow: auto;
  height: 90px;
  border-top: 1px dotted #cccccc;
  font-size: 14px;
}
.TileServiceInfoContainer {
  padding: 10px 10px 0px 10px;
  word-wrap: break-word;
  overflow: hidden;
  position: relative;
  margin-bottom: -10px;
}
.TileServiceInfoElementLabel {
  font-size: 12px;
  color: #888888;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TileServiceInfoElementData {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  padding-bottom: 10px;
}
.ServiceTileStatusIcon {
  width: 21px;
  height: 21px;
  margin: 0 auto 3px auto;
}
.ServiceTileStatusIcon.CssClassStatusOk {
  background: url("../Images/GeneralLayout/TileStatusIcon.png?v=3_18549") 0 0 no-repeat;
}
.ServiceTileStatusIcon.CssClassStatusOverdue {
  background: url("../Images/GeneralLayout/TileStatusIcon.png?v=3_18549") -42px 0 no-repeat;
}
.ServiceTileStatusIcon.CssClassStatusAlert {
  background: url("../Images/GeneralLayout/TileStatusIcon.png?v=3_18549") -21px 0 no-repeat;
}
.ServiceTileStatusIcon.CssClassStatusNull {
  background: none;
}
.CheckBoxActiveService {
  float: left;
  position: relative;
  top: 3px;
}
.VhlServiceChkLbl,
.VhlServiceChk {
  position: relative;
  top: 3px;
}
/* Vehicle Service Grid END */

/* Vehicle Service Edit */

.divServiceEdit {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.GrayBackgroundContainer {
  background-color: #eeeeee;
  border: 1px solid #ababab;
}
.GrayBackgroundDivider {
  border-left: 1px dotted #cccccc;
}
.service-divider {
  border-top: 1px solid #cccccc;
}
.ServiceInfoImage {
  background: url("../Images/VehicleService/DateToRepair.png?v=3_18549") right center no-repeat;
  width: 100%;
  height: 100%;
}
/* Vehicle Service Edit END*/

.smallSearch {
  width: 170px;
}
/* TransportOrderRoute BEGIN*/

.RoutePlanerVehicleList .ListIconImage,
.ButtonIconLeft .ListIconImage {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -6px 5px 0 0;
  width: 27px;
  height: 12px;
}
.RoutePlanerVehicleList .ListIconImage {
  position: static;
  width: 27px;
  min-width: 27px;
  height: 12px;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0 5px;
}
.RoutePlanerVehicleList .listViewlabel {
  padding: 5px 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ButtonIconLeft {
  position: relative;
  float: left;
  margin: 7px 0 0 2px;
}
.DropDownSimpleDelimiterText {
  border-bottom: 1px solid #eeeeee;
  background: #f8f8f8;
  color: #009fe3;
}
.DropDownSimple .DropDownLabel {
  position: absolute;
  top: 50%;
  left: 47px;
  right: 6px;
  margin: -8px 5px 0 5px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RoutePlanerVehicleList .IconTruck,
.ButtonIconLeft.IconTruck,
.DropDownInputFieldContainerIcons.IconTruck .DropDownIconImage,
.DropDownSimple.IconTruck .DropDownIconImage,
.DocVehicleIcon.IconTruck {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -53px -8px;
  width: 25px;
  height: 12px;
}
.IconTruck .DropDownIcon {
  width: 25px;
}
.RoutePlanerVehicleList .IconCar,
.ButtonIconLeft.IconCar,
.DropDownInputFieldContainerIcons.IconCar .DropDownIconImage,
.DropDownSimple.IconCar .DropDownIconImage,
.DocVehicleIcon.IconCar {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: 0 -8px;
  width: 25px;
  height: 12px;
}
.IconCar .DropDownIcon {
  width: 25px;
}
.RoutePlanerVehicleList .IconBoat,
.ButtonIconLeft.IconBoat,
.DropDownInputFieldContainerIcons.IconBoat .DropDownIconImage,
.DropDownSimple.IconBoat .DropDownIconImage,
.DocVehicleIcon.IconBoat {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -80px -8px;
  width: 27px;
  height: 12px;
}
.IconBoat .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconBike,
.ButtonIconLeft.IconBike,
.DropDownInputFieldContainerIcons.IconBike .DropDownIconImage,
.DropDownSimple.IconBike .DropDownIconImage,
.DocVehicleIcon.IconBike {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -109px -8px;
  width: 14px;
  height: 12px;
}
.IconBike .DropDownIcon {
  width: 14px;
}
.RoutePlanerVehicleList .IconArmored,
.ButtonIconLeft.IconArmored,
.DropDownInputFieldContainerIcons.IconArmored .DropDownIconImage,
.DropDownSimple.IconArmored .DropDownIconImage,
.DocVehicleIcon.IconArmored {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -125px -8px;
  width: 23px;
  height: 12px;
}
.IconArmored .DropDownIcon {
  width: 23px;
}
.RoutePlanerVehicleList .IconBus,
.ButtonIconLeft.IconBus,
.DropDownInputFieldContainerIcons.IconBus .DropDownIconImage,
.DropDownSimple.IconBus .DropDownIconImage,
.DocVehicleIcon.IconBus {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -27px -8px;
  width: 24px;
  height: 12px;
}
.IconBus .DropDownIcon {
  width: 24px;
}
.RoutePlanerVehicleList .IconReefer,
.ButtonIconLeft.IconReefer,
.DropDownInputFieldContainerIcons.IconReefer .DropDownIconImage,
.DropDownSimple.IconReefer .DropDownIconImage,
.DocVehicleIcon.IconReefer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -150px -8px;
  width: 25px;
  height: 12px;
}
.IconReefer .DropDownIcon {
  width: 25px;
}
.RoutePlanerVehicleList .IconMachinery1,
.ButtonIconLeft.IconMachinery1,
.DropDownInputFieldContainerIcons.IconMachinery1 .DropDownIconImage,
.DropDownSimple.IconMachinery1 .DropDownIconImage,
.DocVehicleIcon.IconMachinery1 {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -177px -8px;
  width: 23px;
  height: 12px;
}
.IconMachinery1 .DropDownIcon {
  width: 23px;
}
.RoutePlanerVehicleList .IconMachinery2,
.ButtonIconLeft.IconMachinery2,
.DropDownInputFieldContainerIcons.IconMachinery2 .DropDownIconImage,
.DropDownSimple.IconMachinery2 .DropDownIconImage,
.DocVehicleIcon.IconMachinery2 {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -202px -8px;
  width: 18px;
  height: 12px;
}
.IconMachinery2 .DropDownIcon {
  width: 18px;
}
.RoutePlanerVehicleList .IconMotorcycle,
.ButtonIconLeft.IconMotorcycle,
.DropDownInputFieldContainerIcons.IconMotorcycle .DropDownIconImage,
.DropDownSimple.IconMotorcycle .DropDownIconImage,
.DocVehicleIcon.IconMotorcycle {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -222px -8px;
  width: 20px;
  height: 12px;
}
.IconMotorcycle .DropDownIcon {
  width: 20px;
}
.RoutePlanerVehicleList .IconPerson,
.ButtonIconLeft.IconPerson,
.DropDownInputFieldContainerIcons.IconPerson .DropDownIconImage,
.DropDownSimple.IconPerson .DropDownIconImage,
.DocVehicleIcon.IconPerson {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -244px -8px;
  width: 8px;
  height: 12px;
}
.IconPerson .DropDownIcon {
  width: 8px;
}
.RoutePlanerVehicleList .IconVan,
.ButtonIconLeft.IconVan,
.DropDownInputFieldContainerIcons.IconVan .DropDownIconImage,
.DropDownSimple.IconVan .DropDownIconImage,
.DocVehicleIcon.IconVan {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -324px -8px;
  width: 23px;
  height: 12px;
}
.IconVan .DropDownIcon {
  width: 23px;
}
.RoutePlanerVehicleList .IconTrailerVirtual,
.ButtonIconLeft.IconTrailerVirtual,
.DropDownInputFieldContainerIcons.IconTrailerVirtual .DropDownIconImage,
.DropDownSimple.IconTrailerVirtual .DropDownIconImage,
.DocVehicleIcon.IconTrailerVirtual {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -301px -8px;
  width: 19px;
  height: 12px;
}
.IconTrailerVirtual .DropDownIcon {
  width: 19px;
}
.RoutePlanerVehicleList .IconTractor,
.ButtonIconLeft.IconTractor,
.DropDownInputFieldContainerIcons.IconTractor .DropDownIconImage,
.DropDownSimple.IconTractor .DropDownIconImage,
.DocVehicleIcon.IconTractor {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -739px -6px;
  width: 20px;
  height: 14px;
}
.IconTractor .DropDownIcon {
  width: 20px;
}
.RoutePlanerVehicleList .IconTruckSemitrailer,
.ButtonIconLeft.IconTruckSemitrailer,
.DropDownInputFieldContainerIcons.IconTruckSemitrailer .DropDownIconImage,
.DropDownSimple.IconTruckSemitrailer .DropDownIconImage,
.DocVehicleIcon.IconTruckSemitrailer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -455px -8px;
  width: 35px;
  height: 12px;
}
.IconTruckSemitrailer .DropDownIcon {
  width: 35px;
}
.RoutePlanerVehicleList .IconTrailer,
.ButtonIconLeft.IconTrailer,
.DropDownInputFieldContainerIcons.IconTrailer .DropDownIconImage,
.DropDownSimple.IconTrailer .DropDownIconImage,
.DocVehicleIcon.IconTrailer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -254px -8px;
  width: 18px;
  height: 12px;
}
.IconTrailer .DropDownIcon {
  width: 18px;
}
.RoutePlanerVehicleList .IconTruckTrailer,
.ButtonIconLeft.IconTruckTrailer,
.DropDownInputFieldContainerIcons.IconTruckTrailer .DropDownIconImage,
.DropDownSimple.IconTruckTrailer .DropDownIconImage,
.DocVehicleIcon.IconTruckTrailer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -529px -8px;
  width: 34px;
  height: 12px;
}
.IconTruckTrailer .DropDownIcon {
  width: 34px;
}
.RoutePlanerVehicleList .IconSemitrailer,
.ButtonIconLeft.IconSemitrailer,
.DropDownInputFieldContainerIcons.IconSemitrailer .DropDownIconImage,
.DropDownSimple.IconSemitrailer .DropDownIconImage,
.DocVehicleIcon.IconSemitrailer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -657px -8px;
  width: 27px;
  height: 12px;
}
.IconSemitrailer .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconTrailerReefer,
.ButtonIconLeft.IconTrailerReefer,
.DropDownInputFieldContainerIcons.IconTrailerReefer .DropDownIconImage,
.DropDownSimple.IconTrailerReefer .DropDownIconImage,
.DocVehicleIcon.IconTrailerReefer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -761px -8px;
  width: 18px;
  height: 12px;
}
.IconTrailerReefer .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconSemitrailerReefer,
.ButtonIconLeft.IconSemitrailerReefer,
.DropDownInputFieldContainerIcons.IconSemitrailerReefer .DropDownIconImage,
.DropDownSimple.IconSemitrailerReefer .DropDownIconImage,
.DocVehicleIcon.IconSemitrailerReefer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -686px -8px;
  width: 27px;
  height: 12px;
}
.IconSemitrailerReefer .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconTrailerTank,
.ButtonIconLeft.IconTrailerTank,
.DropDownInputFieldContainerIcons.IconTrailerTank .DropDownIconImage,
.DropDownSimple.IconTrailerTank .DropDownIconImage,
.DocVehicleIcon.IconTrailerTank {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -601px -8px;
  width: 27px;
  height: 12px;
}
.IconTrailerTank .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconTrailerTipper,
.ButtonIconLeft.IconTrailerTipper,
.DropDownInputFieldContainerIcons.IconTrailerTipper .DropDownIconImage,
.DropDownSimple.IconTrailerTipper .DropDownIconImage,
.DocVehicleIcon.IconTrailerTipper {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -715px -5px;
  width: 23px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
}
.IconTrailerTipper .DropDownIcon {
  width: 23px;
}
.RoutePlanerVehicleList .IconTrailerTankAdr,
.ButtonIconLeft.IconTrailerTankAdr,
.DropDownInputFieldContainerIcons.IconTrailerTankAdr .DropDownIconImage,
.DropDownSimple.IconTrailerTankAdr .DropDownIconImage,
.DocVehicleIcon.IconTrailerTankAdr {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -629px -8px;
  width: 27px;
  height: 12px;
}
.IconTrailerTankAdr .DropDownIcon {
  width: 27px;
}
.RoutePlanerVehicleList .IconTruckSemitrailerReefer,
.ButtonIconLeft.IconTruckSemitrailerReefer,
.DropDownInputFieldContainerIcons.IconTruckSemitrailerReefer .DropDownIconImage,
.DropDownSimple.IconTruckSemitrailerReefer .DropDownIconImage,
.DocVehicleIcon.IconTruckSemitrailerReefer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -492px -8px;
  width: 35px;
  height: 12px;
}
.IconTruckSemitrailerReefer .DropDownIcon {
  width: 35px;
}
.RoutePlanerVehicleList .IconReeferTrailerReefer,
.ButtonIconLeft.IconReeferTrailerReefer,
.DropDownInputFieldContainerIcons.IconReeferTrailerReefer .DropDownIconImage,
.DropDownSimple.IconReeferTrailerReefer .DropDownIconImage,
.DocVehicleIcon.IconReeferTrailerReefer {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -565px -8px;
  width: 35px;
  height: 12px;
}
.IconReeferTrailerReefer .DropDownIcon {
  width: 35px;
}
.RoutePlanerVehicleList .IconTruckTank,
.ButtonIconLeft.IconTruckTank,
.DropDownInputFieldContainerIcons.IconTruckTank .DropDownIconImage,
.DropDownSimple.IconTruckTank .DropDownIconImage,
.DocVehicleIcon.IconTruckTank {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -383px -8px;
  width: 34px;
  height: 12px;
}
.IconTruckTank .DropDownIcon {
  width: 34px;
}
.RoutePlanerVehicleList .IconTruckTankAdr,
.ButtonIconLeft.IconTruckTankAdr,
.DropDownInputFieldContainerIcons.IconTruckTankAdr .DropDownIconImage,
.DropDownSimple.IconTruckTankAdr .DropDownIconImage,
.DocVehicleIcon.IconTruckTankAdr {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -419px -8px;
  width: 34px;
  height: 12px;
}
.IconTruckTankAdr .DropDownIcon {
  width: 34px;
}
.RoutePlanerVehicleList .IconTruckTipper,
.ButtonIconLeft.IconTruckTipper,
.DropDownInputFieldContainerIcons.IconTruckTipper .DropDownIconImage,
.DropDownSimple.IconTruckTipper .DropDownIconImage,
.DocVehicleIcon.IconTruckTipper {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -350px -5px;
  width: 31px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
}
.IconTruckTipper .DropDownIcon {
  width: 31px;
}
.RoutePlanerVehicleList .IconCarTransporter,
.ButtonIconLeft.IconCarTransporter,
.DropDownInputFieldContainerIcons.IconCarTransporter .DropDownIconImage,
.DropDownSimple.IconCarTransporter .DropDownIconImage,
.DocVehicleIcon.IconCarTransporter {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -782px -5px;
  width: 34px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
}
.IconCarTransporter .DropDownIcon {
  width: 34px;
}
.RoutePlanerVehicleList .IconCarTransporterLOHR,
.ButtonIconLeft.IconCarTransporterLOHR,
.DropDownInputFieldContainerIcons.IconCarTransporterLOHR .DropDownIconImage,
.DropDownSimple.IconCarTransporterLOHR .DropDownIconImage,
.DocVehicleIcon.IconCarTransporterLOHR {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -819px -5px;
  width: 34px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
}
.IconCarTransporterLOHR .DropDownIcon {
  width: 34px;
}
.RoutePlanerVehicleList .docIcon,
.ButtonIconLeft.docIcon {
  display: table-cell;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
}
.RoutePlanerVehicleList .docIcon::before,
.ButtonIconLeft.docIcon::before {
  content: "";
  position: absolute;
  top: 6px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  background-position: -5px -464px;
  width: 16px;
  height: 16px;
}
.RoutePlanerVehicleList .listViewItem {
  height: 26px;
  background-color: white;
  width: 100%;
}
.RoutePlanerVehicleList .listViewlabelTOCount {
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  min-width: 20px;
  width: 20px;
  text-align: center;
}
.RoutePlannerVehicleListFilter {
  width: 198px;
  height: 23px;
  position: relative;
  top: 6px;
  left: 6px;
}
.RoutePlannerVehicleListFilters {
  width: 198px;
  height: 23px;
  position: relative;
  top: 14px;
  left: 6px;
}
.RoutePlannerOrderFilter {
  width: 180px;
  height: 24px;
  top: 0;
  bottom: 5px;
  right: 5px;
  position: absolute;
  left: 5px;
}
.TransportRouteMap .TORouteLabel {
  color: white;
  margin-right: 0;
  font-size: 11px;
  background: none;
  padding: 0;
  top: 17px;
  text-align: center;
  width: 22px;
  position: absolute;
  left: 0;
}
.TransportRouteMap .TORouteType {
  font-weight: bold;
}
.TransportRouteMap {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.TransportRouteMap .TORouteMarkerLoad {
  position: relative;
  box-sizing: border-box;
  border: 1px solid white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  bottom: 2px;
  width: 22px;
  height: 35px;
  background: #009fe3;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.TransportRouteMap .TORouteMarkerLoad::before {
  content: "";
  width: 28px;
  height: 13px;
  position: absolute;
  bottom: -13px;
  left: -4px;
  background: url("../Images/Orders/icTimelineArrows.png?v=3_18549") 0 0 no-repeat;
}
.TransportRouteMap .TORouteMarkerUnload {
  position: relative;
  box-sizing: border-box;
  border: 1px solid white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  bottom: 2px;
  width: 22px;
  height: 35px;
  background: #df6970;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.TransportRouteMap .TORouteMarkerUnload::before {
  content: "";
  width: 28px;
  height: 13px;
  position: absolute;
  bottom: -13px;
  left: -4px;
  background: url("../Images/Orders/icTimelineArrows.png?v=3_18549") -56px 0 no-repeat;
}
/* MARKER SELECTED */

.TransportRouteMap.selected .TORouteMarkerLoad {
  height: 45px;
  bottom: 12px;
  z-index: 1002 !important;
}
.TransportRouteMap.selected .TORouteMarkerLoad::before {
  content: "";
  width: 28px;
  height: 13px;
  position: absolute;
  bottom: -13px;
  left: -4px;
  background: url("../Images/Orders/icTimelineArrows.png?v=3_18549") 0 0 no-repeat;
  z-index: 1002 !important;
}
.TransportRouteMap.selected .TORouteMarkerUnload {
  height: 45px;
  bottom: 12px;
  z-index: 1002 !important;
}
.TransportRouteMap.selected .TORouteMarkerUnload::before {
  content: "";
  width: 28px;
  height: 13px;
  position: absolute;
  bottom: -13px;
  left: -4px;
  background: url("../Images/Orders/icTimelineArrows.png?v=3_18549") -56px 0 no-repeat;
}
/* MARKER UNSELECTED */

.TransportRouteMap.unselected .TORouteMarkerLoad {
  background: #999999;
}
.TransportRouteMap.unselected .TORouteMarkerUnload {
  background: #999999;
}
.TransportRouteMap.unselected .TORouteMarkerLoad::before,
.TransportRouteMap.unselected .TORouteMarkerUnload::before {
  content: "";
  width: 28px;
  height: 13px;
  position: absolute;
  bottom: -13px;
  left: -4px;
  background: url("../Images/Orders/icTimelineArrows.png?v=3_18549") -112px 0 no-repeat;
}
/* DIRECTION MARKER */

.DirectionMarker {
  position: absolute;
  left: 0px;
  top: -4px;
  z-index: 10;
}
.OrderEventDirection {
  position: absolute;
  left: -13px;
  top: -7px;
  width: 55px;
  height: 55px;
  z-index: -1;
}
.VehicleListButton {
  width: 210px;
  float: left;
  padding: 5px;
  height: 35px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.VehicleListButton:hover {
  background: #dddddd;
}
.VehicleListButton:active {
  background: #e4e4e4;
}
.VehicleListButton .ButtonIconRight {
  background: url(../images/Orders/vehicle_select_arrow.png?v=@3_18549) 0 0 no-repeat;
  float: right;
  width: 10px;
  height: 4px;
  margin: 11px 10px 0 5px;
}
.VehicleListButton .ButtonIconRight.RotateArrowIcon {
  background-position: 0 -4px;
}
.TOEStatusIcon {
  background: url("../Images/Orders/iconLoading.png?v=3_18549") 0 0 no-repeat;
  width: 23px;
  height: 16px;
  padding: 0;
  float: left;
  margin: 9px 0 0 10px;
}
.VehicleListButton .buttonLabel {
  position: relative;
  float: left;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 65%;
  font-size: 0.9em;
  margin-top: 3px;
}
.TransportRouteToolbar {
  background-color: #ebebeb;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ababab;
  box-sizing: border-box;
}
.TOReditMode .TransportRouteToolbar {
  background-color: #f4faef;
  border: 1px solid #009fe3;
}
.TOReditMode .TransportRouteToolbar .VehicleListButton:hover {
  background: #e9f4df;
}
.TOReditMode .TransportRouteToolbar .VehicleListButton:active {
  background: #e0f0d2;
}
.ToolBar .HorizontalWrap.left.TransportRouteToolbar .button {
  margin-right: 5px;
  float: right;
}
.HorizontalWrap.left.TransportRouteToolbar .TORoute {
  margin: 9px 0 0 10px;
  float: left;
}
.HorizontalWrap.left.TransportRouteToolbar .TORData {
  margin: 9px 0 0 5px;
  float: left;
  font-size: 13px;
}
.RouteIcon {
  background: url("../Images/Orders/icStatusInfo.png?v=3_18549") 0 0 no-repeat;
  width: 19px;
  height: 18px;
  padding: 0;
  float: left;
  margin: 10px 0 0 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.LoadDataIcon {
  background: url("../Images/Orders/icStatusInfo.png?v=3_18549") -19px 0 no-repeat;
  width: 19px;
  height: 18px;
  padding: 0;
  float: left;
  margin: 10px 0 0 20px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.FuelConsumptionIcon {
  background: url("../Images/Orders/icStatusInfo.png?v=3_18549") -39px 0 no-repeat;
  width: 15px;
  height: 15px;
  padding: 0;
  float: left;
  margin: 10px 0 0 20px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.TORVehicleList {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 42px;
  width: 212px;
  bottom: calc(100% - 42px);
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ababab;
  background: white;
  z-index: 10004;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.TORVehicleList.visible {
  bottom: 0;
  border-width: 0 1px 1px 1px;
}
.TOREditLabel {
  float: left;
}
.TORDataWrapper {
  float: right;
  border: 0px;
  margin: 0 10px 0 0;
  width: auto;
  display: block;
}
.TORDataWrapper .LoadDataIcon,
.TORDataWrapper .FuelConsumptionIcon,
.TORDataWrapper .RouteIcon {
  margin: 10px 0 0 0;
}
.TORDataWrapper.edit {
  float: left;
  border: 0px;
  margin: 10px 5px 0 5px;
  width: auto;
  display: block;
}
.TORDataWrapper.edit .TOREditIcon {
  width: 10px;
  height: 10px;
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") -31px -53px no-repeat;
  float: left;
  margin: 2px 5px 0 0;
}
.TORDataWrapper.edit .TOREditLabel {
  font-size: 12px;
  color: #009fe3;
  font-weight: bold;
  float: left;
}
.TORData {
  margin: 0 10px 10px 10px;
  width: auto;
  word-break: break-all;
  display: block;
}
.TORoute {
  font-size: 0.8em !important;
  margin: 0 10px 10px 10px;
  width: auto;
  word-break: break-all;
  display: block;
  font-weight: bold;
}
.TransportRouteTimeline,
.TransportRouteEvents,
.TransportRouteMap {
  visibility: visible;
  z-index: 11;
  cursor: pointer;
  position: absolute;
  cursor: default;
}
.TransportRouteTimeline.hidden,
.TransportRouteEvents.hidden,
.TransportRouteMap.hidden {
  visibility: hidden;
  z-index: 0;
  cursor: inherit;
}
.TransportRouteEmpty {
  display: block;
  position: absolute;
  border: 1px solid #ababab;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
}
.TransportRouteEmpty label {
  margin: 5px 7px 5px 25px;
  color: #bbbbbb;
  float: left;
}
.TransportRouteEmpty label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  background: url("../Images/Orders/icTransportRouteEmpty.png?v=3_18549") 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
.TransportRouteEmpty.hidden {
  display: none;
}
.RoutePlanMap .VehicleLocation {
  background: url("../Images/Map/mapSearchPin.png?v=3_18549") 0 0 no-repeat;
  width: 30px;
  height: 30px;
}
.RoutePlanMap {
  border: 1px solid #ababab;
}
.down.TORExtendMap .buttonLabel {
  background-position: 0 -8px;
}
.TORExtendMap {
  position: absolute;
  z-index: 10;
  background: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  position: relative;
  padding: 0;
}
.TORExtendMap:hover {
  background: #f7f7f7;
}
.TORExtendMap:active {
  background: whitesmoke;
}
.TORExtendMap .buttonLabel {
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  background: url("../Images/Map/icMapExtended.png?v=3_18549") 0 0 no-repeat;
}
.TORExtendMap:hover .buttonLabel {
  background-position: 0 -16px;
}
.TORExtendMap.Extended .buttonLabel {
  background-position: -16px 0px;
}
.TORExtendMap.Extended:hover .buttonLabel {
  background-position: -16px -16px;
}
.TORCollapseMap {
  top: 50%;
  left: 10px;
  position: absolute;
  margin-top: -15px;
  z-index: 10;
  background: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.TORCollapseMap:hover {
  background: #f7f7f7;
}
.TORCollapseMap:active {
  background: whitesmoke;
}
.TORCollapseMap .buttonLabel {
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  background: url("../Images/Map/icMapCollapsed.png?v=3_18549") -16px 0 no-repeat;
}
.TORCollapseMap:hover .buttonLabel {
  background-position: -16px -16px;
}
.TORCollapseMap.Collapsed .buttonLabel {
  background-position: 0 0;
}
.TORCollapseMap.Collapsed:hover .buttonLabel {
  background-position: 0 -16px;
}
.TORVehicleMap {
  bottom: 10px;
  left: 10px;
  position: absolute;
  z-index: 10;
  background: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.TORVehicleMap:hover {
  background: #f7f7f7;
}
.TORVehicleMap:active {
  background: whitesmoke;
}
.TORVehicleMap .buttonLabel {
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  background: url("../Images/Map/car.png?v=3_18549") 0 0 no-repeat;
}
.TORVehicleMap:hover .buttonLabel {
  background-position: 0 0;
  opacity: 0.7;
}
/* Checkbox with label */

.chkLbl {
  float: right;
}
.chkLblCheckbox {
  margin-top: 7px !important;
  margin-left: 5px !important;
}
.chkLblLabel {
  margin: 4px 10px 0px 0px;
}
.PICNotesHeaderWrapper.clickable {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.PICNotesHeaderWrapper.clickable:hover {
  cursor: pointer;
  background: #e2e2e2;
}
.PICNotesHeaderWrapper.clickable .TOIHeaderTitle {
  cursor: pointer;
}
/* Vehicle Apps */

.CardApps {
  overflow: hidden;
  top: 0;
}
.TileApps {
  height: 180px;
  width: calc(33.4% - 16px);
  min-width: 250px;
  max-width: 340px;
}
.TileApps.Inactive,
.TileApps.Inactive:hover,
.TileApps.Inactive.selected,
.TileApps.Inactive:active {
  background: white;
  border-color: #eeeeee;
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  cursor: default;
}
.TileApps.Inactive .TileAppsDesc,
.TileApps.Inactive .TileAppsTitle {
  color: #999999;
}
.TileApps.Inactive .TileAppsIcon {
  opacity: 0.3;
}
.TileApps.Inactive .TileAppsStatus.inactive,
.TileApps.Inactive .TileAppsUrl {
  opacity: 0.3;
}
.TileAppsHead {
  width: 100%;
  height: 40%;
  position: relative;
}
.TileAppsHead:after {
  left: 10px;
  right: 10px;
  position: absolute;
  height: 1px;
  background: #cccccc;
  bottom: 0px;
  content: "";
}
.TileAppsBody {
  position: relative;
  height: 60%;
  width: 100%;
}
.TileAppsIconWrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 75px;
}
.TileAppsTitleWrapper {
  position: absolute;
  margin: 10px;
  top: 0;
  left: 75px;
  right: 0;
  bottom: 0;
}
.TileAppsDesc {
  padding: 10px 10px 0px 10px;
  top: 0px;
  bottom: 20px;
  position: absolute;
  font-size: 13px;
}
.TileAppsUrl {
  bottom: 10px;
  left: 10px;
  height: 20px;
  position: absolute;
  width: 100%;
}
.TileAppsUrl a {
  color: #009fe3;
}
.TileAppsIcon {
  width: 100%;
  height: 100%;
}
.TileAppsTitle {
  font-weight: bold;
  font-size: 23px;
}
.TileAppsStatus.active {
  color: #009fe3;
}
.TileAppsStatus.inactive {
  color: #dd626a;
}
.AppsLabelWrapper {
  border: 1px solid #cccccc;
  background: #eeeeee;
  height: 80px;
}
.AppsLabelHead {
  width: 270px;
  position: relative;
  float: left;
  height: 100%;
}
.AppsLabelIconWrapper {
  width: 70px;
  position: relative;
  height: 100%;
  float: left;
}
.AppsLabelIcon {
  width: 100%;
  height: 100%;
}
.AppsLabelTitleWrapper {
  position: relative;
  width: 195px;
  height: 60px;
  float: left;
  padding-left: 5px;
  top: 10px;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
}
.AppsLabelTitle {
  font-weight: bold;
  font-size: 23px;
  position: relative;
  top: 5px;
}
.AppsLabelBody {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-left: 10px;
}
.AppsLabelDesc {
  position: relative;
  height: 40px;
  top: 15px;
}
.AppsLabelUrl {
  position: relative;
  top: 10px;
}
.AppsLabelUrl a {
  color: green;
}
.AppsLabelStatus {
  position: relative;
  top: 5px;
}
.AppsLabelStatus.active {
  color: #009fe3;
}
.AppsLabelStatus.inactive {
  color: #dd626a;
}
.ticketReadyToGenerate::before {
  content: "";
  position: relative;
  float: left;
  left: 0;
  background: #999999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  top: 6px;
}
.ticketReadyToGenerate.ticketValid::before {
  content: "";
  position: relative;
  float: left;
  left: 0;
  background: #009fe3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  top: 6px;
}
/* ReportsIcons */

.reportIconsSprite {
  background: url("../Images/ReportIcons/reportIcons.png?v=3_18549") 0 0 no-repeat;
}
.windowHeaderPosition {
  position: absolute;
  left: 5px;
  top: 3px;
}
.currentState {
  width: 14px;
  height: 11px;
  background-position: -57px -8px;
  left: 7px;
  top: 6px;
}
.TabIcon.currentState {
  left: 5px;
  top: 8px;
}
.fuelConsumptionAnalysis {
  width: 12px;
  height: 11px;
  background-position: -59px -34px;
  left: 8px;
  top: 6px;
}
.TabIcon.fuelConsumptionAnalysis {
  top: 7px;
}
.workAnalysis {
  width: 12px;
  height: 12px;
  background-position: -58px -190px;
  left: 9px;
  top: 6px;
}
.TabIcon.workAnalysis {
  left: 7px;
}
.locationAnalysis {
  width: 8px;
  height: 12px;
  background-position: -60px -58px;
  left: 10px;
  top: 5px;
}
.TabIcon.locationAnalysis {
  top: 7px;
}
.drivingModesAnalysis {
  width: 12px;
  height: 10px;
  background-position: -58px -87px;
  left: 8px;
  top: 6px;
}
.TabIcon.drivingModesAnalysis {
  top: 8px;
}
.stopAnalysis {
  width: 12px;
  height: 12px;
  background-position: -58px -111px;
  left: 8px;
  top: 6px;
}
.TabIcon.stopAnalysis {
  top: 7px;
}
.sensorAnalysis {
  width: 14px;
  height: 9px;
  background-position: -58px -139px;
  left: 8px;
  top: 6px;
}
.TabIcon.sensorAnalysis {
  top: 8px;
}
.moreAnalysis {
  width: 12px;
  height: 10px;
  background-position: -58px -165px;
  left: 8px;
  top: 6px;
}
.TabIcon.moreAnalysis {
  top: 8px;
}
/* GridEditRow */

.GridEditButton {
  width: 50%;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 1;
}
.GridEditButton::before {
  content: "";
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  width: 10px;
  height: 10px;
  background-position: -11px -53px;
  left: 5px;
  top: 50%;
  margin: -5px 0 0 0;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.GridEditButton:hover {
  background-position: -31px -53px;
}
.GridEditButton:active {
  background-position: -31px -53px;
  opacity: 0.6;
}
.GridDeleteButton {
  width: 50%;
  bottom: 0;
  right: 0;
  top: 0;
  position: absolute;
  opacity: 1;
}
.GridDeleteButton::before {
  content: "";
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  width: 10px;
  height: 10px;
  background-position: -14px -432px;
  right: 5px;
  top: 50%;
  margin: -5px 0 0 0;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.GridDeleteButton:hover {
  background-position: -38px -432px;
}
.GridDeleteButton:active {
  background-position: -38px -432px;
  opacity: 0.6;
}
.GridRow:hover .GridEditDeleteButtonsContainer {
  visibility: visible;
}
.GridSaveButton {
  width: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.GridSaveButton::before {
  content: "";
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  width: 12px;
  height: 10px;
  background-position: -37px -22px;
  left: 5px;
  top: 50%;
  margin: -5px 0 0 0;
  position: absolute;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.GridCancelButton {
  width: 50%;
  bottom: 0;
  right: 0;
  top: 0;
  position: absolute;
}
.GridCancelButton::before {
  content: "";
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  width: 10px;
  height: 10px;
  background-position: -28px -37px;
  right: 5px;
  top: 50%;
  margin: -5px 0 0 0;
  position: absolute;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.GridSaveButton:hover,
.GridCancelButton:hover {
  opacity: 0.6;
}
.EditGridRow .GridRow {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  overflow: visible;
}
.EditGridRow .GridContainerInner {
  overflow: visible;
}
.EditGridRow .Cell {
  box-sizing: border-box;
}
.EditGridRow .HeaderCell {
  box-sizing: border-box;
}
.EditGridRow input {
  font-size: 13px;
  font-family: calibri, arial, sans-serif;
  margin: 2px;
  padding: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  box-sizing: border-box;
}
.EditGridRow input[type='checkbox'] {
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: white;
  border: 1px solid #aaaaaa;
  margin: -7px 0 0 -7px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.EditGridRow .GTAFilterDropDown {
  font-size: 13px;
  font-family: calibri, arial, sans-serif;
  margin: 2px;
  padding: 2px;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  box-sizing: border-box;
}
.EditGridRow .FreightSizeControl,
.EditGridRow .TempRangeControl {
  height: 100%;
  width: 100%;
}
.GridNotNullColumn {
  background: #ffebee;
}
.GridNotNullColumn .GTAFilterDropDown {
  background: #ffebee;
}
.RowInEditMode .GridSaveButtonsContainer {
  visibility: visible;
}
.InEditMode .GridRow:hover .GridEditDeleteButtonsContainer {
  visibility: hidden;
}
.GridRow.DatagridRowSum {
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  bottom: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  cursor: default;
}
.GridEditDeleteButtonsContainer {
  position: absolute;
  width: 45px;
  height: 20px;
  z-index: 1;
  border-left: 1px solid #cccccc;
  background: #eeeeee;
  visibility: hidden;
}
.GridSaveButtonsContainer {
  position: absolute;
  width: 45px;
  height: 100%;
  z-index: 2;
  background: #fff5e1;
  visibility: hidden;
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.GridInsertButtonsContainer {
  width: 17px;
  border-left: 1px solid #cccccc;
  border-right: 0 none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #009fe3;
  cursor: pointer;
}
.GridInsertButtonsContainer:hover {
  background: #008ac1;
}
.GridInsertButtonsContainer:active {
  background: #008ac1;
}
.GridInsertButtonsContainer .GridInsertButton {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.GridInsertButtonsContainer .GridInsertButton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  background: url("../Images/Controls/Buttons/buttons.png?v=3_18549") no-repeat;
  background-position: -4px -412px;
  width: 8px;
  height: 8px;
}
.FreightSizeInput {
  width: 23px;
  height: 13px;
  width: 50px;
  height: 20px;
}
.HeaderCell.reminders {
  border-right: 0 none;
  font-weight: bold;
}
/* Popup TEOV gridEvents */

.TEOVPopup {
  background: white;
}
/* FreightSize control */

.FreightSizeControl input,
.TempRangeControl input {
  width: 34px;
}
.iconFreightDetail.iconSum {
  position: absolute;
  left: 5px;
  top: 50%;
  background: url("../Images/Orders/icOrdersFreightDetails.png?v=3_18549") no-repeat;
  width: 10px;
  height: 16px;
  background-position: -43px 0;
  margin: -7px 0 0 0;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
.HeaderCellADRCSS {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../Images/Orders/icOrdersFreightDetails.png?v=3_18549") no-repeat;
  width: 13px;
  height: 16px;
  background-position: -17px 0;
  margin: -8px 0 0 -6.5px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
.HeaderCellMultilevelCSS {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../Images/Orders/icOrdersFreightDetails.png?v=3_18549") no-repeat;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  margin: -8px 0 0 -8px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
.HeaderCellTempEnabledCSS {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../Images/Orders/icOrdersFreightDetails.png?v=3_18549") no-repeat;
  width: 10px;
  height: 16px;
  background-position: -31px 0;
  margin: -8px 0 0 -5px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
.AlignRight,
.AlignRight input {
  text-align: right;
}
.AlignLeft,
.AlignLeft input {
  text-align: left;
}
.DateTimeDrivers .DateInputField {
  width: 115px;
}
.TimelinePopupRow .TimelinePopupLabelMass {
  width: 40%;
  float: left;
}
.TimelinePopupRow .TrashMassVolume,
.TimelinePopupRow .TrashMassWeight {
  width: 10%;
  float: left;
}
/* BEGIN Trash Grids */

.Grid.GridDropStyle .TrashAvailable .GridContainerOuter,
.Grid.GridDropStyle .TrashLocations .GridContainerOuter {
  border: solid 3px #009fe3;
  background: #fcfefa;
}
/*Business Partner location Edit Dynamic dialog*/

.BPEDYToolbarPosition {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.BPEDYMapPosition {
  position: absolute;
  top: 15px;
  left: 281px;
  right: 15px;
  bottom: 50px;
}
.BPEDYControlsPosition {
  position: absolute;
  left: 5px !important;
  top: 15px !important;
  bottom: 50px !important;
  right: 450px !important;
  height: auto !important;
}
.BPEDYNotesPosition {
  position: absolute;
  left: 0px !important;
  bottom: 0px !important;
  right: 5px !important;
  top: 450px !important;
  height: auto !important;
}
.BPEDYMapControlPosition {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.VSEDynamicDialogPosition {
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: 3px;
}
/* Bad fix to hide minimize and maximize from modal windows */

.WebDialogWindow.VehicleDocumentsEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleDocumentsEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleServiceEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleServiceEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleManagementEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleManagementEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RenewalsEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RenewalsEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleGrpEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleGrpEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RentEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RentEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RentVehiclesEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.RentVehiclesEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleCostEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.VehicleCostEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.MobileTrackingEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.MobileTrackingEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.DriversEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.DriversEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerLocationEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerLocationEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerContactEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerContactEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerVehicleEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerVehicleEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerDriverEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.BusinessPartnerDriverEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.PasswordChange .title-bar .control-box.icWindowMin,
.WebDialogWindow.PasswordChange .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersManagerEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersManagerEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersTimeAccessEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersTimeAccessEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersIPRestrictionEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersIPRestrictionEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersAPIKeysEdit .title-bar .control-box.icWindowMin,
.WebDialogWindow.UsersAPIKeysEdit .title-bar .control-box.icWindowMin {
  display: none;
}
.WebDialogWindow.VehicleDocumentsEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleDocumentsEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleServiceEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleServiceEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleManagementEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleManagementEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RenewalsEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RenewalsEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleGrpEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleGrpEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RentEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RentEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RentVehiclesEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.RentVehiclesEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleCostEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.VehicleCostEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.MobileTrackingEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.MobileTrackingEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.DriversEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.DriversEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerLocationEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerLocationEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerContactEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerContactEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerVehicleEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerVehicleEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerDriverEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.BusinessPartnerDriverEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.PasswordChange .title-bar .control-box.icWindowMax,
.WebDialogWindow.PasswordChange .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersManagerEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersManagerEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersTimeAccessEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersTimeAccessEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersIPRestrictionEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersIPRestrictionEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersAPIKeysEdit .title-bar .control-box.icWindowMax,
.WebDialogWindow.UsersAPIKeysEdit .title-bar .control-box.icWindowMax {
  display: none;
}
/* VehicleDocuments START */

.dtIntVhlDocs {
  height: 24px;
  float: right !important;
  margin-left: 10px;
}
.button.VhlDocsRefresh {
  margin-left: 10px;
  height: 19px;
}
.button.VhlDocsRefresh .buttonIcon {
  margin-top: 4px;
}
.CardTileRow .DocLocation {
  display: inline-block;
}
.GridCardContainer .VhlDocsCardRow {
  width: 100%;
  padding: 10px 10px 0px 10px;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid lightgray;
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}
.GridCardContainer .VhlDocsCardRow .GridRowContainer {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.GridCardContainer .VhlDocsCardRow.selected {
  background: #71c2e2;
}
.GridCardContainer .VhlDocsCardRow.GridRowContainer {
  width: 100%;
}
.GridCardContainer .VhlDocsCardRow::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 3px;
  background: #f3f3f3;
}
.GridCardContainer .VhlDocsCardRow:hover {
  background: #f7f7f7;
}
.GridCardContainer .VhlDocsCardRow:active {
  background: #f1f1f1;
}
.GridCardContainer .VhlDocsCardRow .CardTileRow {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.GridCardContainer .VhlDocsCardRow .DocVehicleWrapper {
  float: left;
}
.GridCardContainer .VhlDocsCardRow .CardTileRow.hidden {
  display: none;
}
.GridCardContainer .VhlDocsCardRow .DocCategoryText {
  float: left;
  font-size: 14px;
  font-weight: bold;
}
.GridCardContainer .VhlDocsCardRow .DocCategoryDate {
  float: right;
}
.GridCardContainer .VhlDocsCardRow .DocVehicleWrapper .DocVehicleIcon {
  display: inline-block;
  margin-right: 5px;
}
.GridCardContainer .VhlDocsCardRow .DocVehicleWrapper .DocVehiclePlateNum {
  display: inline-block;
  font-size: 14px;
}
.GridCardContainer .VhlDocsCardRow .DocNumOfFilesWrapper {
  float: right;
}
.GridCardContainer .VhlDocsCardRow .DocNumOfFilesWrapper .DocNumOfFilesValue {
  display: inline-block;
  position: relative;
  top: 2px;
}
.GridCardContainer .VhlDocsCardRow .DocNumOfFilesWrapper .DocNumOfFilesIcon {
  display: inline-block;
  width: 15px;
  margin-left: 5px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") no-repeat;
  background-position: -5px -1060px;
  width: 16px;
  height: 16px;
}
.Grid .GridCardContainer .GridCardBody.VhlDocsCard {
  padding: 0;
  overflow-x: hidden;
}
.GridTools.VhlDocsGrids .GridNumberOfItems {
  border-right: none;
}
.TileFile .TileTopDelete {
  position: absolute;
  top: 0;
  right: 30px;
  display: none;
  padding: 5px;
  width: 22px;
}
.TileFile:hover .TileTopDelete {
  display: block;
}
.VhlDocsCollapseBtn {
  top: 10px;
  left: calc(50% - 15px);
  position: absolute;
  z-index: 1100;
  background: white;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.VhlDocsCollapseBtn:hover {
  background: #f7f7f7;
}
.VhlDocsCollapseBtn:active {
  background: whitesmoke;
}
.VhlDocsCollapseBtn .buttonLabel {
  text-indent: -9999px;
  white-space: nowrap;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  background: url("../Images/Map/icMapCollapsed.png?v=3_18549") -16px 0 no-repeat;
}
.VhlDocsCollapseBtn:hover .buttonLabel {
  background-position: -16px -16px;
}
.VhlDocsCollapseBtn.Collapsed .buttonLabel {
  background-position: 0 0;
}
.VhlDocsCollapseBtn.Collapsed:hover .buttonLabel {
  background-position: 0 -16px;
}
.VhlDocsEditDt .DateTimeButtonContainer .DateTimeButton {
  height: 20px;
}
.VhlDocsMapControl {
  border: 1px solid #cccccc;
}
.DropDownOuter {
  max-height: 400px;
}
.displayNone {
  display: none;
}
/*CALENDAR REMINDERS*/

.HeaderCell.reminders {
  background-color: #e7e7e7;
  border-bottom: 1px solid #bbbbbb;
}
.HeaderCell.label-bold {
  color: #009fe3;
}
.reminders.right-border {
  border-right: 1px solid #bbbbbb;
}
.reminders.label-green {
  color: #009fe3;
}
.Grid .GridBody .GridCell.GridCheckbox {
  position: absolute;
  left: 50%;
  margin-left: -5.5px;
}
.VehicleUsageAnalysis .GTAFilterDropDown {
  float: left;
  position: relative;
  top: 3px;
  width: 230px;
}
.received-files-map {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ReportsTopDropdownWrapper .new-report {
  color: white;
  border-radius: 4px;
  background: #c62828;
  padding: 1px 3px;
  font-size: 9px;
  position: relative;
  top: -1px;
  left: 5px;
  font-weight: 700;
}
.ReportsTopDropdownWrapper .ReportScheduleIcon {
  display: none;
  float: right;
  width: 30px;
  background: url(../Images/ReportIcons/reportIcons.png?v=3_18549) -26px -232px no-repeat;
}
.ReportsTopDropdownWrapper .DropdownMenuLink:hover .ReportScheduleIcon {
  display: block;
}
.ReportScheduleHeader {
  background-color: #ebebeb;
  border: 1px solid #ababab;
}
.ReportScheduleIcon {
  float: right;
  width: 30px;
  background: url(../Images/ReportIcons/reportIcons.png?v=3_18549) -1px -232px no-repeat;
}
.button-notification {
  height: 18px;
  font-size: 0;
}
.button-notification .buttonLabel {
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  width: 12px;
  height: 16px;
  background: url("../images/Controls/Buttons/buttons.png?v=3_18549") -17px -462px no-repeat;
}
.Translations .ToolBar,
.Translations .SettingToolbarTopWrapper {
  height: 40px !important;
  border-top: 0 none !important;
  box-sizing: border-box;
}
.Translations .ToolBar .ToolBar.TranslationMain,
.Translations .SettingToolbarTopWrapper .ToolBar.TranslationMain {
  box-sizing: border-box;
}
.Translations .ToolBar .ToolBar.TranslationMain .button.tbSubMenu,
.Translations .SettingToolbarTopWrapper .ToolBar.TranslationMain .button.tbSubMenu {
  padding: 5px 10px;
  border: 1px solid #cccccc;
  border-bottom: 0 none;
  margin: 7px 0 0 0;
  position: relative;
}
.Translations .ToolBar .ToolBar.TranslationMain .button.tbSubMenu.active,
.Translations .SettingToolbarTopWrapper .ToolBar.TranslationMain .button.tbSubMenu.active {
  background: white;
}
.Translations .ToolBar .ToolBar.TranslationMain .button.tbSubMenu.active::before,
.Translations .SettingToolbarTopWrapper .ToolBar.TranslationMain .button.tbSubMenu.active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  background: white;
}
.ToolBar {
  overflow: hidden;
}
.ToolBar.Grey {
  background: #f8f8f8;
}
.ToolBar .VerticalWrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 35px;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #cccccc;
}
.ToolBar .VerticalWrap ul li {
  list-style: none;
  color: #444444;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-bottom: 1px dotted #cccccc;
  padding: 5px 15px;
}
.ToolBar .VerticalWrap ul li.Title {
  padding: 0;
  background: #eeeeee;
}
.ToolBar .VerticalWrap .button {
  display: block;
  clear: both;
}
.ToolBar.TranslationMain {
  height: 100%;
}
.ToolBar.TabStrip.TahoGraphDetailsTabs .VerticalWrap {
  bottom: 0;
  border: 1px solid #cccccc;
}
.ToolBar.TabStrip.TahoGraphDetailsTabs .VerticalWrap ul {
  height: 100%;
  width: 100%;
}
.ToolBar.TabStrip.TahoGraphDetailsTabs .VerticalWrap .button {
  width: 100%;
  padding: 3px 9px;
  box-sizing: border-box;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
.ToolBar.TabStrip.TahoGraphDetailsTabs .VerticalWrap .button:hover {
  padding: 3px 9px;
}
.ToolBar.TabStrip.TahoGraphDetailsTabs .VerticalWrap .button .buttonIcon {
  margin-top: 5px;
}
/*ToolBar buttons*/

.ToolBar .VerticalWrap,
.ToolBar .VerticalWrap ul {
  margin: 0;
  padding: 0;
}
.ToolBar .VerticalWrap .ToolBar .VerticalWrap ul li .ToolBar .VerticalWrap ul li:last-child {
  border-bottom: 0 dotted #cccccc;
}
.ToolBar .VerticalWrap ul li:not(.Title):hover {
  background: none repeat scroll 0 0 #71c2e2;
  padding-left: 10px;
}
.ToolBar .VerticalWrap ul li.Title .elementLabel {
  padding: 13px 15px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ToolBar .VerticalWrap .ctlContainer {
  display: block;
  background: none repeat scroll 0 0 #71c2e2;
}
/* ToolBar buttons custom List */

.ToolBar .VerticalWrap .ToolBarButtonList .button {
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-bottom: 1px dotted #cccccc;
  color: #444444;
  /*height: 38px;*/
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  padding: 0;
  margin: 0;
  border-right: 1px dotted #cccccc;
}
.ToolBar .VerticalWrap .ToolBarButtonList .button:hover {
  color: #009fe3;
  background: #71c2e2;
  padding-left: 5px;
  box-shadow: none;
}
.ToolBar .VerticalWrap .ToolBarButtonList .button.active {
  color: #009fe3;
  background: white;
  box-shadow: none;
  border-right: 1px solid white;
}
/* Buttons */

.ToolBar .button,
.ToolBar .TextInput,
.ToolBar .uploadField,
.ToolBar .DateInputIntervalWrapper {
  float: left;
}
.ToolBar .button.right,
.ToolBar .DropDownSimpleWrapper.right,
.ToolBar .TextInput.right,
.ToolBar .uploadField.right,
.ToolBar .MultibuttonWrapper.right,
.ToolBar .DateInputIntervalWrapper.right {
  float: right;
}
.ToolBar .DateInputIntervalWrapper {
  position: relative;
}
.ToolBar .right .button,
.ToolBar .right .TextInput {
  float: right;
}
/* HorizontalWrap */

.ToolBar .HorizontalWrap.left label,
.ToolBar .HorizontalWrap.left .DropDownSimpleWrapper,
.ToolBar .HorizontalWrap.left .DateInputIntervalWrapper,
.ToolBar .HorizontalWrap.left .button {
  float: left;
}
.ToolBar .HorizontalWrap.left label.left,
.ToolBar .HorizontalWrap.left .DropDownSimpleWrapper.left,
.ToolBar .HorizontalWrap.left .DateInputIntervalWrapperleft.left,
.ToolBar .HorizontalWrap.left .button.left {
  float: left;
}
.ToolBar .HorizontalWrap.left label.right,
.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper.right,
.ToolBar .HorizontalWrap.left .DateInputIntervalWrapper.right,
.ToolBar .HorizontalWrap.left .button.right {
  float: right;
}
.ToolBar .HorizontalWrap.right label,
.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper,
.ToolBar .HorizontalWrap.right .button {
  float: right;
}
.ToolBar .HorizontalWrap.right label.left,
.ToolBar .HorizontalWrap.right input.left,
.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper.left,
.ToolBar .HorizontalWrap.right .DateInputIntervalWrapper.left,
.ToolBar .HorizontalWrap.right .button.left {
  float: left;
}
.ToolBar .HorizontalWrap.right label.right,
.ToolBar .HorizontalWrap.right input.right,
.ToolBar .HorizontalWrap.right .DropDownSimpleWrapper.right,
.ToolBar .HorizontalWrap.right .DateInputIntervalWrapper.right,
.ToolBar .HorizontalWrap.right .button.right {
  float: right;
}
.ToolBar .HorizontalWrap.TabStrip {
  border-left: 1px solid #aaaaaa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*Tab Strip*/

.ToolBar .TabStrip .button {
  padding: 5px 14px;
  height: 21px;
  border-right: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
  font-weight: normal;
  background: #ebebeb url("../images/Controls/ToolBar/TabsShadow.png?v=3_18549") repeat-x 0 100%;
  user-select: none;
  position: relative;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.ToolBar .TabStrip .button:first-child {
  border-left: none;
}
.ToolBar .TabStrip .button:hover {
  background: #71c2e2 url("../images/Controls/ToolBar/TabsShadow.png?v=3_18549") 0 bottom repeat-x;
}
.ToolBar .TabStrip .button.disabled .buttonLabel {
  color: #bbbbbb;
}
.ToolBar .TabStrip .button.disabled:hover {
  background: #ebebeb url("../images/Controls/ToolBar/TabsShadow.png?v=3_18549") repeat-x 0 100%;
  cursor: default;
  color: #bbbbbb;
}
.ToolBar .TabStrip .button.active {
  background: white url("../images/Controls/ToolBar/TabsShadow.png?v=3_18549") repeat-x scroll 0 150%;
  /*border-bottom: 1px solid #fff;*/
  color: #009fe3;
}
.ToolBar .TabStrip .button.active::before {
  height: 1px;
  content: "";
  background-color: white;
  bottom: -1px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.ToolBar .TabStrip .button.active.disabled {
  color: #bbbbbb;
  border-top: 1px solid #bbbbbb;
}
.ToolBar .TabStrip .button.active.disabled .buttonLabel {
  color: #bbbbbb;
}
.ToolBar .TabStrip .button.active.disabled:hover .buttonLabel {
  color: #bbbbbb;
  cursor: default;
}
.ToolBar .TabStrip .button.active.disabled:hover {
  background: white url("../images/Controls/ToolBar/TabsShadow.png?v=3_18549") repeat-x scroll 0 150%;
  border-bottom: 1px solid white;
  color: #bbbbbb;
  cursor: default;
}
.ToolBar .TabStrip .button .buttonLabel {
  line-height: 21px;
  margin-left: 5px;
}
/*Verical tab strip*/

.ToolBar.TabStrip .VerticalWrap .button {
  display: block;
  -webkit-transition: background-color 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s;
  -moz-transition: background-color 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s;
  -o-transition: background-color 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s;
  border-bottom: 1px dotted #cccccc;
  color: #444444;
  height: 32px;
  line-height: 32px;
  width: 180px;
  position: relative;
  padding: 3px 10px;
}
.ToolBar.TabStrip .VerticalWrap .button .buttonLabel {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 147px;
  text-align: left;
}
.ToolBar.TabStrip .VerticalWrap .button:hover {
  padding: 3px 4px 3px 15px;
  color: #009fe3;
  background: #71c2e2;
}
.ToolBar.TabStrip .VerticalWrap .button.active {
  background: white;
}
.ToolBar.TabStrip .VerticalWrap .button.active::before {
  width: 1px;
  content: "";
  background-color: white;
  right: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ToolBar.TabStrip .VerticalWrap .button.disabled .buttonLabel {
  color: #bbbbbb;
}
.ToolBar.TabStrip .VerticalWrap .button.disabled:hover {
  padding: 3px 9px 3px 10px;
  color: #bbbbbb;
  background: #f8f8f8;
  cursor: default;
}
.ToolBar.TabStrip.min .VerticalWrap .button {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.ToolBar.TabStrip.min .VerticalWrap .button:hover {
  padding: 3px 9px 3px 10px;
}
.ToolBar.TabStrip.min .VerticalWrap .button .buttonIcon {
  margin-right: 0;
}
/*VehiclesFleet Partners TabStrip (vertical TabStrip)*/

.TabStrip.VehicleFleet .button .buttonIcon {
  float: left;
  width: 26px;
  height: 16px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  margin: 8px 2px 0 0;
}
/* Info */

.TabStrip.VehicleFleet .button .buttonIcon.info {
  background-position: 0 0;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.info {
  background-position: -26px 0;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.info {
  background-position: -52px 0;
}
/* Location */

.TabStrip.VehicleFleet .button .buttonIcon.location {
  background-position: -1px -32px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.location {
  background-position: -27px -32px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.location {
  background-position: -56px -32px;
}
/* History */

.TabStrip.VehicleFleet .button .buttonIcon.history {
  background-position: -1px -753px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.history {
  background-position: -28px -753px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.history {
  background-position: -54px -753px;
}
/* Planning */

.TabStrip.VehicleFleet .button .buttonIcon.planning {
  background-position: -1px -844px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.planning {
  background-position: -28px -844px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.planning {
  background-position: -54px -844px;
}
/* Scheduling */

.TabStrip.VehicleFleet .button .buttonIcon.scheduling {
  background-position: -3px -899px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.scheduling {
  background-position: -29px -899px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.scheduling {
  background-position: -55px -899px;
}
/* Business partner */

.TabStrip.VehicleFleet .button .buttonIcon.businessPartner {
  background-position: -1px -633px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.businessPartner {
  background-position: -27px -633px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.businessPartner {
  background-position: -56px -633px;
}
/* Vehicle management */

.TabStrip.VehicleFleet .button .buttonIcon.vhlMgmt {
  background-position: -1px -48px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.vhlMgmt {
  background-position: -27px -48px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.vhlMgmt {
  background-position: -53px -48px;
}
/* Details */

.TabStrip.VehicleFleet .button .buttonIcon.details {
  background-position: 0 -16px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.details {
  background-position: -26px -16px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.details {
  background-position: -52px -16px;
}
/* Calendar */

.TabStrip.VehicleFleet .button .buttonIcon.calendar {
  background-position: -1px -112px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.calendar {
  background-position: -27px -112px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.calendar {
  background-position: -53px -112px;
}
/* Groups */

.TabStrip.VehicleFleet .button .buttonIcon.groups {
  background-position: -1px -176px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.groups {
  background-position: -27px -176px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.groups {
  background-position: -53px -176px;
}
/* Costs */

.TabStrip.VehicleFleet .button .buttonIcon.costs {
  background-position: -1px -96px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.costs {
  background-position: -27px -96px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.costs {
  background-position: -53px -96px;
}
/* Tahograph */

.TabStrip.VehicleFleet .button .buttonIcon.taho {
  background-position: -1px -128px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.taho {
  background-position: -27px -128px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.taho {
  background-position: -53px -128px;
}
/* Rent */

.TabStrip.VehicleFleet .button .buttonIcon.rent {
  background-position: 0 -193px;
  margin-top: 6px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.rent {
  background-position: -26px -193px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.rent {
  background-position: -52px -193px;
}
/* Rented */

.TabStrip.VehicleFleet .button .buttonIcon.rented {
  background-position: 0px -209px;
  margin-top: 7px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.rented {
  background-position: -26px -209px;
  margin-top: 7px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.rented {
  background-position: -52px -209px;
  margin-top: 7px;
}
/* Damage */

.TabStrip.VehicleFleet .button .buttonIcon.damage {
  background-position: 1px -224px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.damage {
  background-position: -25px -224px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.damage {
  background-position: -51px -224px;
}
/* Equipment */

.TabStrip.VehicleFleet .button .buttonIcon.equipment {
  background-position: 1px -240px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.equipment {
  background-position: -27px -240px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.equipment {
  background-position: -53px -240px;
}
/* Service */

.TabStrip.VehicleFleet .button .buttonIcon.service {
  background-position: -1px -256px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.service {
  background-position: -27px -256px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.service {
  background-position: -53px -256px;
}
/* Received files */

.TabStrip.VehicleFleet .button .buttonIcon.received-files {
  background-position: -1px -1037px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.received-files {
  background-position: -27px -1037px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.received-files {
  background-position: -53px -1037px;
}
/* Teh issues */

.TabStrip.VehicleFleet .button .buttonIcon.tehissues {
  background-position: -1px -272px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.tehissues {
  background-position: -27px -272px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.tehissues {
  background-position: -53px -272px;
}
/* Restrict */

.TabStrip.VehicleFleet .button .buttonIcon.restrict {
  background-position: 0 -336px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.restrict {
  background-position: -26px -336px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.restrict {
  background-position: -52px -336px;
}
/* Roles */

.TabStrip.VehicleFleet .button .buttonIcon.roles {
  background-position: 0 -320px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.roles {
  background-position: -26px -320px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.roles {
  background-position: -52px -320px;
}
/* Vacation */

.TabStrip.VehicleFleet .button .buttonIcon.vacation {
  background-position: 0 -160px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.vacation {
  background-position: -26px -160px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.vacation {
  background-position: -52px -160px;
}
/* Alarms */

.TabStrip.VehicleFleet .button .buttonIcon.alarms {
  background-position: -1px -416px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.alarms {
  background-position: -27px -416px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.alarms {
  background-position: -53px -416px;
}
/* Apps */

.TabStrip.VehicleFleet .button .buttonIcon.apps {
  background-position: -1px -400px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.apps {
  background-position: -27px -400px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.apps {
  background-position: -53px -400px;
}
/* Cargo */

.TabStrip.VehicleFleet .button .buttonIcon.cargo {
  background-position: 0 -432px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.cargo {
  background-position: -26px -432px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.cargo {
  background-position: -52px -432px;
}
/* Fields */

.TabStrip.VehicleFleet .button .buttonIcon.fields {
  background-position: 0 -384px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.fields {
  background-position: -26px -384px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.fields {
  background-position: -52px -384px;
}
/* Drivers */

.TabStrip.VehicleFleet .button .buttonIcon.drivers {
  background-position: -2px -64px;
  width: 22px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.drivers {
  background-position: -29px -64px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.drivers {
  background-position: -54px -64px;
}
/* Login history */

.TabStrip.VehicleFleet .button .buttonIcon.loginHistory {
  background-position: -1px -617px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.loginHistory {
  background-position: -26px -617px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.loginHistory {
  background-position: -51px -617px;
}
/* Tyre */

.TabStrip.VehicleFleet .button .buttonIcon.tyre {
  background-position: -1px -665px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.tyre {
  background-position: -27px -665px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.tyre {
  background-position: -53px -665px;
}
/* Driver activity */

.TabStrip.VehicleFleet .button .buttonIcon.driverActivity {
  background-position: 0 -681px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.driverActivity {
  background-position: -26px -681px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.driverActivity {
  background-position: -52px -681px;
}
/* Transport order */

.TabStrip .button .buttonIcon.transportOrder {
  background-position: -1px -464px;
}
.TabStrip .button.active .buttonIcon.transportOrder {
  background-position: -27px -464px;
}
.TabStrip .button.disabled .buttonIcon.transportOrder {
  background-position: -56px -464px;
}
/* Vehicle */

.TabStrip .button .buttonIcon.vehicle {
  background-position: 0px -915px;
}
.TabStrip .button.active .buttonIcon.vehicle {
  background-position: -26px -915px;
}
.TabStrip .button.disabled .buttonIcon.vehicle {
  background-position: -55px -915px;
}
/*Bussines Partners TabStrip (Horizontal TabStrip)*/

.TabStrip.BussinesPartners .button .buttonIcon {
  float: left;
  width: 16px;
  height: 16px;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") 0 0 no-repeat;
  margin: 2px 0 0 0;
  position: relative;
  left: 2px;
}
.TabStrip.BussinesPartners .button .buttonIcon.users {
  background-position: 0 -16px;
  width: 26px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.users {
  background-position: -26px -16px;
  width: 26px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.users {
  background-position: -52px -16px;
  width: 26px;
}
.TabStrip.BussinesPartners .button .buttonIcon.details {
  background-position: -5px 0;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.details {
  background-position: -31px 0;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.details {
  background-position: -57px 0;
}
/* Contact icon */

.TabStrip.BussinesPartners .button .buttonIcon.contacts {
  background-position: -1px -16px;
  width: 24px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.contacts {
  background-position: -27px -16px;
  width: 24px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.contacts {
  background-position: -53px -16px;
  width: 24px;
}
/* Roles icon */

.TabStrip.BussinesPartners .button .buttonIcon.roles {
  background-position: -2px -320px;
  width: 22px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.roles {
  width: 22px;
  background-position: -28px -320px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.roles {
  width: 22px;
  background-position: -54px -320px;
}
/* Locations icon */

.TabStrip.BussinesPartners .button .buttonIcon.locations {
  background-position: -7px -32px;
  width: 12px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.locations {
  background-position: -33px -32px;
  width: 12px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.locations {
  background-position: -59px -32px;
  width: 12px;
}
/* Vehicles icon */

.TabStrip.BussinesPartners .button .buttonIcon.vehicles {
  background-position: -3px -48px;
  width: 22px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.vehicles {
  background-position: -29px -48px;
  width: 22px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.vehicles {
  background-position: -55px -48px;
  width: 22px;
}
.TabStrip.BussinesPartners .button .buttonIcon.drivers {
  background-position: -2px -64px;
  width: 22px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.drivers {
  background-position: -29px -64px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.drivers {
  background-position: -54px -64px;
}
.TabStrip.BussinesPartners .button .buttonIcon.attachments {
  background-position: -6px -80px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.attachments {
  background-position: -32px -80px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.attachments {
  background-position: -58px -80px;
}
.TabStrip.BussinesPartners .button .buttonIcon.costs {
  background-position: -5px -96px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.costs {
  background-position: -31px -96px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.costs {
  background-position: -57px -96px;
}
.TabStrip.BussinesPartners .button .buttonIcon.importCosts {
  background-position: 0px -448px;
  width: 26px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.importCosts {
  background-position: -26px -448px;
  width: 26px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.importCosts {
  background-position: -52px -448px;
  width: 26px;
}
.TabStrip.BussinesPartners .button .buttonIcon.damage {
  background-position: 0 -224px;
  width: 25px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.damage {
  background-position: -26px -224px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.damage {
  background-position: -52px -224px;
}
.TabStrip.BussinesPartners .button .buttonIcon.equipment {
  background-position: -1px -240px;
  width: 23px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.equipment {
  background-position: -27px -240px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.equipment {
  background-position: -53px -240px;
}
.TabStrip.BussinesPartners .button .buttonIcon.service {
  background-position: -4px -256px;
  width: 18px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.service {
  background-position: -30px -256px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.service {
  background-position: -56px -256px;
}
.TabStrip.BussinesPartners .button .buttonIcon.tehissues {
  background-position: -3px -272px;
  width: 20px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.tehissues {
  background-position: -29px -272px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.tehissues {
  background-position: -55px -272px;
}
.TabStrip.BussinesPartners .button .buttonIcon.taho {
  background-position: -3px -128px;
  width: 20px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.taho {
  background-position: -29px -128px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.taho {
  background-position: -55px -128px;
}
.TabStrip.BussinesPartners .button .buttonIcon.cargo {
  background-position: -4px -432px;
  width: 18px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.cargo {
  background-position: -30px -432px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.cargo {
  background-position: -56px -432px;
}
.TabStrip.BussinesPartners .button .buttonIcon.date {
  background-position: -4px -112px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.date {
  background-position: -30px -112px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.date {
  background-position: -56px -112px;
}
.TabStrip.BussinesPartners .button .buttonIcon.timerest {
  background-position: -1px -352px;
  width: 24px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.timerest {
  background-position: -27px -352px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.timerest {
  background-position: -56px -352px;
}
.TabStrip.BussinesPartners .button .buttonIcon.iprest {
  background-position: -1px -368px;
  width: 24px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.iprest {
  background-position: -28px -368px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.iprest {
  background-position: -56px -368px;
}
.TabStrip.BussinesPartners .button .buttonIcon.vacation {
  background-position: -5px -160px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.vacation {
  background-position: -31px -160px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.vacation {
  background-position: -56px -160px;
}
.TabStrip.BussinesPartners .button .buttonIcon.loginHistory {
  background-position: -4px -617px;
  width: 19px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.loginHistory {
  background-position: -29px -617px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.loginHistory {
  background-position: -55px -617px;
}
.TabStrip.BussinesPartners .button .buttonIcon.import {
  background-position: -5px -480px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.import {
  background-position: -31px -480px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.import {
  background-position: -57px -480px;
}
.TabStrip.BussinesPartners .button .buttonIcon.tyre {
  background-position: -5px -665px;
  width: 16px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.tyre {
  background-position: -31px -665px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.tyre {
  background-position: -57px -665px;
}
.TabStrip.BussinesPartners .button .buttonIcon.driverActivity {
  background-position: -3px -681px;
  width: 20px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.driverActivity {
  background-position: -29px -681px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.driverActivity {
  background-position: -55px -681px;
}
.TabStrip.BussinesPartners .button .buttonIcon.history {
  background-position: -2px -753px;
  width: 18px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.history {
  background-position: -30px -753px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.history {
  background-position: -56px -753px;
}
.TabStrip.BussinesPartners .button .buttonIcon.planningOrders {
  background-position: -5px -464px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.planningOrders {
  background-position: -31px -464px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.planningOrders {
  background-position: -57px -464px;
}
/* Planning events icon */

.TabStrip.BussinesPartners .button .buttonIcon.planningEvents {
  background-position: -5px -862px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.planningEvents {
  background-position: -31px -862px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.planningEvents {
  background-position: -57px -862px;
}
.TabStrip.BussinesPartners .button .buttonIcon.received-files {
  background-position: -4px -1037px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.received-files {
  background-position: -30px -1037px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.received-files {
  background-position: -56px -1037px;
  width: 17px;
}
/*Big Tiles*/

.ToolBar .HorizontalWrap.BigTiles {
  border: 0px;
  bottom: 2px;
}
.ToolBar .BigTiles .button {
  background: white;
  height: 100%;
  padding: 0px;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
}
.ToolBar .BigTiles .button .buttonLabel,
.ToolBar .BigTiles .button.active .buttonLabel {
  float: right;
  color: black;
  font-weight: bold;
  font-size: 12px;
  display: block;
  padding: 12px 10px 7px 10px;
  height: 32px;
  line-height: 15px;
}
.ToolBar .BigTiles .button .buttonLabel.buttonLabelIcon,
.ToolBar .BigTiles .button.active .buttonLabel.buttonLabelIcon {
  margin-left: 20px;
}
.ToolBar .BigTiles .button .buttonLabel span {
  display: block;
  clear: both;
}
.ToolBar .BigTiles .button.active,
.ToolBar .BigTiles .button:hover {
  background: #71c2e2;
  border-top: 1px solid #bbbbbb;
}
.ToolBar .BigTiles .button.active::before {
  height: 20px;
  width: 20px;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  content: "";
  background-color: white;
  bottom: -20px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
}
/*Big Tiles ICONS*/

.ToolBar .BigTiles .button .buttonIcon.error {
  background: url("../images/GeneralLayout/InputInfoIconMin.png?v=3_18549") no-repeat 0 0;
}
.ToolBar .BigTiles .button .buttonIcon {
  float: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 10px;
}
.ToolbarContainer {
  background: #eeeeee;
  border-bottom: 1px solid #aaaaaa;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  z-index: 2;
  width: 100%;
  position: relative;
  float: left;
  padding: 5px 0;
}
.ToolbarNew.shield::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 99999999999999999;
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.UserListDropdownName {
  font-size: 1.1em;
  font-weight: bold;
}
.UserListDropdownLabel {
  float: left;
  font-size: 0.9em;
  color: #666666;
  padding-right: 3px;
}
.UserListDropdownData {
  font-size: 0.9em;
}
.UserListOutOfOffice {
  color: #999999;
}
.ActionContainer {
  background-color: #fdfdfd;
  border: 1px solid #cdcdcd;
}
.SettingsTabsWrapper {
  overflow: hidden;
  border-right: none !important;
  background-color: #e9eaea;
}
.ToolBar.VehicleAlarms .sideToggler {
  background-color: #e9eaea;
}
.TabStrip.VehicleAlarms .button .buttonIcon {
  width: 23px;
  height: 23px;
  margin-top: 5px;
}
.TabStrip.VehicleAlarms .button .buttonIcon.trigger {
  background: url("../Images/Settings/icVehicles02.png?v=3_18549") 0 0 no-repeat;
}
.TabStrip.VehicleAlarms .button .buttonIcon.parameters {
  background: url("../Images/Settings/icusers.png?v=3_18549") 0 0 no-repeat;
}
.TabStrip.VehicleAlarms .button .buttonIcon.timing {
  background: url("../Images/Settings/icVehicles02.png?v=3_18549") 0 0 no-repeat;
}
.TabStrip.VehicleAlarms .button .buttonIcon.actions {
  background: url("../Images/Settings/icusers.png?v=3_18549") 0 0 no-repeat;
}
.TabStrip.VehicleAlarms .button .buttonIcon.valid {
  background: url("../Images/Settings/icVehicles02.png?v=3_18549") 0 0 no-repeat;
}
.TabStrip.VehicleAlarms .button .buttonIcon.general {
  background: url("../Images/Settings/icusers.png?v=3_18549") 0 0 no-repeat;
}
.Alarms-trigger-wrapper {
  float: left;
  width: 100%;
  margin: 15px;
}
.Alarms-trigger-wrapper .DropDownSimpleWrapper {
  float: left;
  margin: 0 15px 15px 0;
  width: 20%;
}
.Alarms-trigger-wrapper .Alarms-trigger-elem {
  float: left;
  margin: 0 15px 15px 0;
  width: 20%;
}
.Alarms-trigger-wrapper .Alarms-trigger-elem .DropDownSimpleWrapper {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.Alarms-trigger-wrapper .Alarms-trigger-elem .SettingRowLabel {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.Alarms-trigger-wrapper .Alarms-trigger-elem .right {
  float: right;
  margin-bottom: 10px;
}
.Alarms-trigger-wrapper .Alarms-trigger-elem .left {
  float: left;
  margin-bottom: 10px;
}
.Alarms-trigger-wrapper .DropDownSimpleWrapper {
  float: left;
  margin: 0 15px 15px 0;
  width: 20%;
}
.SettingRowLabel.alarms {
  float: left;
  width: 100%;
  margin: 15px 15px 0 15px;
}
.no-user-select {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.WebDialogWindow.VehicleListDialog.pinned .pin {
  top: 4px;
}
/* VEHICLE LIST */

.VehicleListContainerOuter {
  position: absolute;
  overflow: hidden;
  width: 272px;
}
.VehicleListContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 5px solid #cccccc;
  overflow: hidden;
  color: #333333;
}
.VehicleListGrid {
  position: absolute;
  top: 58px;
  left: 0;
  right: 0;
  bottom: 101px;
  overflow: hidden;
}
.VehicleListGridHeader {
  position: absolute;
  top: 0;
  background-color: #d2d2d2;
  left: 0;
  right: 0;
  height: 39px;
  font-size: 12px;
  color: #333333;
  z-index: 1;
  border-bottom: 1px solid #aaaaaa;
  box-sizing: border-box;
}
.VehicleListGridHeader div {
  color: #333333;
  font-size: 12px;
}
.VehicleListGridHeader .VehicleSubRow1 {
  position: relative;
  right: 0;
  left: 0;
  padding: 3px 0 0 40px;
}
.VehicleListGridHeader .VehicleSubRow1 .VL_description,
.VehicleListGridHeader .VehicleSubRow1 .VL_speedShort,
.VehicleListGridHeader .VehicleSubRow1 .VL_lastUpdate,
.VehicleListGridHeader .VehicleSubRow1 .VL_country {
  display: table-cell;
  float: none;
}
.VehicleListGridHeader .VehicleSubRow2 {
  position: relative;
}
.VehicleListGridHeader .VehicleSubRow2 .VehicleGridCell {
  display: table-cell;
  float: none;
  max-width: 90px;
}
.VehicleListGridHeader .VehicleSubRow3 {
  position: relative;
  right: 0;
  left: 0;
}
.VehicleListGridHeader .VehicleSubRow3 .VehicleGridCell {
  max-width: 100px;
}
.VehicleListGridHeader .VehicleSubRow3 .VL_GridCellLeft {
  text-align: left;
  display: table-cell;
  float: none;
}
.VehicleListGridHeader .VehicleSubRow3 .VL_GridCellRight {
  text-align: right;
  display: table-cell;
  float: none;
}
.VehicleListGridHeader .VehicleSubRow3,
.VehicleListGridHeader .VehicleSubRow2,
.VehicleListGridHeader .VehicleSubRow1 {
  display: table;
  width: 100%;
  padding-right: 10px;
  padding-left: 40px;
  box-sizing: border-box;
  vertical-align: middle;
}
.VehicleListContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 39px;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
}
.VehicleListHeaderLink {
  font-weight: bold;
  font-family: inherit;
  color: #333333;
  font-size: 12px;
  cursor: pointer;
}
.VehicleListHeaderLink div {
  color: #333333;
  font-size: 12px;
}
.VehicleListHeaderLink:hover {
  text-decoration: underline;
  color: #009fe3;
}
.VehicleListToolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 57px;
  border-bottom: 1px solid #999999;
  background-color: #cccccc;
}
.VL_Toolbar {
  border-bottom: 1px solid #bbbbbb;
  background-color: #cccccc;
}
.VL_Toolbar .VLSearchLabel {
  color: #999999;
  font-style: italic;
  font-size: 0.8em;
  margin-top: 2px;
  display: none;
}
.VL_Toolbar .VLSearchInput {
  border: 1px solid #ababab;
  padding: 2px 4px;
  font-size: 0.8em;
  border-radius: 3px;
  height: 17px;
  position: absolute;
  left: 5px;
  top: 4px;
  font-family: Calibri, Arial, Sans-serif;
  width: 233px;
}
.VL_Toolbar .VLSearchInput::-webkit-input-placeholder {
  font-size: 13px;
}
.VL_Toolbar .VLSearchInput::-moz-placeholder {
  font-size: 13px;
}
.VL_Toolbar .VLSearchInput:-ms-input-placeholder {
  font-size: 13px;
}
.VL_Toolbar .VLSearchButton {
  width: 12px;
  height: 12px;
  overflow: hidden;
  border: 0 none;
  right: 30px;
  top: 9px;
  position: absolute;
  cursor: pointer;
  background: url("../Images/GeneralLayout/InputInfoIconMin.png?v=3_18549") no-repeat -18px -65px;
}
.VL_Toolbar .VLSearchButton:hover {
  background-position: -2px -65px;
}
.VL_Toolbar .VLSearchButton:active {
  opacity: 0.6;
}
.VL_Toolbar .DropDownSimpleWrapper {
  height: 23px;
  width: 180px;
  top: 30px;
  left: 5px;
  width: 243px;
  position: absolute;
}
.VehicleListToolbarSearchWrapper {
  position: absolute;
  top: 3px;
  left: 10px;
  right: 10px;
  height: 19px;
}
.VehicleListToolbarSearchText {
  position: absolute;
  color: #999999;
  font-style: italic;
  font-size: 0.8em;
  margin-top: 2px;
}
.VehicleListToolbarSearch {
  position: absolute;
  left: 45px;
  width: 188px;
  padding: 1px 2px;
  height: 16px;
  font-size: 0.7em;
}
.InputDescription {
  color: #999999;
  font-style: italic;
}
.VehicleListToolbarSearchButton {
  position: absolute;
  width: 25px;
  height: 19px;
  left: 215px;
  top: 1px;
  overflow: hidden;
}
.VehicleListSelectionWrapper {
  position: absolute;
  left: 10px;
  top: 30px;
  right: 10px;
}
.VehicleListSelectionDropDownWrapper {
  position: absolute;
  left: 45px;
  height: 19px;
  width: 195px;
}
.DropDownInputField2 {
  position: absolute;
  border: 1px solid #ababab;
  padding: 1px 2px;
  margin: 0;
  font-size: 0.8em;
  color: black;
  font-family: Calibri, Arial, Sans-serif;
}
.VehicleGridRow {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #bbbbbb;
  font-size: 0.72em;
  padding: 4px 6px;
  box-sizing: border-box;
  background: white;
  margin-bottom: 2px;
}
.VehicleGridRow:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.VehicleGridRow::before {
  content: "";
  position: absolute;
  bottom: -3px;
  height: 2px;
  left: 0;
  right: 0;
  background: #dddddd;
}
.VehicleGridRow .VehicleSubRow1 {
  position: relative;
  right: 0;
  left: 0;
  border-bottom: 1px dotted #cccccc;
  margin: 0 0 2px 0;
  padding: 0 0 2px 40px;
}
.VehicleGridRow .VehicleSubRow1 .VL_description,
.VehicleGridRow .VehicleSubRow1 .VL_speedShort,
.VehicleGridRow .VehicleSubRow1 .VL_lastUpdate {
  display: table-cell;
  float: none;
}
.VehicleGridRow .VehicleSubRow2 {
  position: relative;
}
.VehicleGridRow .VehicleSubRow2 .VehicleGridCell {
  display: table-cell;
  float: none;
  max-width: 90px;
}
.VehicleGridRow .VehicleSubRow2 .VehicleGridCell.VL_driverstatus.NoStatus {
  background: none;
  min-width: 0;
  display: none;
}
.VehicleGridRow .VehicleSubRow3 {
  position: relative;
  right: 0;
  left: 0;
}
.VehicleGridRow .VehicleSubRow3 .VehicleGridCell {
  max-width: 90px;
}
.VehicleGridRow .VehicleSubRow3 .VehicleGridCell.VL_driverstatus.NoStatus {
  background: none;
  min-width: 0;
  display: none;
}
.VehicleGridRow .VehicleSubRow3 .VL_GridCellLeft {
  text-align: left;
  display: table-cell;
  float: none;
}
.VehicleGridRow .VehicleSubRow3 .VL_GridCellRight {
  text-align: right;
  display: table-cell;
  float: none;
}
.VehicleGridRow .VehicleSubRow3,
.VehicleGridRow .VehicleSubRow2,
.VehicleGridRow .VehicleSubRow1 {
  display: table;
  width: 100%;
  padding-left: 40px;
  box-sizing: border-box;
  height: 18px;
}
.VehicleGridRowSelected {
  background-color: #daf1c5;
}
.VehicleGridRowSelected:hover {
  background-color: #daf1c5;
}
.VehicleGridRow3 {
  position: relative;
  width: 100%;
  border-bottom: 3px double #cccccc;
  font-size: 0.8em;
  height: 60px;
}
.VehicleGridRow3Selected {
  position: relative;
  width: 100%;
  background-color: #71c2e2;
  border-bottom: 3px double #cccccc;
  font-size: 0.8em;
  height: 60px;
}
.chat-status {
  position: absolute;
  left: 0;
  top: 25px;
  width: 40px;
}
.chat-status .icon {
  position: relative;
  left: 4px;
  background: url("../Images/VehicleList/Icons/icDoc01.png?v=3_18549") no-repeat 0 0;
}
.chat-status.disabled .icon {
  background: url("../Images/VehicleList/Icons/icDoc02.png?v=3_18549") no-repeat 0 0;
}
.chat-status .latest-status {
  background: #c62828;
  border: 1px solid #9b2020;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 15px;
  color: white;
  font-weight: bold;
  padding: 1px 3px;
  font-size: 9px;
  text-align: center;
}
.VL_driverstatus {
  height: 12px;
  width: 12px;
  float: left;
  margin: 3px 3px 0 0;
  position: relative;
  top: 4px;
}
.VL_driverstatus.Driving {
  width: 13px;
  min-width: 13px;
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: -32px 0;
  top: 4px;
}
.VL_driverstatus.Available {
  min-width: 13px;
  width: 13px;
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: -17px 0;
}
.VL_driverstatus.Working {
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: 0 0;
  min-width: 15px;
  width: 15px;
}
.VL_driverstatus.Resting {
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: -47px 0;
  min-width: 15px;
  width: 15px;
}
.VL_driverstatus.Unavailable {
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: -65px 0;
  min-width: 8px;
  width: 8px;
}
.VL_driverstatus.Unknown {
  background: url("../Images/VehicleList/Icons/driver-status.png?v=3_18549") no-repeat 0 0;
  background-position: -65px 0;
  min-width: 8px;
  width: 8px;
}
.VL_driverstatus.NoStatus {
  background: none;
  min-width: 0;
  display: none;
}
.VehicleGridCell {
  position: relative;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*height: 15px;*/

}
.VL_GridCellLeft {
  text-align: left;
}
.VL_GridCellLeft .VL_FuelWrapper {
  float: left;
}
.VL_GridCellLeft.VehicleGridCell {
  padding-left: 0 !important;
}
.VL_GridCellRight {
  text-align: right;
}
.VL_GridCellRight .VL_FuelWrapper {
  float: right;
}
.VL_IconDocSimple {
  top: 0px;
  height: 16px;
  padding: 0 1px;
  text-align: center;
}
.VL_IconDoc {
  top: 0;
  padding: 1px 0;
  position: absolute;
  z-index: 9;
  left: 0;
  width: 38px;
  height: 42px;
}
.VL_IconDoc img {
  position: relative;
  top: -1px;
}
.VL_IconDoc img:last-child {
  margin-top: 3px;
}
.VL_description {
  font-weight: bold;
  box-sizing: border-box;
  width: 78px !important;
}
.VL_speed,
.VL_speedShort {
  padding: 2px;
  font-weight: bold;
  text-align: left;
  float: none;
}
.VL_lastUpdate {
  padding: 0;
  text-align: right;
  float: right;
  width: auto !important;
  font-weight: bold;
}
.VL_arrival {
  padding: 2px;
}
.VL_driven {
  padding: 2px;
}
.VL_weather {
  padding: 1px;
  width: 50px;
}
.VL_driver {
  padding: 1px;
}
.VL_drivertel {
  font-size: 12px;
}
.VL_drivername {
  margin-top: 1px;
}
.VL_drivername .VL_drivername {
  max-width: 90px;
  padding-top: 3px;
}
.VL_fmscounter {
  padding: 2px;
}
.VL_fuellevel {
  padding: 0;
}
.VL_memo {
  padding: 2px;
}
.VL_sensors {
  padding: 2px;
}
.VL_temp {
  padding: 2px;
}
.VL_trailer {
  padding: 2px;
}
.VL_vehstatus {
  padding: 0;
  max-width: 100px;
}
/* Status ALARM - DARK RED */

.VL_StatusAlarm {
  color: #cc0000;
  font-weight: bold;
  -moz-animation: alternatetext normal 2s infinite ease-in-out;
  -webkit-animation: alternatetext normal 2s infinite ease-in-out;
  animation: alternatetext normal 2s infinite ease-in-out;
}
/* Status CONECTED AND MOVING - BLUE */

.VL_StatusConnected_Moving {
  color: #0072bc;
}
/* Status DISCONECTED - RED */

.VL_StatusDisconnected {
  color: #e53935;
}
/* Status PARKED - GREEN */

.VL_StatusParked {
  color: #388e3c;
}
@-moz-keyframes alternatetext {
  0% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
  50% {
    opacity: 1;
    background-color: white;
    color: #cc0000;
  }
  100% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
}
/* Firefox */

@-webkit-keyframes alternatetext {
  0% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
  50% {
    opacity: 1;
    background-color: white;
    color: #cc0000;
  }
  100% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
}
/* Webkit */

@-ms-keyframes alternatetext {
  0% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
  50% {
    opacity: 1;
    background-color: white;
    color: #cc0000;
  }
  100% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
}
/* IE */

@keyframes alternatetext {
  0% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
  50% {
    opacity: 1;
    background-color: white;
    color: #cc0000;
  }
  100% {
    opacity: 1;
    background-color: #cc0000;
    color: white;
  }
}
.VLD_StatusAlarm {
  font-weight: bold;
  -moz-animation: alternatetext normal 2s infinite ease-in-out;
  -webkit-animation: alternatetext normal 2s infinite ease-in-out;
  animation: alternatetext normal 2s infinite ease-in-out;
}
/* Status ALARM - DARK RED */

.VLD_StatusAlarm img {
  background-color: #cc0000;
}
/* Status CONECTED AND MOVING - BLUE */

.VLD_StatusConnected_Moving img {
  background-color: #0072bc;
}
/* Status DISCONECTED - RED */

.VLD_StatusDisconnected img {
  background-color: #e53935;
}
/* Status PARKED - GREEN */

.VLD_StatusParked img {
  background-color: #388e3c;
}
.VehicleGridRowRegistration1 {
  position: absolute;
  left: 30px;
  border-bottom: 1px dotted #b1b1b1;
  width: 95px;
  font-weight: bold;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  height: 15px;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleGridRowDuration1 {
  position: absolute;
  left: 126px;
  border-bottom: 1px dotted #b1b1b1;
  width: 35px;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  height: 15px;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleGridRowDate1 {
  position: absolute;
  left: 162px;
  border-bottom: 1px dotted #b1b1b1;
  width: 90px;
  padding: 2px 2px 2px 0;
  overflow: hidden;
  white-space: nowrap;
  height: 15px;
  text-align: right;
  color: #222222;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleGridRowName1 {
  position: absolute;
  left: 30px;
  top: 20px;
  width: 110px;
  font-weight: bold;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 15px;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleGridRowNote1 {
  position: absolute;
  left: 141px;
  top: 20px;
  width: 113px;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 15px;
  color: #666666;
  text-align: right;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleGridRow3rd {
  position: absolute;
  left: 30px;
  top: 40px;
  border-top: 1px dotted #b1b1b1;
  width: 224px;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  height: 15px;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
}
.VehicleLiveContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  border-top: 1px solid #959595;
}
.VL_Live {
  border-top: 1px solid #959595;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #f3f3f3;
}
.VL_Live .top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.VL_Live .top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  border-bottom: 1px solid #cccccc;
}
.VL_Live .bottom {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  padding: 5px;
  bottom: 0;
}
.VL_Live .vehicle-icon {
  float: left;
  margin-right: 10px;
  height: 30px;
}
.VL_Live .vehicle-icon img {
  position: relative;
  top: 5px;
  left: 5px;
  height: 64%;
  width: auto;
}
.VL_Live .vehicle-title {
  height: 20px;
  font-weight: bold;
  font-size: 1.1em;
  padding: 6px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  width: 56%;
  box-sizing: border-box;
}
.VL_Live .vehicle-row {
  float: left;
  width: 100%;
  margin-bottom: 1px;
}
.VL_Live .vehicle-row .LabelNoOverflow {
  float: right;
}
.VL_Live .speed {
  float: right;
  margin: 7px 5px 0 0;
}
.VL_Live .speed .TextGreyNew {
  text-indent: -9999px;
  overflow: hidden;
  width: 16px;
  float: left;
  margin-right: 5px;
  display: none;
  height: 16px;
  background: url("../Images/Map/icLabelSpeed.png?v=3_18549") no-repeat 0 0;
}
.VehicleLiveTitle {
  position: absolute;
  height: 20px;
  left: 0;
  right: 0;
  top: 0;
  background-color: #cccccc;
  font-weight: bold;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.VehiclLiveImage {
  position: absolute;
  left: 2px;
  top: 22px;
  width: 75px;
}
.VehicleLiveData {
  position: absolute;
  left: 80px;
  top: 22px;
  right: 2px;
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.VL_CellRed {
  position: relative;
  color: #cc0000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  font-size: 11px;
}
.VL_CellRedBg {
  position: relative;
  background: #cc0000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.VL_CellRedText {
  color: #cc0000;
}
/* VEHICLE LIST FUEL PROGRESS BAR */

.VL_FuelWrapper {
  position: relative;
  float: right;
  z-index: 1;
  top: 3px;
  width: 95px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid #888888;
}
.VL_FuelWrapper .VL_FuelProgressBar {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 0px;
  background-color: #d5d5d5;
}
.VL_FuelWrapper .VL_FuelIcon {
  position: absolute;
  z-index: 2;
  left: 2px;
  top: -2px;
}
.VL_FuelWrapper .VL_FuelText {
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 0;
  font-size: 11px;
}
.VL_TempWeather {
  position: relative;
  text-align: left;
  font-size: 11px;
  top: -1px;
  margin-right: 5px;
}
.VL_WeatherIcon {
  float: right;
}
.CursorPointer {
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ButtonNewLogin {
  border: 2px solid transparent;
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  padding: 7px 40px 9px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  background-color: transparent;
  border-color: white;
  width: 100%;
  text-align: center;
}
.ButtonNewLogin.hover,
.ButtonNewLogin:hover {
  color: white;
  background-color: #b4d143;
  border-color: white;
}
.ButtonNewLogin.focus,
.ButtonNewLogin:focus {
  color: white;
  background-color: #b4d143;
  border-color: white;
  -webkit-box-shadow: 0 0 20px #555555;
  box-shadow: 0 0 20px #555555;
  outline: 0;
}
.ButtonNewLogin.active,
.ButtonNewLogin:active {
  color: white;
  background-color: transparent;
  border-color: #b4d143;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.icon-chevron-right {
  position: relative;
}
.icon-chevron-right:before {
  position: absolute;
  right: 20px;
  top: 13px;
}
.TopMargin {
  margin-top: 30px;
}
/* NOTIFICATIONS */

.NotificationWrapper {
  position: relative;
  background-color: white;
  top: 40px;
  margin-top: 10px;
  right: 10px;
  z-index: 21001;
  border: 1px solid #eeeeee;
  /*width: 300px;*/
  padding: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 3px;
}
.NotificationHeader {
  font-weight: bold;
}
.NotificationContent {
  margin-top: 5px;
  font-size: 15px;
  cursor: pointer;
}
.NotificationContent2 {
  font-size: 16px;
  margin-top: 24px;
  height: 45px;
}
.NotificationDate {
  float: left;
  width: 100%;
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  padding-right: 24px;
}
.NotificationButtonWrapper {
  position: absolute;
  top: 96px;
  right: 10px;
}
.NotificationButton {
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: inline-block;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  -moz-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-left: 10px;
}
.NotificationButton:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.NotificationButton:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.NotificationContainer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 300px;
}
.NotificationTag {
  margin-bottom: 4px;
  font-size: 15px;
  display: block;
}
.ShellWindows .taskbar .header {
  background: url("../Images/Administration/ProgramIcons/logo.png?v=@3_18549") center top no-repeat;
  position: relative;
  float: left;
  margin: 9px 20px 7px 10px;
  width: 147px;
  height: 24px;
}
.ShellWindows .taskbar .menu {
  left: 174px;
}
.TextInputLogin {
  background-color: white;
  background-image: none;
  border: 2px solid black;
  color: black;
  font-size: 16px;
  line-height: 1.5;
  height: 34px;
  padding: 3px 14px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition: border-color 0.2s ease-in-out 0s 0.3s ease-in;
  -moz-transition: border-color 0.2s ease-in-out 0s 0.3s ease-in;
  -webkit-transition: border-color 0.2s ease-in-out 0s 0.3s ease-in;
  transition: border-color 0.2s ease-in-out 0s 0.3s ease-in;
}
.TextInputLogin::-moz-placeholder {
  color: black;
  opacity: 1;
}
.TextInputLogin:-ms-input-placeholder {
  color: black;
}
.TextInputLogin::-webkit-input-placeholder {
  color: black;
}
.TextInputLogin::-moz-placeholder {
  color: black;
  opacity: 1;
}
.TextInputLogin:-ms-input-placeholder {
  color: black;
}
.TextInputLogin::-webkit-input-placeholder {
  color: black;
}
.TextInputLogin.hover,
.TextInputLogin:hover {
  border-color: #b4d143;
}
.TextInputLogin.focus,
.TextInputLogin:focus {
  border-color: #b4d143;
  -webkit-box-shadow: 0 0 20px #555555;
  box-shadow: 0 0 20px #555555;
  outline: 0;
}
.TextInputLogin.active,
.TextInputLogin:active {
  border-color: #b4d143;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.entry-card .TextInputLogin {
  display: block;
  margin-bottom: 30px;
  margin-left: 4px;
}