/* 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;
}
.ButtonLink {
  padding: 0 4px;
  height: 19px;
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #555555;
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -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;
  font-size: 0.85em;
  cursor: pointer;
  text-align: center;
  -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;
}
.ButtonLink:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.ButtonLink:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.ButtonLink img {
  margin-top: 2px;
}
.MultibuttonWrapper {
  float: left;
  -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;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
  -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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #b4d143;
  border: 1px solid #88a027;
  color: white;
}
.MultibuttonWrapper.right {
  float: right;
}
.MultibuttonWrapper:hover {
  background: #99b52c;
  border: 1px solid #313a0e;
  color: white;
}
.MultibuttonWrapper.disabled:hover,
.MultibuttonWrapper.disabled {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  color: #c2c2c2;
  cursor: default;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.MultibuttonWrapper:active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.MultibuttonWrapper .buttonSelectboxRight .buttonBorder {
  width: 0px;
}
.MultibuttonWrapper .wrap {
  position: relative;
  width: 100%;
  display: block;
  height: 100%;
}
.buttonSelectboxLeft .buttonLabel {
  padding: 5px 10px 5px 10px;
  line-height: 1;
}
.buttonSelectboxRight {
  position: relative;
  right: 3px;
}
.MultibuttonWrapper .buttonPrimary {
  float: left;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.buttonPrimary.buttonSelectboxRight,
.buttonSelectboxRight:hover,
.buttonSecondary.buttonSelectboxRight,
.buttonSecondary.buttonSelectboxRight:hover {
  padding: 0;
  border-left: 0 none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
.buttonSelectboxRight .buttonBorder {
  background: #9fbf80;
  width: 1px;
  float: left;
  margin: 3px 0 0 -1px;
}
.buttonSelectboxRight .buttonIcon {
  background-position: -1px -182px;
  float: right;
  width: 8px;
  margin: 8px 5px 0 0;
  padding: 0;
}
.buttonIcon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../images/Controls/Buttons/buttons.png?v=3_18549") 0 0 no-repeat;
}
.buttonSelectboxContent {
  display: none;
  background: white;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: 0 0 4px #c4c4c4;
  -moz-box-shadow: 0 0 4px #c4c4c4;
  box-shadow: 0 0 4px #c4c4c4;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 9;
  width: 260px;
  min-width: 120px;
  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;
}
.MultibuttonWrapper.expanded .buttonSelectboxContent,
.buttonSelectboxContent.expanded {
  display: block;
}
.buttonSelectboxContent.TOIinfo {
  display: block;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-top: 0px;
  top: 40px;
  width: 100px;
  left: 2px;
}
.buttonSelectboxContent.TOIinfo::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  height: 5px;
  background: white;
  width: 24px;
}
.buttonSelectboxContent ul {
  padding: 0;
  margin: 0;
}
.buttonSelectboxContent ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
}
.buttonSelectboxContent ul li:hover {
  background: #f9f9f9;
  color: #b4d143;
}
.buttonSelectboxContent ul li:active {
  color: #222222;
  background: white;
}
.buttonSelectboxContent ul li .buttonLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px;
  height: 18px;
}
.buttonSelectboxContent.TOIinfo .button {
  width: 100%;
  padding: 0;
}
.multibuttonButtonItem {
  height: 29px;
}
.multibuttonButtonItem.disabled {
  color: grey;
}
.multiOrderInfo {
  float: right;
  -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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  color: black;
  height: 40px;
}
/*
    .multiOrderInfo:hover{
        background: #ffffff;
        color: black;
        box-shadow: 0px 2px 4px @brand-secondary-opacity20 inset, 0px 1px 1px 0px @brand-secondary-opacity20;
    }

    .multiOrderInfo.disabled:hover,
    .multiOrderInfo.disabled{
        box-shadow: 0px 2px 4px @brand-secondary-opacity40 inset, 0px 1px 1px 0px @brand-secondary-opacity20;
    }

    .multiOrderInfo .wrap {
        position: relative;
        width: 100%;
        display: block;
        height: 100%;
    }

    .multiOrderInfo .activate{
        color: black;
        background: #ffffff;
        box-shadow: 0px 2px 4px @brand-secondary-opacity40 inset, 0px 1px 1px 0px @brand-secondary-opacity20;
    }
    
    .multiOrderInfo .disact{
        background-color: transparent;
        color: black;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    }
*/

.multiOrderInfo .buttonPry {
  width: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  display: none;
}
.multiOrderInfo .buttonPry.activate {
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.multiOrderInfo .buttonPry .btnlable {
  position: absolute;
  top: 12px;
  right: 10px;
  line-height: 1;
  width: 4px;
  height: 18px;
  background: url("../images/GeneralLayout/otherTools.png?v=3_18549") 0 0 no-repeat;
  text-indent: -9999px;
  white-space: nowrap;
}
.multiOrderInfo:hover .buttonPry,
.multiOrderInfo .buttonPry.activate .btnlable {
  background-position: -4px 0;
}
.topBorder {
  left: 0px;
  right: 0px;
  border-top: 1px solid #bbbbbb;
  height: 1px;
}
/* DEFAULT BUTTON */

@import "DateTimeInput";
.button {
  padding: 4px 10px 2px 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;
  position: relative;
  z-index: 8;
  float: left;
  border-radius: 3px;
}
.button.justIcon {
  padding: 0;
  width: 23px;
  height: 23px;
  position: relative;
}
.button.justIcon .buttonIcon {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
}
.button.hidden {
  display: none;
}
.button .buttonIcon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../images/Controls/Buttons/buttons.png?v=3_18549") 0 0 no-repeat;
}
.button .buttonSvg {
  width: 26px;
  height: 16px;
  float: left;
  margin-top: 3px;
}
.button .buttonLabel {
  float: left;
  font-size: 14px;
}
.button .buttonLabel.hide {
  display: none;
}
.button .buttonLabel.min {
  text-overflow: ellipsis;
}
.button.active .buttonLabel {
  float: left;
  color: #b4d143;
}
.button.focus {
  z-index: 9;
}
.button.Grey.disabled .buttonLabel {
  float: left;
  color: #bbbbbb;
}
.button.Green.disabled .buttonLabel {
  float: left;
  color: white;
}
.button.left {
  float: left;
}
.button.right {
  float: right;
}
.button .buttonLabelIcon {
  float: left;
}
.button .buttonImage {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.button.disabled .btnNumLabel,
.button .btnNumLabel,
.button.active .btnNumLabel {
  float: none !important;
}
/* BUTTON GREEN */

.button.Green {
  background: #b4d143;
  border: 1px solid #88a027;
  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.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);
}
.button.Green .buttonIcon {
  background-position: 1px 0;
}
.button.Green:hover {
  background: #99b52c;
  border: 1px solid #313a0e;
  color: white;
  -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);
}
.button.Green:active,
.Green.active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.button.Green.focus {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 5px 1px rgba(180, 209, 67, 0.4);
}
.button.Green.disabled {
  background: #b2cc99;
  border: 1px solid #9ead8f;
  color: white;
  cursor: default;
  -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);
}
.button.Green.disabled:hover {
  background: #b2cc99;
  border: 1px solid #9ead8f;
  color: white;
}
/* Grey BUTTON START */

.button.Grey {
  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;
}
.button.Grey .buttonIcon {
  background-position: 0 -9px;
}
.button.Grey: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);
}
.button.Grey:active,
.Grey.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);
}
.button.Grey.focus {
  border: 1px solid #999999;
  background: #d8d8d8;
  -moz-box-shadow: 0px 1px 3px 1px rgba(40, 40, 40, 0.2);
  -webkit-box-shadow: 0px 1px 3px 1px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 1px 3px 1px rgba(40, 40, 40, 0.2);
}
.button.Grey.disabled {
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  color: #c2c2c2;
  cursor: default;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.button.Grey.disabled:hover {
  background: #f7f7f7;
  border: 1px solid #dddddd;
  color: #c2c2c2;
}
/* DEFAULT ICON SET */

/* Save button */

.button.Green .buttonIcon.Save {
  background-position: 0 0;
  width: 13px;
}
.button.Green.disabled .buttonIcon.Save {
  background-position: 0 0;
  width: 13px;
}
.button.Grey .buttonIcon.Save {
  background-position: -13px 0;
  width: 13px;
}
.button.Grey.disabled .buttonIcon.Save {
  background-position: -26px 0;
  width: 13px;
}
/* Copy button */

.button.Green .buttonIcon.Copy {
  background-position: -1px -308px;
  width: 10px;
  margin-top: -1px;
}
.button.Green.disabled .buttonIcon.Copy {
  background-position: -1px -308px;
  width: 10px;
  margin-top: -1px;
}
.button.Grey .buttonIcon.Copy {
  background-position: -11px -308px;
  width: 10px;
  margin-top: -1px;
}
.button.Grey.disabled .buttonIcon.Copy {
  background-position: -21px -308px;
  width: 10px;
  margin-top: -1px;
}
/* Add button */

.button.Green .buttonIcon.Add {
  background-position: -1px -113px;
  width: 10px;
  margin-top: -1px;
}
.button.Green.disabled .buttonIcon.Add {
  background-position: -1px -113px;
  width: 10px;
  margin-top: -1px;
}
.button.Grey .buttonIcon.Add {
  background-position: -11px -119px;
  width: 10px;
  margin-top: -1px;
}
.button.Grey.disabled .buttonIcon.Add {
  background-position: -21px -119px;
  width: 10px;
  margin-top: -1px;
}
.button.justIcon .buttonIcon.Add {
  margin: -8px 0 0 -5px;
}
.button.Green .buttonIcon.Edit {
  background-position: -1px -50px;
  width: 10px;
  margin-top: 0;
}
.button.Green.disabled .buttonIcon.Edit {
  background-position: -1px -50px;
  width: 10px;
  margin-top: 0;
}
.button.Grey .buttonIcon.Edit {
  background-position: -11px -50px;
  width: 10px;
  margin-top: 0;
}
.button.Grey.disabled .buttonIcon.Edit {
  background-position: -21px -50px;
  width: 10px;
}
.button.justIcon .buttonIcon.Edit {
  margin: -8px 0 0 -5px;
}
.button.Green .buttonIcon.Delete {
  background-position: -2px -429px;
  width: 10px;
  margin-top: 3px;
}
.button.Grey .buttonIcon.Delete {
  background-position: -14px -429px;
  width: 10px;
}
.button.Grey.disabled .buttonIcon.Delete {
  background-position: -26px -429px;
  width: 10px;
}
.button.Green .buttonIcon.buttonPreview {
  background-position: -1px -324px;
  width: 13px;
}
.button.Green.disabled .buttonIcon.buttonPreview {
  background-position: -1px -324px;
  width: 13px;
}
.button.Grey .buttonIcon.buttonPreview {
  background-position: -14px -324px;
  width: 13px;
}
.button.Grey.disabled .buttonIcon.buttonPreview {
  background-position: -27px -324px;
  width: 13px;
}
.button.Green .buttonIcon.buttonExport {
  background-position: -1px -66px;
  width: 11px;
}
.button.Green.disabled .buttonIcon.buttonExport {
  background-position: -1px -66px;
  width: 11px;
}
.button.Grey .buttonIcon.buttonExport {
  background-position: -12px -66px;
  width: 11px;
}
.button.Grey.disabled .buttonIcon.buttonExport {
  background-position: -23px -66px;
  width: 11px;
}
.button.Green .buttonIcon.Import {
  background-position: -1px -338px;
  width: 10px;
}
.button.Green.disabled .buttonIcon.Import {
  background-position: -1px -338px;
  width: 10px;
}
.button.Grey .buttonIcon.Import {
  background-position: -11px -338px;
  width: 10px;
}
.button.Grey.disabled .buttonIcon.Import {
  background-position: -21px -338px;
  width: 10px;
}
.button.Green .buttonIcon.Archive {
  background-position: -1px -353px;
  width: 11px;
  margin-top: 1px;
}
.button.Green.disabled .buttonIcon.Archive {
  background-position: -1px -353px;
  width: 11px;
}
.button.Grey .buttonIcon.Archive {
  background-position: -13px -353px;
  width: 11px;
  margin-top: 1px;
}
.button.Grey.disabled .buttonIcon.Archive {
  background-position: -25px -353px;
  width: 11px;
}
.button.Green .buttonIcon.Send {
  background-position: -1px -396px;
  width: 14px;
}
.button.Green.disabled .buttonIcon.Send {
  background-position: -1px -396px;
  width: 14px;
}
.button.Grey .buttonIcon.Send {
  background-position: -18px -396px;
  width: 14px;
}
.button.Grey.disabled .buttonIcon.Send {
  background-position: -35px -396px;
  width: 14px;
}
.button.Green .buttonIcon.Refresh {
  background-position: -1px -448px;
  width: 15px;
  height: 12px;
  margin: 2px 0 0 2px;
}
.button.Green.disabled .buttonIcon.Refresh {
  background-position: -1px -448px;
  width: 15px;
  height: 12px;
}
.button.Grey .buttonIcon.Refresh {
  background-position: -16px -448px;
  width: 15px;
  height: 12px;
  margin-top: 3px;
}
.button.Grey.disabled .buttonIcon.Refresh {
  background-position: -31px -448px;
  width: 15px;
  height: 12px;
}
.button.justIcon .buttonIcon.Refresh {
  margin: -6px 0 0 -7.5px;
}
.SubMenuContainer .button.Green .buttonIcon.Refresh {
  margin-top: 3px;
}
.button.small {
  padding: 0px;
  font-size: 11px;
  height: 10px;
  margin: 0px;
  line-height: 9px;
}
.checkboxWrap,
.checkboxWrapper {
  display: block;
  position: relative;
  cursor: pointer;
}
.checkboxWrap:hover .checkbox,
.checkboxWrapper:hover .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.checkbox {
  position: absolute;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: white;
  border: 1px solid #888888;
  border-radius: 2px;
  -moz-transition: border-color 1s ease;
  -o-transition: border-color 1s ease;
  -webkit-transition: border-color 1s ease;
  transition: border-color 1s ease;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.checkbox:hover {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.checkboxLabel {
  margin-left: 22px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkboxElement .checkbox {
  top: 2px;
  left: 0;
}
.checkboxElement ul {
  margin: 0;
  padding: 0;
}
/* CHECKBOX LIST VIEW START */

.checkboxDocument .rightSide ul li {
  border: 1px solid #cccccc;
  padding: 7px;
  list-style: none;
}
.checkboxDocument .rightSide ul li:hover {
  cursor: pointer;
}
.checkboxDocument .rightSide ul li:hover .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.checkboxDocument .rightSide ul li .checkboxWrap {
  display: block;
  float: none;
  clear: both;
}
/* CHECKBOX SELECTED START */

.checkboxWrap.selected .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkBox.png?v=@3_18549) center -12px no-repeat;
}
/* CHECKBOX DISABLED START */

.checkboxWrap.disabled .checkbox,
.checkboxWrap.disabled:hover .checkbox {
  background: #f4f4f4;
  border: 1px solid #aaaaaa;
  color: #8b8b8b;
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  cursor: default;
}
.checkboxWrap.disabled .checkboxLabel,
.checkboxWrap.disabled:hover .checkbox {
  color: #8b8b8b;
}
/* CHECKBOX SELECTED AND DISABLED START */

.selectedDisabled .checkbox,
.selectedDisabled:hover .checkbox {
  background: #f4f4f4 url(../images/Checkbox/checkBox.png) center top no-repeat;
  border: 1px solid #aaaaaa;
  color: #8b8b8b;
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
}
.checkboxWrap.selectedDisabled .checkboxLabel,
.checkboxWrap.selectedDisabled:hover .checkbox {
  color: #8b8b8b;
}
/* CHECKBOX RIGHT POSITION START */

.checkboxWrap.right .checkbox {
  right: 0;
  left: auto;
}
.checkboxWrap.right .checkboxLabel {
  text-align: right;
  margin: 0 23px 0 0;
}
.VhlServiceChk.right {
  float: right;
  margin-right: 5px;
}
.CMSObjectType {
  border: 2px solid white;
}
.CMSObjectType.active {
  border: 2px solid #999999;
}
.CMSObjectType.active2 {
  border: 2px solid #00eeff;
}
.CMSEditorInsertPreview {
  border: 2px solid #112299;
  background-color: #2222ee;
  opacity: 0.4;
}
/* DATAGRID */

.GridWrapperOuterAll {
  position: absolute;
  overflow: hidden;
  border: 1px solid #ababab;
}
.GridWrapperOuterAll.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.GridWrapperOuter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 28px;
  overflow: auto;
  overflow-y: hidden;
}
.GridWrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}
/* GRID HEADER */

.GridHeaderContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  overflow: hidden;
  background-color: #ebebeb;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}
.GridHeaderContainer > div {
  height: 100%;
}
.GridHeaderContainerSearch {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  height: 19px;
  overflow: hidden;
  background-color: #ebebeb;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
.GridHeaderSearch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 27px;
  overflow: hidden;
  background-color: #ebebeb;
}
.HeaderCell {
  position: relative;
  float: left;
  border-right: 1px solid #cccccc;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.HeaderCellSort {
  cursor: pointer;
}
.HeaderCellI {
  padding: 2px 5px;
}
.HeaderCellResize {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  right: 0px;
  cursor: w-resize;
}
.HeaderCellSortAsc {
  position: absolute;
  top: 0;
  right: 1px;
  padding: 1px;
  width: 8px;
  height: 16px;
  background-position: center;
  background-image: url("../Images/Grid/icSortAsc.png?v=@3_18549");
  background-repeat: no-repeat;
}
.HeaderCellSortDesc {
  position: absolute;
  top: 0;
  right: 1px;
  padding: 1px;
  width: 8px;
  height: 16px;
  background-position: center;
  background-image: url("../Images/Grid/icSortDsc.png?v=@3_18549");
  background-repeat: no-repeat;
}
.HeaderCellSortNone {
  position: absolute;
  top: 0;
  right: 1px;
  padding: 1px;
  width: 8px;
  height: 16px;
}
/* GRID HEADER FILTER */

.GridFilter {
  position: absolute;
  right: 1px;
  top: 2px;
}
a.GridFilterLinkSelected:link {
  background-color: white;
  padding: 0 1px;
}
a.GridFilterLinkSelected:visited {
  background-color: white;
  padding: 0 1px;
}
a.GridFilterLinkSelected:hover {
  background-color: white;
  padding: 0 1px;
}
/* GRID DATA */

.GridContainerOuter {
  position: absolute;
  left: 0;
  right: 0;
  top: 21px;
  bottom: 0px;
  overflow: auto;
  cursor: default;
}
.EditGridRow .GridContainerOuter {
  bottom: 21px;
}
.GridContainerOuterPaging {
  position: absolute;
  left: 0;
  right: 0;
  top: 21px;
  bottom: 27px;
  overflow: auto;
}
.GridContainerOuterPagingSearch {
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  bottom: 27px;
  overflow: auto;
}
.GridContainerOuterSearch {
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  bottom: 0px;
  overflow: auto;
}
.GridContainerInner {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}
.GridSearchInput {
  position: absolute;
  left: 5px;
  width: 150px;
  height: 16px;
  top: 2px;
  font-size: 0.8em;
}
.GridSearchButton {
  position: absolute;
  left: 170px;
  width: 75px;
  height: 22px;
  top: 2px;
  font-size: 0.8em;
}
.GridNoData {
  font-size: 0.8em;
}
.GridRow {
  position: relative;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  font-size: 0.8em;
  cursor: pointer;
}
.GridRow:nth-child(2n+2) {
  background-color: #fdfdfd;
}
.GridRow:hover,
.GridRow:nth-child(2n+2):hover {
  background-color: #f3f3f3;
}
.GridRow.DatagridRowSum:hover {
  background-color: #eeeeee;
}
.GridRowSelected,
.GridRowSelected:hover,
.GridRow:nth-child(2n+2).GridRowSelected,
.GridRow:nth-child(2n+2).GridRowSelected:hover {
  background-color: white;
}
.RowInEditMode,
.RowInEditMode:hover,
.GridRow:nth-child(2n+2).RowInEditMode,
.GridRow:nth-child(2n+2).RowInEditMode:hover {
  background-color: #fff5e1;
}
.GridRow.RowInEditMode {
  height: 28px;
}
.GridSubRow {
  position: relative;
  background-color: #f7f7f7;
  border-bottom: 1px solid white;
  white-space: nowrap;
  overflow: hidden;
  height: 18px;
  font-size: 0.7em;
  cursor: pointer;
}
.GridSubRow:hover {
  background-color: #f3f3f3;
}
.GridSubRow.GridRowSelected {
  background-color: white;
}
.GridRowBckgrGreen {
  background-color: #d8ffb1;
}
.GridRowBckgrBlue {
  background-color: #99ccff;
}
.GridRowBckgrRed {
  background-color: #dd8e8e;
}
.GridRowBckgrYellow {
  background-color: #ffffcc;
}
.GridRowBckgrGreen:hover {
  background-color: #cde080;
  cursor: pointer;
}
.GridRowBckgrBlue:hover {
  background-color: #cde080;
  cursor: pointer;
}
.GridRowBckgrRed:hover {
  background-color: #cde080;
  cursor: pointer;
}
.GridRowBckgrYellow:hover {
  background-color: #cde080;
  cursor: pointer;
}
.GridRowDoubleHeight,
.GridRowDoubleHeight:hover {
  height: 40px;
}
.Cell {
  position: relative;
  float: left;
  border-right: 1px solid #dddddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.CellI {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CellSR {
  position: relative;
  float: left;
  border-right: 1px solid #ebebeb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
}
.CellSRI {
  padding: 1px 1px 1px 10px;
}
.CellMax {
  position: relative;
  background-color: #cde080;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.CellRed {
  color: #d22d35;
}
.CellbgGreen {
  background-color: #b4d143;
  color: white;
}
.CellbgBlue {
  background-color: #1a79d0;
  color: white;
}
.CellbgRed {
  background-color: #d22d35;
  color: white;
}
.CellbgBold {
  font-weight: bold;
}
.GridRowDoubleHeight .Cell,
.GridRowDoubleHeight:hover .Cell {
  height: 40px;
}
.RowBetween {
  position: relative;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  height: 10px;
  overflow: hidden;
  cursor: pointer;
}
.RowBetween:hover {
  background-color: white;
}
.RowBetween .RowBetweenInner {
  position: absolute;
  top: -1px;
  width: 100%;
  text-align: left;
  display: block;
  white-space: nowrap;
  font-size: 0.6em;
  color: #888888;
}
.RowBetween .RowBetweenInner img:last-child {
  display: none;
}
.RowBetween .RowBetweenInner span {
  position: relative;
  top: -1px;
}
.GridSubRowBckgrRed {
  position: relative;
  background-color: #f55050;
  border-bottom: 1px solid white;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  height: 18px;
  font-size: 0.8em;
}
.GridSubRowBckgrBlue {
  position: relative;
  background-color: #99ccff;
  border-bottom: 1px solid white;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  height: 18px;
  font-size: 0.8em;
}
/* GRID PAGING */

.GridPagingContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 21px;
  border-top: 1px solid #ababab;
  font-size: 0.9em;
  padding: 3px;
  background-color: white;
}
a.GridPagingLink:link {
  position: relative;
  float: left;
  display: block;
  padding: 1px 2px;
  border: 1px solid white;
  text-align: center;
  width: 16px;
  color: #666666;
}
a.GridPagingLink:visited {
  position: relative;
  float: left;
  display: block;
  padding: 1px 2px;
  border: 1px solid white;
  text-align: center;
  width: 16px;
  color: #666666;
}
a.GridPagingLink:hover {
  position: relative;
  float: left;
  display: block;
  padding: 1px 2px;
  border: 1px solid white;
  background-color: #cde080;
  text-align: center;
  width: 16px;
  color: black;
}
.GridPagingSelected {
  position: relative;
  float: left;
  display: block;
  padding: 1px 2px;
  border: 1px solid #b4d143;
  text-align: center;
  width: 16px;
}
.GridpagingButtonLinks {
  position: relative;
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  padding: 1px;
  border: 1px solid #ababab;
  margin: 0 2px;
}
.GridpagingButtonLinks:hover {
  position: relative;
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #cde080;
  margin: 0 2px;
  cursor: pointer;
}
.PagingInfoContainerLeft {
  position: absolute;
  left: 4px;
  top: 6px;
  color: #999999;
  font-size: 0.8em;
}
.PagingInfoContainer {
  position: absolute;
  right: 4px;
  top: 6px;
  color: #999999;
  font-size: 0.8em;
}
.PagingInfoStrong {
  color: black;
  font-weight: bold;
}
/* GRID BUTTONS */

/* grid cell samples */

.GridButtonContainerOut {
  position: absolute;
  left: 0px;
  top: 1px;
  width: 100%;
  max-width: 70px;
  min-width: 55px;
  height: 18px;
  text-align: center;
  font-size: 1em;
}
/*  grid on off button */

.GridButtonOnOffSlider {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  top: 6px;
  background-color: #eaeaea;
  border-radius: 10px;
  border: 1px solid #cdcdcd;
}
.GridOnSlideButton {
  position: relative;
  left: 0%;
  top: -6px;
  background-color: #b4d143;
  cursor: pointer;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-left: -3px;
  -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);
}
.GridOnSlideButton:hover {
  background-color: #57832c;
  cursor: pointer;
}
.GridOnSlideButton::after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  position: absolute;
  background: transparent url("../Images/Grid/icButtonOn.png?v=@3_18549") no-repeat;
}
.GridOffSlideButton {
  position: relative;
  left: 100%;
  top: -6px;
  background-color: #db5961;
  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);
}
.GridOffSlideButton:hover {
  background-color: #d23139;
  cursor: pointer;
}
.GridOffSlideButton::after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  position: absolute;
  background: transparent url("../Images/Grid/icButtonOff.png?v=@3_18549") no-repeat;
}
.GridOnOffButtonDisabled {
  position: absolute;
  background-color: white;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 10000;
}
.GridButtonOnOffSlider > div {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.GridButton {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 1px;
  bottom: 1px;
  font-size: 0.8em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 2px;
}
.ButtonOn {
  border: 1px solid #b4d143;
  background-color: #b4d143;
  text-align: center;
  cursor: pointer;
  color: white;
}
.ButtonOff {
  border: 1px solid #b40005;
  background-color: #b40005;
  text-align: center;
  cursor: pointer;
  color: white;
}
.GridInputFieldContainer {
  position: absolute;
  left: 0;
  right: 41px;
  bottom: 0;
  top: 0;
  font-size: 0.9em;
  text-align: left;
  border-right: 1px solid #cccccc;
}
.GridInputFieldButtonsContainer {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 38px;
  font-size: 0.9em;
}
.GridIFButtonPlus {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  background-color: #999999;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  cursor: pointer;
  border-radius: 2px;
}
.GridIFButtonPlus:hover {
  background-color: #666666;
  color: white;
}
.GridIFButtonMinus {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  background-color: #999999;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  cursor: pointer;
  border-radius: 2px;
}
.GridIFButtonMinus:hover {
  background-color: #666666;
}
.Grid ul {
  margin: 0;
  padding: 0;
}
.Grid .button.buttonSecondary {
  padding: 4px 10px;
}
.Grid .GridContainer {
  border: 1px solid #cccccc;
  overflow: hidden;
  table-layout: fixed;
  font-size: 14px;
  text-align: left;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background: #dddddd;
  display: block;
}
.Grid .GridFilterRow {
  position: absolute;
  left: 0;
  top: 26px;
  height: 28px;
  background: #dddddd;
  border-bottom: 1px solid #ababab;
}
.Grid .GridFilterRow .GridCell {
  top: 0;
  height: 100%;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  line-height: 20px;
  padding: 3px 4px;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .DateTimeInputWrapper {
  width: 100%;
  height: 22px;
  box-sizing: border-box;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .DateTimeInputWrapper input {
  width: calc(100% - 25px);
  height: 22px;
  box-sizing: border-box;
  text-align: center;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .DateTimeInputWrapper .DateInputField {
  width: 100%;
  position: relative;
  right: 35px;
  left: 0px;
  border: 1px solid #bbbbbb;
  font-family: inherit;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .DateTimeInputWrapper .DateInputField:hover {
  border: 1px solid #b4d143;
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .InputTextField,
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .DropDownSimpleWrapper {
  width: 100%;
  height: 100%;
  float: none;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
.Grid .GridFilterRow .GridCell .GridCellFilterContainer .InputTextField {
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 13px;
}
.Grid .GridFilterRow .GridRowContainer {
  border-bottom: 1px solid #ababab;
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.Grid .GridHead .GridFilterRow .DropDownInputFieldContainerIcons {
  height: 20px;
  border-radius: 3px;
  background: white;
}
.GridHeadSecondRow {
  top: 26px;
}
.Grid .GridHead {
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #bbbbbb;
}
.Grid .GridHeadContainer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 16px;
  overflow: hidden;
  z-index: 1;
}
.Grid .GridFilterContainer .GridHeadContainer {
  overflow: visible;
}
.GridCell.empty {
  height: 100%;
}
.Grid .GridHead .GridCell {
  margin: 0;
  vertical-align: middle;
  float: left;
  bottom: 0;
}
.Grid .GridHead .GridCell:hover {
  background: #e0e0e0;
}
.Grid .GridHead .GridCell:active {
  background: #d6d6d6;
}
.Grid .GridHead .GridSettings {
  width: 17px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  border-left: 1px solid #cccccc;
  background: #e7e7e7;
  z-index: 1;
}
.Grid .GridHead .GridSettings.active {
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bbbbbb;
}
.Grid .GridHead .GridSettingsIcon {
  background: url(../Images/Grid/gridSettings.png?v=@3_18549) 0 0 no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -6px;
}
.Grid .GridHead .GridSettings:hover {
  background: #e0e0e0;
}
.Grid .GridHead .GridSettings:active {
  background: #d6d6d6;
}
.Grid .GridHead .GridSettings.active:hover,
.Grid .GridHead .GridSettings.active:active {
  background: white;
}
.Grid .GridHead .GridSettings:hover .GridSettingsIcon {
  background-position: 0 -11px;
}
.Grid .GridHead .GridSettings:active .GridSettingsIcon {
  background-position: 0 -22px;
}
.Grid .GridHead .GridSettings.active .GridSettingsIcon {
  background-position: 0 -11px;
}
/*Grid Export*/

.Grid .GridHead .GridExport {
  width: 17px;
  position: absolute;
  right: 18px;
  bottom: 0;
  top: 0;
  cursor: pointer;
  border-left: 1px solid #cccccc;
  background: #e7e7e7;
}
.Grid .GridHead .GridExport.active {
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bbbbbb;
}
.Grid .GridHead .GridExportIcon {
  background: url("../Images/Grid/GridExport.png?v=@3_18549") 0 0 no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -6px;
}
.Grid .GridHead .GridExport:hover {
  background: #e0e0e0;
}
.Grid .GridHead .GridExport:active {
  background: #d6d6d6;
}
.Grid .GridHead .GridExport.active:hover,
.Grid .GridHead .GridExport.active:active {
  background: white;
}
.Grid .GridHead .GridExport:hover .GridExportIcon {
  background-position: 0 -11px;
}
.Grid .GridHead .GridExport:active .GridExportIcon {
  background-position: 0 -22px;
}
.Grid .GridHead .GridExport.active .GridExportIcon {
  background-position: 0 -11px;
}
.GridExportPopup {
  border: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 0px none;
  font-size: 12px;
  position: relative;
  top: 2px;
  right: 36px;
}
.GridExportPopupCover {
  background: white;
  width: 17px;
  height: 6px;
  position: absolute;
  left: 20px;
  top: -5px;
  z-index: 9;
}
.GridExportPopup ul {
  margin: 0;
  padding: 0;
  max-width: 230px;
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  float: left;
  display: table-column;
  border: 1px solid #cccccc;
  position: absolute;
  top: -1px;
  left: 1px;
}
.GridExportPopup 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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GridExportPopup ul li.first,
.GridExportPopup ul li:first-child {
  padding-top: 5px;
}
.GridExportPopup ul li.last,
.GridExportPopup ul li:last-child {
  padding-bottom: 5px;
  border-bottom: 0px none;
}
.GridExportPopup ul li:hover {
  background: #f9f9f9;
  color: #b4d143;
}
.GridExportPopup ul li:active {
  background: white;
  color: black;
}
/*Grid Export END*/

.GridSettingsPopup {
  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;
}
.GridSettingsPopup ul li {
  list-style: none;
}
.PopupViewer .GridSettingsPopup {
  background: white;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 0px none;
  opacity: 1;
  font-size: 12px;
  position: relative;
  top: 4px;
  right: 0;
  min-width: 140px;
}
.PopupViewer .GridSettingsPopup ul {
  margin: 0;
  padding: 0;
  max-width: 230px;
}
.PopupViewer .GridSettingsPopup 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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.PopupViewer .GridSettingsPopup ul li.first {
  padding-top: 5px;
}
.PopupViewer .GridSettingsPopup ul li.last {
  padding-bottom: 5px;
  border-bottom: 0px none;
}
.PopupViewer .GridSettingsPopup ul li:hover {
  background: #f9f9f9;
  color: #b4d143;
}
.PopupViewer .GridSettingsPopup ul li:active {
  background: white;
  color: black;
}
.PopupViewer .GridSettingsPopup ul:nth-child(2) {
  background: url(../Images/Grid/gridExport2.png?v=@3_18549) 8px center no-repeat;
  height: 26px;
  padding-left: 19px;
  margin-top: -2px;
}
.PopupViewer .GridSettingsPopup ul:nth-child(2) li {
  display: inline-block;
  width: 30%;
  border: 0;
  padding: 5px;
  position: relative;
}
.PopupViewer .GridSettingsPopup ul:nth-child(2) li::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  bottom: 6px;
  background: #eeeeee;
  width: 1px;
}
.PopupViewer .GridSettingsPopup ul:nth-child(2) li:hover {
  background: none;
  color: #b4d143;
}
.PopupViewer .GridSettingsPopup ul:nth-child(3) li {
  display: block;
  width: 100%;
}
.PopupViewer .GridSettingsPopupCover {
  background: white;
  width: 17px;
  height: 5px;
  position: absolute;
  right: 0px;
  top: -6px;
  border-bottom: 1px solid white;
  border-left: 1px solid #cccccc;
}
.GridSettingsColumn {
  float: left;
  width: 16px;
  height: 15px;
  position: relative;
}
.GridSettingsColumnIcon {
  width: 16px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
}
.GridSettingsColumn.active .GridSettingsColumnIcon {
  background: url(../Images/Grid/settingsColumnSettings.png?v=@3_18549) 0 0 no-repeat;
}
.GridSettingsPopup ul li:hover .GridSettingsColumn.active .GridSettingsColumnIcon {
  background-position: 0 0;
}
.GridSettingsPopup ul li:hover .GridSettingsColumnIcon {
  background: url(../Images/Grid/settingsColumnSettings.png?v=@3_18549) 0 -8px no-repeat;
}
.GridBodySecondRow {
  top: 51px;
}
.Grid .GridBody {
  overflow: auto;
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  bottom: 25px;
  background: white;
  font-size: 12px;
}
.Grid .GridFilterContainer .GridBody {
  overflow: auto;
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  bottom: 25px;
  background: white;
  font-size: 12px;
  -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;
  cursor: default;
}
.Grid .GridCardBody {
  overflow: auto;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 25px;
  background: white;
  font-size: 12px;
  padding: 0 10px 10px 0;
}
.Grid .GridBody .GridCell {
  margin: 0;
  vertical-align: middle;
  position: relative;
  float: left;
}
.Grid .GridRow2 {
  display: block;
  /*float: left;*/
  clear: both;
}
.Grid .GridRow2:nth-child(2n+2) {
  background-color: rgba(0, 0, 0, 0.01);
}
.Grid .GridBody .GridRow2 .GridRowContainer:hover,
.Grid .GridBody .GridRow2 .GridRowContainer:hover:nth-child(2n+2):hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.Grid .GridBody .GridRow2.selected .GridRowContainer,
.Grid .GridBody .GridRow2.selected .GridRowContainer:hover,
.Grid .GridBody .GridRow2.selected:nth-child(2n+2) .GridRowContainer,
.Grid .GridBody .GridRow2.selected:nth-child(2n+2) .GridRowContainer:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.Grid .GridBody .GridRow2.linkedEvents .GridRowContainer,
.Grid .GridBody .GridRow2.linkedEvents .GridRowContainer:hover,
.Grid .GridBody .GridRow2.linkedEvents:nth-child(2n+2) .GridRowContainer,
.Grid .GridBody .GridRow2.linkedEvents:nth-child(2n+2) .GridRowContainer:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.Grid .GridRowContainer {
  float: left;
  position: relative;
  display: inline-block;
}
.details {
  position: relative;
}
.openDetails {
  font-size: 9px;
  background: #f8f8f8;
  cursor: pointer;
  color: #666666;
  float: left;
  width: 100%;
}
.openDetailsWrap {
  padding: 2px 5px 2px 15px;
  position: relative;
}
.openDetails .openDetailsWrap {
  border-bottom: 1px solid #dddddd;
}
.openDetails:hover {
  color: #b4d143;
  background: whitesmoke;
}
.openDetails:active {
  color: #444444;
  background: #f2f2f2;
}
.detailsIcon {
  background: url(../Images/Grid/detailsArrow.png?v=@3_18549) no-repeat;
  width: 6px;
  height: 3px;
  position: absolute;
  left: 5px;
  bottom: 4px;
}
.openDetails:hover .detailsIcon {
  background-position: 0 -3px;
}
.openDetails.active .detailsIcon {
  background-position: -6px 0px;
}
.openDetails.active:hover .detailsIcon {
  background-position: -6px -3px;
}
.detailsContainer {
  display: none;
  float: left;
}
.detailsGroup {
  float: left;
  width: 630px;
  border-right: 1px solid #dddddd;
}
.detailsGroup .tableRow {
  background: #f8f8f8;
}
.table .checkbox {
  position: relative;
  left: 50%;
  margin-left: -7px;
}
.gridCheckboxes .tableRow {
  width: 631px;
}
/*.gridCheckboxes .cell {
    height: 13px;
}*/

.tableRow.detail .cell {
  border-right: 1px solid #ececec;
  border-bottom: 0 none;
  border-top: 0 none;
}
.gridGrouping .GridBody {
  overflow: auto;
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  border-top: 1px solid #bbbbbb;
}
.gridGrouping .tableRow {
  background: white;
}
.gridGrouping .tableRow.last .cell {
  border-bottom: 0 none;
}
.gridGrouping .tableHead .tableRow {
  background: none;
}
.grid .groupByContainer .tableRow {
  display: block;
  position: relative;
  left: 23px;
  right: 0;
  float: left;
}
.GridHead .GridRow {
  display: block;
  float: left;
  width: 100%;
}
.grid .groupByContainer {
  float: left;
}
.groupByContainer .tableRow {
  border-left: 1px solid #dddddd;
}
.grid .tableBody .groupByColumn {
  background: #f8f8f8;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
  float: left;
  position: relative;
  width: 100%;
}
.grid .tableBody .groupByColumn:hover {
  background: white;
}
.grid .tableBody .groupByColumnWrap {
  padding: 5px 5px 5px 25px;
  border-top: 0 none;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
/* GROUPING 1 FILTER START */

.group1 .tableBody,
.group2 .tableBody,
.group3 .tableBody,
.group4 .tableBody {
  background: #f8f8f8;
}
.group1 .groupByContainer .groupByContainer .tableRow {
  display: block;
  position: relative;
  left: 23px;
  right: 0;
  float: left;
}
.group1 .groupBy {
  width: 624px;
}
.group1 .tableHead .tableRow {
  width: 624px;
}
/* GROUPING 1 FILTER END */

/* GROUPING 2 FILTERS START */

.group2 .groupBy {
  width: 648px;
}
.group2 .groupByColumn.firstLevel .groupByColumnWrap {
  padding: 5px 5px 5px 24px;
  width: 618px;
}
.group2 .groupByColumn.secondLevel .groupByColumnWrap {
  padding: 5px 5px 5px 48px;
  width: 594px;
}
.group2 .groupByContainer .groupByContainer .tableRow {
  display: block;
  position: relative;
  left: 47px;
  right: 0;
  float: left;
}
.group2 .tableHead .tableRow {
  width: 648px;
}
/* GROUPING 2 FILTERS END */

/* GROUPING 3 FILTERS START */

.group3 .groupBy {
  width: 672px;
}
.group3 .groupByColumn.firstLevel .groupByColumnWrap {
  padding: 5px 5px 5px 24px;
  width: 642px;
}
.group3 .groupByColumn.secondLevel .groupByColumnWrap {
  padding: 5px 5px 5px 48px;
  width: 618px;
}
.group3 .groupByColumn.thirdLevel .groupByColumnWrap {
  padding: 5px 5px 5px 71px;
  width: 595px;
}
.group3 .groupByContainer .groupByContainer .groupByContainer .tableRow {
  display: block;
  position: relative;
  left: 71px;
  right: 0;
  float: left;
}
.group3 .tableHead .tableRow {
  width: 672px;
}
/* GROUPING 3 FILTERS END */

/* GROUPING 4 FILTERS START */

.group4 .groupBy {
  width: 696px;
}
.group4 .groupByColumn.firstLevel .groupByColumnWrap {
  padding: 5px 5px 5px 24px;
  width: 666px;
}
.group4 .groupByColumn.secondLevel .groupByColumnWrap {
  padding: 5px 5px 5px 48px;
  width: 642px;
}
.group4 .groupByColumn.thirdLevel .groupByColumnWrap {
  padding: 5px 5px 5px 71px;
  width: 619px;
}
.group4 .groupByColumn.forthLevel .groupByColumnWrap {
  padding: 5px 5px 5px 94px;
  width: 596px;
}
.group4 .groupByContainer .groupByContainer .groupByContainer .tableRow {
  display: block;
  position: relative;
  left: 95px;
  right: 0;
  float: left;
}
.group4 .tableHead .tableRow {
  width: 697px;
}
/* GROUPING 4 FILTERS END */

.grid .tableBody .groupByColumnIcon {
  background: url(../Images/Grid/parentArrow.png?v=@3_18549) no-repeat;
  width: 11px;
  height: 5px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -4px;
}
.groupByColumn.secondLevel .groupByColumnIcon {
  left: 31px;
}
.groupByColumn.thirdLevel .groupByColumnIcon {
  left: 54px;
}
.groupByColumn.forthLevel .groupByColumnIcon {
  left: 77px;
}
.groupByColumn.fifthLevel .groupByColumnIcon {
  left: 100px;
}
.detailsGroupWrap {
  display: block;
  width: 100%;
  float: left;
}
.groupByWrap {
  display: block;
  width: 100%;
  float: left;
}
.groupBy {
  width: 624px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  float: left;
  border-top: 0px none;
  border-bottom: 1px solid #dddddd;
}
.groupBy.first {
  border-top: 0px none;
}
.Grid .GridBody .GridRowContainer:hover {
  background: white;
}
.GridCell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.GridHead .GridCell {
  position: relative;
  height: 25px;
}
.GridHead .GridCell .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 .GridCell .GridCellContainerNoFilter {
  padding: 6px 3px 6px 3px;
}
.GridHead .GridCell.first .GridCellContainer {
  left: 0;
  right: 4px;
  padding: 6px 18px 6px 6px;
}
.GridHead .GridCell.last .GridCellContainer {
  right: 0;
  padding: 6px 21px 6px 3px;
}
.GridHead .GridCell .GridCellBorder {
  border-right: 1px solid #c2c2c2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.GridBody .GridCell {
  position: relative;
  height: 21px;
}
.GridBody .GridCell .GridCellContainer {
  padding: 4px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GridBody .GridCell .GridCheckboxCellContainer {
  height: 20px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
.GridBody .GridCell .GridCheckboxCellContainer input[type='checkbox'] {
  display: flex;
  margin: auto;
  margin-top: 3px;
}
.Grid .GridResize {
  position: absolute;
  width: 7px;
  right: -3px;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
  z-index: 99999;
}
.GridSorting {
  position: absolute;
  height: 25px;
  width: 16px;
  top: 0;
  right: 20px;
  background: url("../Images/Grid/sortToggle.png?v=@3_18549") no-repeat center 0;
  display: none;
  cursor: pointer;
  z-index: 1;
}
.GridFilter {
  position: absolute;
  right: 7px;
  left: auto;
  width: 11px;
  top: 0;
  bottom: -1px;
  padding-top: 4px;
  background: url("../Images/Grid/gridRowFilter.png?v=@3_18549") no-repeat 0 center;
  cursor: pointer;
}
.GridFilter:hover {
  background-position: -22px center;
}
.GridFilter.active {
  background-position: -11px center;
}
.GridCellFilterContainer {
  padding: 3px 8px 3px 3px;
  height: 100%;
}
.GridCellFilterContainer input {
  width: 100%;
  height: 17px;
  margin: 0px;
  float: left;
  display: inline-block;
  position: relative;
  border: 1px solid #999999;
  margin-top: 0px;
}
.GridCellFilterContainer .DropDownInputFieldContainer {
  border: 1px solid #999999;
}
.GridCellFilterContainer .DropDownInputFieldContainer input {
  border: 0 none;
  margin: 0;
}
.GridCellFilterContainer .DateTimeButtonContainer .DateTimeButton {
  height: 18px;
  margin-left: 1px;
}
.GridCellFilterContainer .DateInputIntervalWrapper {
  width: 100%;
  position: absolute;
  display: inline-flex;
  margin-right: 0;
}
.GridCellFilterContainer .DateIntervalPrev {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  cursor: pointer;
  background: #ebebeb url("../Images/Controls/icCalendarPreviousMonth.png?v=@3_18549") center center no-repeat;
  position: absolute;
  left: 0;
  top: 0px;
}
.GridCellFilterContainer .DateIntervalInputField {
  position: absolute;
  height: 18px;
  font-weight: bold;
  border: 1px solid #ababab;
  padding: 1px 2px;
  font-size: 0.9em;
  color: #333333;
  font-family: calibri, arial, sans-serif;
  left: 21px;
  right: 0;
  width: calc(100% - 84px);
}
.GridCellFilterContainer .DateIntervalNext {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  cursor: pointer;
  background: #ebebeb url("../Images/Controls/icCalendarNextMonth.png?v=@3_18549") center center no-repeat;
  position: absolute;
  top: 0px;
  right: 36px;
}
.GridCellFilterContainer .DateInputIntervalWrapper .DateTimeButtonContainer {
  position: absolute;
  right: 10px;
  top: 0px;
  padding-left: 2px;
  width: 24px;
  height: 20px;
}
.gridCheckboxes .cell {
  padding: 5px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.gridCheckboxes .tableHead .cell {
  padding: 7px;
  overflow: hidden;
  position: relative;
  border: 0 none;
  border-right: 1px solid #c2c2c2;
}
.gridCheckboxes .tableRow.first .cell {
  border-top: 0 none;
}
.Grid .GridHead .GridCell:hover .GridSorting {
  display: inline-block;
}
.GridSorting.SortDown.IsSorted {
  background-position: center -66px;
  display: inline-block;
}
.Grid .GridHead .GridCell:hover .GridSorting.SortDown {
  background-position: center -110px;
  background-color: #e0e0e0;
  display: inline-block;
}
.Grid .GridHead .GridCell:active .GridSorting.SortDown {
  background-position: center -88px;
  background-color: #d6d6d6;
  display: inline-block;
}
.GridSorting.SortUp.IsSorted {
  background-position: center -44px;
  display: inline-block;
}
.Grid .GridHead .GridCell:hover .GridSorting.SortUp {
  background-position: center -22px;
  background-color: #e0e0e0;
  display: inline-block;
}
.Grid .GridHead .GridCell:active .GridSorting.SortUp {
  background-position: center 0px;
  background-color: #d6d6d6;
  display: inline-block;
}
/* TABLE GROUPING START */

.tableGrouping {
  background: #f3f3f3;
  height: 34px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-top: 1px solid #aaaaaa;
  position: relative;
  font-size: 12px;
  line-height: 1;
  left: 0;
  right: 0;
  -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;
  font-family: inherit;
}
.tableGrouping li {
  background: #e7e7e7;
  border: 1px solid #c6c6c6;
  padding: 5px 22px 5px 24px;
  list-style: none;
  float: left;
  margin: 5px 5px 5px 0;
  cursor: pointer;
  position: relative;
  font: inherit;
}
.tableGrouping .sortToggle {
  display: block;
  left: 0px;
}
.groupDelete {
  background: url(../Images/Grid/delete.png?v=@3_18549) center -64px no-repeat;
  position: absolute;
  right: 3px;
  top: 0;
  width: 16px;
  height: 16px;
}
.groupDelete:hover {
  background-position: center -34px;
}
.groupDelete:active {
  background-position: center -4px;
}
.tableGrouping li.first {
  margin: 5px 5px 5px 5px;
}
.tableGrouping li.last {
  margin: 5px 5px 5px 0;
}
.tableGrouping li:hover {
  background: #e0e0e0;
  border: 1px solid #aaaaaa;
}
.tableGroupingText {
  color: #999999;
  padding: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
/* TABLE GROUPING END */

/* TABLE TOOLS START */

.GridTools {
  background: #f3f3f3;
  height: 24px;
  border-top: 1px solid #cccccc;
  position: absolute;
  font-size: 13px;
  line-height: 1;
  left: 0;
  right: 0;
  bottom: 0;
}
/* TABLE TOOLS END */

/* PAGINATION START */

.GridPagination {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.GridPagination ul {
  padding: 0;
  margin: 0;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.GridPagination ul li {
  float: left;
  list-style: none;
  margin-right: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.GridPagination li.number {
  padding: 3px 8px;
}
.GridPagination li.number:hover {
  border-bottom: 1px solid #888888;
  color: #888888;
}
.GridPagination li.number:active {
  border-bottom: 1px solid #cccccc;
  color: #aaaaaa;
}
.GridPagination li.number.active {
  border-bottom: 1px solid #b4d143;
  color: #b4d143;
  font-weight: bold;
}
.GridPagination li.dots {
  padding: 3px 8px;
  display: none;
}
.GridPagination li.dots:hover {
  color: #b4d143;
}
.GridPagination li.dots:active {
  color: #aaaaaa;
}
.GridPagination .start {
  width: 16px;
  height: 16px;
  background: url(../Images/Grid/tableToolsPagination.png?v=@3_18549) 0 0 no-repeat;
  padding: 0 3px;
  margin: 2px 9px 0 0;
}
.GridPagination .start:hover {
  background-position: 0 -32px;
}
.GridPagination .start:active {
  background-position: 0 0;
}
.GridPagination .disabled {
  background-position: 0 -16px;
  cursor: default;
}
.GridPagination .back {
  width: 16px;
  height: 16px;
  background: url(../Images/Grid/tableToolsPagination.png?v=@3_18549) 0 -48px no-repeat;
  padding: 0 3px;
  margin: 2px 9px 0 0;
}
.GridPagination .back:hover {
  background-position: 0 -80px;
}
.GridPagination .back:active {
  background-position: 0 -48px;
}
.GridPagination .back.disabled {
  background-position: 0 -64px;
}
.GridPagination .next {
  width: 16px;
  height: 16px;
  background: url(../Images/Grid/tableToolsPagination.png?v=@3_18549) 0 -144px no-repeat;
  padding: 0 3px;
  margin: 2px 9px 0 0;
}
.GridPagination .next:hover {
  background-position: 0 -176px;
}
.GridPagination .next:active {
  background-position: 0 -160px;
}
.GridPagination .end {
  width: 16px;
  height: 16px;
  background: url(../Images/Grid/tableToolsPagination.png?v=@3_18549) 0 -96px no-repeat;
  padding: 0 3px;
  margin: 2px 9px 0 0;
}
.GridPagination .end:hover {
  background-position: 0 -128px;
}
.GridPagination .end:active {
  background-position: 0 -112px;
}
/* PAGINATION END */

/* NUMBER OF ITEMS END */

.GridNumberOfItems {
  margin-top: -7px;
  color: #999999;
  float: right;
  margin-right: 10px;
  line-height: 19px;
  margin: 3px 0 0 0;
  border-right: 1px solid #cccccc;
  padding: 0 7px 0 0;
  height: 18px;
}
.GridPageSize {
  color: #999999;
  float: right;
  display: inline-flex;
  line-height: 21px;
  margin: 2px 2px 2px 0;
  padding-left: 5px;
}
.GridPageSize .PageSizeLbl {
  margin-right: 5px;
}
.GridItemsPerPage {
  float: right;
}
/* NUMBER OF ITEMS END */

/* EDITABLE CELL START */

.gridEditableCells .tableBody .cellEditable {
  overflow: hidden;
  position: relative;
  padding: 0;
}
.gridEditableCells .tableBody .cellEditable .cellWrap {
  display: block;
  float: left;
  width: 100%;
  line-height: 1;
}
.gridEditableCells .tableBody .cellEditable .cell {
  padding: 3px 5px;
  height: 19px;
}
.gridEditableCells .tableBody .cellEditable input {
  background: none;
  border: 0 none;
  display: block;
  max-width: 100%;
  color: #444444;
  height: 100%;
  outline: none;
  font-size: 13px;
}
.gridEditableCells .tableBody .cellEditable .cell:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../Images/Grid/edit.png?v=@3_18549) 96% center no-repeat;
}
/* EDITABLE CELL END */

.Grid .GridRowContainer.LoadingRows {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}
.Grid .GridBody .GridRowContainer.LoadingRows:hover {
  background: white;
}
.LoadingRows .LoadingRowsLabel {
  padding: 8px 8px 8px 31px;
  font-size: 12px;
  color: #888888;
  background: url(../Images/Loader/loading_16.gif?v=@3_18549) 9px center no-repeat;
}
.Grid .GridRowContainer.LoadNewRows {
  width: 599px;
  height: 30px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: bold;
  position: relative;
}
.Grid .GridRowContainer.LoadNewRows:hover {
  background: white;
}
.Grid .GridRowContainer.LoadNewRows:active {
  background: white;
}
.LoadNewRows .LoadingRowsLabel {
  font-size: 12px;
  color: black;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  padding: 4px 10px;
}
.LoadNewRows .LoadingRowsLabel: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);
}
/*RENEWALS*/

.Grid.Renewals {
  display: -ms-grid;
  /* prefix for IE 10 */
  display: grid;
  /* or inline-grid */
  border: 1px solid #cccccc;
}
.Grid.Renewals .GridContainerOuter {
  top: 0;
}
.Grid.Renewals .GridContainer {
  border: 0 none;
}
.Grid.Renewals .GridRowContainer {
  float: left;
  position: relative;
  border-bottom: 1px solid #dddddd;
}
.Grid.Renewals .GridBody .GridCell .GridCellContainer {
  border-right: 0px solid #dddddd;
  border-bottom: 0px solid #dddddd;
}
.Grid.Renewals .GridBody .GridCell {
  border-right: 1px solid #dddddd;
  position: relative;
  height: auto;
}
/*status icons*/

.GridCellContainerIcon {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 16px;
  height: 16px;
}
.GridCell.ok .GridCellContainerIcon {
  background: url(../images/GeneralLayout/InputInfoIconMin.png?v=@3_18549) no-repeat 0 -32px;
}
.GridCell.error .GridCellContainerIcon {
  background: url(../images/GeneralLayout/InputInfoIconMin.png?v=@3_18549) no-repeat 0 0;
}
.GridCell.warning .GridCellContainerIcon {
  background: url(../images/GeneralLayout/InputInfoIconMin.png?v=@3_18549) no-repeat 0 -78px;
}
.GridBody .GridCell.ok .GridCellContainer {
  color: #b4d143;
}
.GridBody .GridCell.error .GridCellContainer {
  color: #d33a42;
}
.GridBody .GridCell.warning .GridCellContainer {
  color: #ff9326;
}
.GridBody .GridCell.ok.nocolor .GridCellContainer,
.GridBody .GridCell.error.nocolor .GridCellContainer,
.GridBody .GridCell.warning.nocolor .GridCellContainer {
  color: inherit;
}
.GridCell.loading .GridCellContainerIcon {
  background: url(../images/Loader/loading_16.gif?v=@3_18549) center center no-repeat;
  width: 16px;
  height: 16px;
}
.GridHead .GridCell.GridColumnIcon .GridIcon {
  margin-top: -2px;
}
/*grid cell color*/

.GridCellColor_1 {
  background: red;
}
.GridCellColor_2 {
  background: blue;
}
.GridCellColor_3 {
  background: yellow;
}
.GridCellColor_4 {
  background: aqua;
}
.GridCellColor_5 {
  background: fuchsia;
}
.GridCellColor_6 {
  background: silver;
}
.GridCellColor_7 {
  background: gray;
}
.GridCellColor_8 {
  background: #33ffcc;
}
.GridCellColor_9 {
  background: #669966;
}
.GridCellColor_10 {
  background: #993333;
}
.GridCellColor_11 {
  background: #cc9933;
}
.GridCellColor_12 {
  background: #ffff99;
}
.GridCellColor_13 {
  background: #ff9966;
}
.GridCellColor_14 {
  background: #ccffff;
}
.GridCellColor_15 {
  background: #660000;
}
.GridCellColor_16 {
  background: #0099ff;
}
.GridCellColor_17 {
  background: #009999;
}
/* DatagridNew XLXS Export Start */

.Grid .GridHead .GridXLXS {
  top: 0px;
  bottom: 0px;
  width: 20px;
  position: absolute;
  border-left: 1px solid #cccccc;
  right: 38px;
  cursor: pointer;
}
.Grid .GridHead .GridXLXS:hover {
  background: #aaaaaa;
}
/* DatagridNew XLXS Export End */

/* Clear Filters Button START */

.GridHead .clr {
  position: absolute;
  right: 0px;
  top: 26px;
  height: 28px;
  width: 17px;
  display: inline-block;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #e0e0e0;
  cursor: pointer;
  z-index: 1;
}
.GridHead .clr .clrIcon {
  width: 8px;
  background: url("../Images/Grid/gridFiltersCancel.png?v=@3_18549") no-repeat -8px center;
  margin: 7px 0px 0px 4px;
  position: absolute;
}
.GridHead .clr:hover .clrIcon {
  background-position: -16px center;
}
.GridHead .clr:active .clrIcon {
  background-position: 0 center;
}
.HotSpotPreviewWin {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #b4d143;
}
/** Grid Hidden Rows Styles **/

.GridHiddenRowsContainer .ExpandableGridRow {
  float: left;
  width: 100%;
  padding: 3px 0;
  cursor: pointer;
  background: whitesmoke;
  border-bottom: 1px solid #dedede;
}
.GridHiddenRowsContainer .ExpandableGridRow:hover {
  background: #ededed;
}
.GridHiddenRowsContainer .ExpandableGridRow .ExpandableGridRowInner .ExpandableGridRowInner_arrow {
  width: 18px;
  height: 8px;
  display: inline-block;
  background: url('../Images/Grid/BetweenArrow01.png?v=@3_18549');
}
.GridHiddenRowsContainer .ExpandableGridRow .ExpandableGridRowInner .expandedText {
  display: none;
}
.GridHiddenRowsContainer .ExpandableGridRow.expanded {
  background: #ededed;
}
.GridHiddenRowsContainer .ExpandableGridRow.expanded .ExpandableGridRowInner .ExpandableGridRowInner_arrow {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
}
.GridHiddenRowsContainer .ExpandableGridRow.expanded .ExpandableGridRowInner .expandedText {
  display: inline-block;
}
.GridHiddenRowsContainer .ExpandableGridRow.expanded .ExpandableGridRowInner .collapsedText {
  display: none;
}
.GridHiddenRowsContainer .GridRow2.hidden {
  display: none;
}
/** New Editable Grid **/

.Grid .EditableGrid {
  background: transparent;
}
.Grid .EditableGrid .GridRow2.edit {
  height: 28px;
  position: relative;
  border-top: 1px solid #b4d143;
  border-bottom: 1px solid #b4d143;
  /** Style input and dropdown red when ERROR **/

}
.Grid .EditableGrid .GridRow2.edit::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent;
  z-index: 100;
  pointer-events: none;
  -webkit-box-shadow: 0 0 10px rgba(180, 209, 67, 0.7);
  box-shadow: 0 0 10px rgba(180, 209, 67, 0.7);
}
.Grid .EditableGrid .GridRow2.edit.error {
  border-color: rgba(255, 0, 0, 0.5);
}
.Grid .EditableGrid .GridRow2.edit.error::before {
  -webkit-box-shadow: 0 0 12px rgba(255, 0, 0, 0.3);
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.3);
}
.Grid .EditableGrid .GridRow2.edit.error .GridRowContainer .GridCell {
  background-color: #fff5f5;
}
.Grid .EditableGrid .GridRow2.edit.error .GridRowContainer .GridCell:first-of-type {
  border-left-color: red;
}
.Grid .EditableGrid .GridRow2.edit.error .GridRowContainer .DataGridEditable-Controls {
  background: #f2f2f2;
  border-color: #cccccc;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell.error .GridCellContainer .InputTextField,
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell.error .GridCellContainer .DropDownSimpleWrapper .DropDownInputFieldContainer {
  border-color: red;
  color: red;
  background-color: rgba(255, 0, 0, 0.1);
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .DataGridEditable-Controls {
  background: white;
  border-left-color: #e5efbe;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .DataGridEditable-Controls .DataGridEditableBtn:hover {
  opacity: 0.7;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell {
  height: 28px;
  background: white;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell:first-of-type {
  border-left: 1px solid #b4d143;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell.GridCellLast {
  padding-right: 62px;
  border-right: 1px solid #b4d143;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell.GridCellLast .GridCellContainer {
  border-right: none;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer {
  height: 100%;
  box-sizing: border-box;
  line-height: 20px;
  padding: 3px 4px;
  position: relative;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DropDownSimpleWrapper {
  height: 22px;
  width: 100%;
  font-size: 13px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .InputTextField {
  height: 22px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 2px 4px;
  font-size: 13px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper {
  width: 100%;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper .DateTimeInputField,
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper .DateInputField {
  width: calc(100% - 25px);
  height: 22px;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper .DateTimeButtonContainer,
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper .DateTimeButton {
  width: 22px;
  height: 22px;
  box-sizing: border-box;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateTimeInputWrapper .DateTimeButtonContainer {
  right: 2px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper {
  width: 100%;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateIntervalPrev,
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateIntervalNext {
  height: 20px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateIntervalNext {
  right: 32px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateIntervalInputField {
  width: calc(100% - 72px);
  height: 18px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateTimeButtonContainer {
  right: 6px;
}
.Grid .EditableGrid .GridRow2.edit .GridRowContainer .GridCell .GridCellContainer .DateInputIntervalWrapper .DateTimeButtonContainer .DateTimeButton {
  width: 22px;
  height: 22px;
  padding: 2px;
  box-sizing: border-box;
}
.Grid .EditableGrid .DataGridEditable-Controls {
  position: absolute;
  width: auto;
  background: #e6e6e6;
  height: 100%;
  line-height: 21px;
  padding-right: 9px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-left: 1px solid #cccccc;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn {
  width: 12px;
  height: 12px;
  display: block;
  margin-left: 10px;
  flex-shrink: 0;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn:hover svg {
  fill: #b4d143;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn.hidden {
  display: none;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn.SaveBtn {
  width: 14px;
  height: 12px;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn.SaveBtn svg {
  fill: #b4d143;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn.CancelBtn {
  width: 10px;
  height: 10px;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn.CancelBtn svg {
  fill: #d41e1e;
}
.Grid .EditableGrid .DataGridEditable-Controls .DataGridEditableBtn svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: #555555;
}
/*DATEINTERVAL*/

.DateTimeWrapper02 {
  position: absolute;
  width: 377px;
  overflow: hidden;
  background-color: white;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DateInputIntervalWrapper {
  position: absolute;
  width: 230px;
}
.DateIntervalInputField {
  position: absolute;
  width: calc(100% - 66px);
  display: table-cell;
  font-weight: bold;
  border: 1px solid #ababab;
  padding: 1px 3px;
  font-size: 0.9em;
  color: black;
  height: 21px;
  font-family: calibri, arial, sans-serif;
  left: 16px;
  top: 0;
  text-align: center;
}
.DateIntervalPrev {
  width: 15px;
  height: 23px;
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  cursor: pointer;
  background: #ebebeb url("../Images/Controls/icCalendarPreviousMonth.png?v=@3_18549") center center no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.DateIntervalPrev:hover {
  background-color: #cde080;
  cursor: pointer;
}
.DateIntervalNext {
  width: 15px;
  height: 23px;
  border-right: 1px solid #ababab;
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #ababab;
  cursor: pointer;
  background: #ebebeb url("../Images/Controls/icCalendarNextMonth.png?v=@3_18549") center center no-repeat;
  position: absolute;
  right: 26px;
  top: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.DateIntervalNext:hover {
  background-color: #cde080;
  cursor: pointer;
}
.DateIntervalPrev img,
.DateIntervalNext img {
  display: none;
}
.TimeHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 17px;
  background-color: #ebebeb;
  font-size: 0.8em;
  padding: 1px;
  text-align: center;
}
.TimeLinks {
  float: left;
  width: 35px;
  height: 14px;
  margin: 1px;
  border: 1px solid white;
  text-align: center;
  cursor: default;
}
.TimeLinks:hover {
  background-color: #cde080;
  border: 1px solid #bcd657;
  cursor: pointer;
}
.TimeLinkSelected {
  display: block;
  float: left;
  width: 35px;
  height: 14px;
  margin: 1px;
  background-color: #bcd657;
  border: 1px solid #b4d143;
  text-align: center;
}
/* TIME INTERVAL DROPDOWN */

.TimeIntervalWrapper {
  position: absolute;
  top: 179px;
  left: 29px;
  width: 317px;
  height: 59px;
  border: 1px solid #999999;
}
.TimeHeaderInterval {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background-color: #ebebeb;
  border-bottom: 1px solid #aaaaaa;
  font-size: 0.8em;
  text-align: center;
}
.TimeIntervalInputContentWrapper {
  position: absolute;
  top: 28px;
  left: 10px;
  right: 5px;
  height: 22px;
}
.TimeIntervalInputFieldOutWrapper {
  position: relative;
  float: left;
  width: 65px;
  height: 16px;
}
.TimeIntervalInputFieldWrapper {
  position: absolute;
  left: 0;
  right: 16px;
  height: 17px;
  padding: 1px;
  border: 1px solid #ababab;
}
.TimeIntervalInputHHMMField {
  position: relative;
  float: left;
  width: 16px;
  padding: 0px 2px;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
  color: black;
  height: 17px;
  font-family: calibri, arial, sans-serif;
  border: none;
}
.TimeIntervalInputHHMMFieldSelected {
  background-color: #cde080;
}
.TimeIntervalInputFieldSeparator {
  position: relative;
  float: left;
  width: 5px;
  top: 0;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  top: -2px;
  text-align: left;
}
.TimeIntervalInputButtonWrapper {
  position: absolute;
  height: 19px;
  right: 0;
  width: 15px;
  border: 1px solid #ababab;
  background-color: #ababab;
}
.TimeIntervalButtonPM {
  position: absolute;
  cursor: pointer;
  height: 9px;
  width: 15px;
  right: 0;
  background-color: #ebebeb;
}
.TimeIntervalButtonPM:hover {
  cursor: pointer;
  position: absolute;
  height: 9px;
  width: 15px;
  right: 0;
  background-color: #cde080;
}
.TimeIntervalButtonPlus {
  top: 0px;
  background-image: url("../Images/Controls/icTimePlus.png?v=@3_18549");
}
.TimeIntervalButtonMinus {
  bottom: 0;
  background-image: url("../Images/Controls/icTimeMinus.png?v=@3_18549");
}
.TimeIntervalLabel {
  position: relative;
  float: left;
  font-size: 0.8em;
  margin: 3px 5px 0 5px;
}
.TimeIntervalButtonsWrapper {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 102px;
}
.TimeIntervalButton {
  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;
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -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;
  position: absolute;
  top: -2px;
  margin-left: 10px;
}
.TimeIntervalButton:hover {
  background: #e4e4e4;
  border: 1px solid #bbbbbb;
  color: #444444;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.TimeIntervalButton:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
/* CALENDAR DROPDOWN version 02 */

.CalendarWrapperMonth01 {
  position: absolute;
  left: 29px;
  top: 10px;
  width: 158px;
  height: 168px;
  border: 1px solid #ababab;
  background-color: white;
}
.CalendarWrapperMonth02 {
  position: absolute;
  left: 188px;
  top: 10px;
  width: 158px;
  height: 168px;
  border: 1px solid #ababab;
  background-color: white;
}
a.CalendarHeaderMonthlink02:link {
  position: relative;
  text-align: center;
  display: block;
  color: black;
  padding: 0px 0 3px 0;
}
a.CalendarHeaderMonthlink02:visited {
  position: relative;
  text-align: center;
  display: block;
  color: black;
  padding: 0px 0 3px 0;
}
a.CalendarHeaderMonthlink02:hover {
  position: relative;
  text-align: center;
  display: block;
  color: black;
  height: 14px;
  background-color: #cde080;
  padding: 0px 0 3px 0;
}
.CalendarHeaderMonth02 {
  position: relative;
  text-align: center;
  color: black;
  margin-top: 2px;
}
.CalendarDay02 {
  position: relative;
  float: left;
  padding: 1px 2px 2px 2px;
  margin-bottom: 2px;
  width: 18px;
  height: 16px;
  color: black;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}
.CalendarDateLink02 {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  background-color: white;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.CalendarDateLink02:hover {
  background-color: #dddddd;
}
.CalendarDateLinkSel {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  background-color: #b4d143;
  text-align: center;
  font-size: 0.9em;
  color: white;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.CalendarDateLinkSel:hover {
  background-color: #b4d143;
}
.CalendarDateLinkToday {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  background-color: #dddddd;
  text-align: center;
  font-size: 0.9em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.CalendarDateLinkToday:hover {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  background-color: #cde080;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
}
.CalendarDateSelected02 {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  text-align: center;
  font-size: 0.9em;
  background-color: #b4d143;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}
.CalendarDateSelected02:hover {
  background-color: #b4d143;
}
.CalendarDateEmpty {
  position: relative;
  display: block;
  float: left;
  padding: 1px;
  margin: 1px;
  width: 18px;
  height: 16px;
  background-color: white;
  text-align: center;
  font-size: 0.9em;
}
.CalendarMonthPreviousWrapper {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 18px;
  height: 21px;
  border: 1px solid #ababab;
  background-color: #ebebeb;
  cursor: pointer;
}
.CalendarMonthPreviousWrapper:hover {
  border: 1px solid #ababab;
  background-color: #cde080;
}
.CalendarMonthPreviousWrapper img {
  position: absolute;
  top: 3px;
  left: 1px;
}
.CalendarMonthNextWrapper {
  position: absolute;
  z-index: 100;
  left: 347px;
  top: 10px;
  width: 18px;
  height: 21px;
  border: 1px solid #ababab;
  background-color: #ebebeb;
  cursor: pointer;
}
.CalendarMonthNextWrapper:hover {
  border: 1px solid #ababab;
  background-color: #cde080;
}
.CalendarMonthNextWrapper img {
  position: absolute;
  top: 3px;
  right: 2px;
}
.CalendarInputWrapper02 {
  position: absolute;
  left: 370px;
  top: 30px;
  width: 200px;
  height: 50px;
}
.CalendarInputLabel {
  position: relative;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
}
.CalendarDropDownPredefinedWrapper {
  position: relative;
  height: 19px;
  width: 130px;
}
.CalendarDateWrapper02 {
  position: relative;
  padding: 3px;
  background-color: #cccccc;
  height: 21px;
  border: 1px solid #ebebeb;
}
.CalendarInputFieldDate02 {
  position: relative;
  float: left;
  width: 82px;
  border: 1px solid #ababab;
  padding: 1px 2px;
  font-size: 0.9em;
  color: black;
  height: 17px;
  font-family: calibri, arial, sans-serif;
  font-weight: bold;
}
.CalendarDateConfirmationWrapper {
  position: absolute;
  bottom: 8px;
  left: 370px;
  height: 30px;
  padding-top: 5px;
  width: 200px;
  border-top: 1px dotted #999999;
}
.IntervalSelectionButton {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #ababab;
  background-color: #e1e1e1;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
}
.IntervalSelectionButton:hover {
  position: relative;
  margin: 2px;
  padding: 2px 5px;
  border: 1px solid #b4d143;
  float: left;
  background-color: #bcd657;
  font-size: 0.9em;
  font-weight: bold;
  cursor: pointer;
}
.WidgetsWrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 0.8em;
  font-family: calibri, arial, sans-serif;
}
.WidgetsWrapper .WidgetItem {
  display: inline;
}
/*DATETIMEINPUT*/

.DateTimeInputWrapper {
  display: table;
  position: relative;
}
.DateTimeInputWrapper .DateInputField {
  position: relative;
  float: left;
  width: calc(100% - 32px);
  border: 1px solid #ababab;
  padding: 1px 2px;
  font-size: 0.9em;
  color: #333333;
  border-radius: 3px;
  height: 20px;
  font-family: Calibri, Arial, Sans-serif;
}
.DateTimeInputWrapper .TimeInputField {
  position: relative;
  float: left;
  width: 50px;
  height: 20px;
  padding: 1px;
  border: 1px solid #ababab;
  margin-right: 0px;
  font-family: Calibri, Arial, Sans-serif;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
}
.DateTimeInputWrapper.disabled.focus .DateInputField {
  border: 1px solid #ababab;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.SubMenuContainer .DateTimeInputWrapper {
  display: table;
  position: relative;
  width: 150px;
  float: left;
}
.SubMenuContainer .DateTimeButton {
  height: 20px;
}
.DateTimeInputField {
  position: relative;
  float: left;
  font-size: 0.9em;
  border: 1px solid #ababab;
  margin: 0px;
  color: black;
  padding: 3px 5px;
  width: calc(100% - 39px);
  height: 17px;
  font-family: calibri, arial, sans-serif;
  transition: border 0.2s ease-in 0s;
  display: table-cell;
}
.DateTimeInputField:hover {
  border: 1px solid #b4d143;
  box-shadow: 0px 0px 6px rgba(180, 209, 67, 0.2) inset;
}
.VehicleAlarms .DateInputField {
  width: 110px;
}
.VehicleAlarms .DateTimeInputWrapper {
  display: table;
  position: relative;
  padding-right: 29px;
}
.DateInputIntervalField {
  position: relative;
  float: left;
  width: 145px;
  border: 1px solid #ababab;
  padding: 1px 2px;
  font-size: 0.9em;
  color: black;
  height: 17px;
  font-family: Calibri, Arial, Sans-serif;
}
.DateTimeInputWrapper.focus .TimeInputField {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
}
.DateTimeInputWrapper.focus .DateInputField {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
}
.disabled.focus .TimeInputField,
.disabled.focus .DateInputField {
  border: 1px solid #ababab;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.DateInputIntervalWrapper .DateTimeButtonContainer {
  width: 24px;
  height: 20px;
  position: absolute;
  right: 0;
}
.DateTimeInputWrapper .DateTimeButtonContainer {
  position: absolute;
  right: 0;
  padding-left: 2px;
  width: 24px;
  height: 20px;
}
.DateTimeButtonContainer .DateTimeButton {
  display: block;
}
.DateTimeButton {
  position: relative;
  display: table-cell;
  width: 20px;
  height: 20px;
  padding: 1px;
  border: 1px solid #999999;
  cursor: pointer;
  margin-right: 0px;
  background: #eeeeee;
  margin-top: 0;
  border-radius: 3px;
}
.DateTimeButton img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
}
.DateTimeButton:hover {
  background-color: white;
}
/* TIME DROPDOWN */

.TimeWrapper {
  position: relative;
  width: 140px;
  height: 195px;
  border: 1px solid #ababab;
  background-color: white;
  -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.TimeHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 17px;
  background-color: #ebebeb;
  font-size: 0.8em;
  padding: 1px;
  text-align: center;
}
.TimeContent1 {
  position: absolute;
  top: 19px;
  left: 0;
  width: 46px;
  height: 176px;
  border-right: 1px solid #cccccc;
  font-size: 0.9em;
}
.TimeContent2 {
  position: absolute;
  top: 19px;
  left: 47px;
  width: 46px;
  height: 176px;
  border-right: 1px solid #cccccc;
  font-size: 0.9em;
}
.TimeContent3 {
  position: absolute;
  top: 19px;
  left: 94px;
  width: 46px;
  height: 176px;
  font-size: 0.9em;
}
.TimeLinks {
  float: left;
  width: 40px;
  height: 16px;
  padding: 1px;
  margin: 1px;
  border: 1px solid white;
  text-align: center;
  cursor: default;
}
.TimeLinks:hover {
  background-color: #cde080;
  cursor: pointer;
}
.TimeLinkSelected {
  display: block;
  float: left;
  padding: 1px;
  width: 40px;
  height: 16px;
  margin: 1px;
  background-color: #bcd657;
  border: 1px solid #b4d143;
  text-align: center;
}
/* DATE DROPDOWN */

.CalendarWrapper {
  position: relative;
  float: left;
  width: 174px;
  height: 182px;
  border: 1px solid #ababab;
  background-color: white;
  -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CalendarHeaderContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 19px;
  background-color: #ebebeb;
  border-bottom: 1px solid #cccccc;
  font-size: 0.8em;
  padding: 1px;
}
.CalendarHeaderMonthLink {
  position: relative;
  float: left;
  width: 100px;
  color: black;
  text-align: center;
  cursor: pointer;
  margin: 1px 0 0 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarHeaderMonthLink:hover {
  background-color: #b4d143;
  color: white;
}
.CalendarHeaderMonthLink:active {
  background-color: #cccccc;
  color: black;
}
.CalendarHeaderLink {
  position: relative;
  float: left;
  height: 15px;
  border: 1px solid #ebebeb;
  cursor: pointer;
  margin: 1px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarHeaderLink:hover {
  background-color: #cccccc;
  border: 1px solid #cccccc;
}
.CalendarHeaderLink img {
  margin-top: 1px;
}
.CalendarContent {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
}
.CalendarDay {
  position: relative;
  float: left;
  padding: 2px 4px;
  margin: 0 0 3px 0;
  width: 16px;
  height: 16px;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  border-bottom: 1px solid #cccccc;
}
.CalendarDateLink {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  border: 1px solid white;
  background-color: white;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarDateLink:hover {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.CalendarDateSelected {
  position: relative;
  display: block;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  background-color: #b4d143;
  border: 1px solid #b4d143;
  text-align: center;
  font-size: 0.9em;
  color: white;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarDateToday {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  background-color: white;
  border: 1px solid white;
  text-align: center;
  font-size: 0.9em;
  cursor: default;
  color: #b4d143;
  font-weight: bold;
}
.CalendarDateToday:hover {
  position: relative;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarDateOtherLink {
  position: relative;
  display: block;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  border: 1px solid white;
  background-color: white;
  text-align: center;
  font-size: 0.9em;
  color: #cccccc;
  cursor: default;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
}
.CalendarDateOtherLink:hover {
  position: relative;
  display: block;
  float: left;
  padding: 1px;
  margin: 1px 2px;
  width: 16px;
  height: 16px;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  text-align: center;
  font-size: 0.9em;
  color: black;
  cursor: pointer;
}
/* MONTHYEAR SELECTION */

.Calendar2Container {
  position: relative;
  float: left;
  width: 164px;
  height: 174px;
  border: 1px solid #ababab;
  background-color: white;
  -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  left: 5px;
  padding: 4px;
}
.Calendar2Months {
  position: absolute;
  width: 78px;
  padding: 0px 4px 0px 0px;
  display: block;
  float: left;
  border-right: 1px solid #cccccc;
  font-size: 0.9em;
}
.Calendar2Years {
  position: absolute;
  left: 87px;
  width: 78px;
  padding: 0px 0px 0px 4px;
  display: block;
  float: left;
  font-size: 0.9em;
}
.Calendar2Links {
  float: left;
  width: 50%;
  padding: 3px 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.Calendar2Links:nth-last-child(2) {
  padding: 5px 0 1px 0;
}
.Calendar2Links:last-child {
  padding: 5px 0 1px 0;
}
.Calendar2Links:hover {
  background-color: #dddddd;
}
.Calendar2LinkSelected {
  display: block;
  float: left;
  padding: 1px;
  width: 30px;
  height: 16px;
  margin: 1px;
  background-color: #bcd657;
  border: 1px solid #b4d143;
  text-align: center;
}
.Calendar2Buttons {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  height: 27px;
}
.Calendar2Button {
  position: absolute;
  padding: 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;
  text-align: center;
  font-size: 0.9em;
  color: black;
  cursor: pointer;
  left: 50%;
  margin-left: -30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Calendar2Button: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);
}
.Calendar2Button: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);
}
.TextInputField {
  border: 1px solid #ababab;
  padding: 1px 2px;
  margin: 0;
  font-size: 0.9em;
  color: #222222;
  border-radius: 3px;
  background: white;
  height: 17px;
  font-family: Calibri, Arial, Sans-serif;
  -moz-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -o-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
}
.TextInputField:hover {
  border: 1px solid #b4d143;
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.TextInputField.focus {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
}
.TextInputField.error {
  border: 1px solid #d32f2f;
  -webkit-box-shadow: inset 0 0 8px rgba(211, 47, 47, 0.3), 0 0 10px rgba(211, 47, 47, 0.3);
  -moz-box-shadow: inset 0 0 8px rgba(211, 47, 47, 0.3), 0 0 10px rgba(211, 47, 47, 0.3);
  box-shadow: inset 0 0 8px rgba(211, 47, 47, 0.3), 0 0 10px rgba(211, 47, 47, 0.3);
}
.TextInputField.disabled {
  border: 1px solid #ababab;
  background: #e0e0e0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.TextInputField.disabled:hover {
  border: 1px solid #ababab;
  box-shadow: none;
}
.TextInputField.disabled.focus {
  border: 1px solid #ababab;
  background: #e0e0e0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.TextInputFieldCheck {
  background-image: url(../Images/Controls/icInputFieldCheck.png?v=@3_18549);
  background-repeat: no-repeat;
  background-position: 99% center;
}
.ClearButton {
  position: absolute;
  background: url("../images/controls/Textinput/InputInfoIcon.png?v=3_18549") 0 -106px no-repeat;
  width: 22px;
  height: 22px;
  right: 30px;
  top: 1px;
  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;
}
.ClearButton:hover {
  background-position: -52px -106px;
  cursor: pointer;
}
.ClearButton:active {
  background-position: -26px -106px;
  cursor: pointer;
}
.GoogleSearchClear.hidden {
  opacity: 0;
  display: none;
}
/*DEBUG OUTPUT*/

.DebugLabel {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow: auto;
}
.CopyToClipboard {
  position: absolute;
  right: 10px;
  top: 10px;
}
/*SETTINGS PANEL*/

.SettingsPannel {
  background: #dddddd;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-left: 1px solid #ababab;
  border-top: 1px solid #ababab;
}
/* REPORT SETTING ICON */

.RS_SettingsIcon {
  z-index: 9999999;
  height: 25px;
  float: right;
  width: 24px;
  margin: 3px 3px 0 0;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.RS_SettingsIcon:hover .ToolbarSettingsButton {
  background-position: -18px 0px;
}
.RS_SettingsIcon:active .ToolbarSettingsButton {
  background-position: -36px 0px;
}
.RS_SettingsIcon.active {
  background-color: #dddddd;
  border: 1px solid #999999;
}
.RS_SettingsIcon .ToolbarSettingsButton {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -8px;
  background-image: url("../Images/WindowToolbarIcons/icWindowSettings.png?v=3_18549");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.ReportSettingWrapper:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 5px;
  background: #dddddd;
  top: -5px;
  right: -1px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  z-index: 9999;
}
.MainWindowContainerFlat .RS_SettingsIcon {
  right: 25px !important;
}
.MainWindowContainerFlat .WindowToolbarLinkRightMargin {
  margin-right: 30px;
}
/* REPORT SETTINGS */

.ReportSettingWrapper {
  position: absolute;
  background-color: #dddddd;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  max-width: 400px;
  padding: 15px;
  right: 3px;
  top: 29px;
  z-index: 99;
  -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);
}
.pinned .ReportSettingWrapper {
  right: 24px;
}
.VehicleTempSensorsReport .ReportSettingWrapper {
  max-width: 810px;
}
.VehicleSensorsReport .ReportSettingWrapper {
  max-width: 550px;
  width: 550px;
}
.VehicleGasolineRefillsReport .ReportSettingWrapper {
  max-width: 360px;
}
.VehicleFuelLevelReport .ReportSettingWrapper {
  max-width: 300px;
}
.VehicleDayNightWork .ReportSettingWrapper {
  max-width: 280px;
}
.VehicleUsageReport .ReportSettingWrapper {
  max-width: 280px;
}
.VehiclePowerVoltage .ReportSettingWrapper {
  max-width: 380px;
}
.ReportSettingWrapper .row {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  position: relative;
}
.ReportSettingWrapper .row.grid-row {
  height: 200px;
}
.ReportSettingWrapper .column {
  float: left;
  width: 50%;
}
.ReportSettingWrapper .ToolBar {
  display: block;
  width: 100%;
  float: left;
  height: 26px;
}
.ReportSettingWrapper .button {
  float: left;
}
.ReportSettingWrapper .button.right {
  float: right;
}
.ReportSettingWrapper .label {
  font-size: 0.8em;
  float: left;
  height: 24px;
  margin-top: 4px;
}
.ReportSettingWrapper .description {
  font-size: 0.8em;
  float: left;
  font-style: italic;
}
.ReportSettingWrapper .TextInputField {
  float: left;
  font-size: 0.8em;
}
.ReportSettingWrapper .input {
  float: left;
  font-size: 0.8em;
}
.ReportSettingWrapper input[type="checkbox"] {
  float: left;
  margin: 5px 5px 0 0 !important;
}
.ReportSettingWrapper .dropdown {
  float: left;
  font-size: 0.8em;
  height: 24px;
  width: 150px;
  position: relative;
  background: white;
}
.VehicleTempSensorsReport .ReportSettingWrapper .dropdown {
  width: 140px;
}
.ReportSettingWrapper .GridWrapperOuterAll {
  height: 100%;
  width: 100%;
  background: white;
}
/* EXPORT SETTINGS */

.ExportSettingsWrapper {
  position: absolute;
  background-color: white;
  box-sizing: border-box;
  padding: 15px;
  left: 0;
  right: 0;
  bottom: 7px;
  z-index: 100;
  max-height: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  -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;
}
.ExportSettingsWrapper.visible {
  max-height: 500px;
  visibility: visible;
}
.ExportSettingsWrapper .title {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #669933;
  margin-bottom: 15px;
  font-weight: bold;
}
.ExportSettingsWrapper .title::before {
  content: "";
  float: left;
  width: 16px;
  top: 2px;
  position: relative;
  height: 16px;
  margin-right: 5px;
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -31px -649px no-repeat;
}
.ExportSettingsWrapper .PICNotesHeaderTitle {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.ExportSettingsWrapper .PICNotesHeaderTitle.work-hours {
  margin-bottom: 13px;
  padding-top: 6px;
  width: 50%;
}
.ExportSettingsWrapper .checkbox-label {
  float: left;
  width: 390px;
  margin: 0 0 10px 5px;
}
.ExportSettingsWrapper .GridWrapperOuterAll {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 170px;
}
.ExportSettingsWrapper .GridWrapperOuterAll .EditGridRow .GridContainerOuter {
  bottom: 0;
}
.ExportSettingsWrapper .DRFilterContainer.exportDynamic {
  position: relative;
  float: right;
  margin-top: 10px;
  width: 100%;
}
.ExportSettingsWrapper .DRFilterContainer.exportDynamic input.checkbox {
  float: left;
  width: 12px;
  position: static;
  margin: 4px 0 0 0;
}
.ExportSettingsWrapper .DRFilterContainer.exportDynamic .button {
  float: right;
}
.dynamic-over-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.7);
}
.dynamic-over-wrap.visible {
  opacity: 1;
  z-index: 90;
  visibility: visible;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic > .button.Green.right {
  padding: 4px 5px 2px 5px;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label {
  float: left;
  cursor: pointer;
  font-weight: bold;
  margin-top: 5px;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label:hover .buttonIcon {
  background-position: -31px -649px;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label:hover .buttonLabel {
  color: #669933;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label:active .buttonIcon {
  background-position: -57px -649px;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label:active .buttonLabel {
  color: #888888;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label .buttonIcon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url("../images/GeneralLayout/contentIcons.png?v=3_18549") -5px -649px no-repeat;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .export-label .buttonLabel {
  color: #222222;
  font-size: 13px;
  float: left;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic .DropDownSimpleWrapper {
  width: 150px;
  float: right;
  margin: 0 10px 0 0;
}
.DynamicReportViewer .DRFilterContainer.exportDynamic input {
  margin: 0;
}
.RS_Content {
  position: relative;
  padding: 10px 20px;
  font-size: 0.9em;
  float: right;
}
.RS_Text {
  font-size: 0.9em;
}
.RS_ContentInfo {
  font-style: italic;
  font-size: 0.9em;
}
/* input fields */

.RS_InputS {
  width: 60px;
  margin: -1px 2px 0 5px;
}
.RS_ButtonsWrapper {
  position: relative;
  padding: 0 20px 0 20px;
  margin-top: 8px;
  height: 36px;
}
.RS_ButtonSave {
  position: relative;
  float: right;
  padding: 3px 10px;
  font-size: 14px;
  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;
  background: #b4d143;
  border: 1px solid #88a027;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.RS_ButtonSave:hover {
  background: #99b52c;
  border: 1px solid #313a0e;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.RS_ButtonSave:active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.RS_ButtonCancel {
  position: relative;
  float: right;
  padding: 3px 10px;
  font-size: 14px;
  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;
  background: #eeeeee;
  border: 1px solid #bbbbbb;
  color: #555555;
  box-shadow: 0px 1px 1px 0px rgba(40, 40, 40, 0.1);
  -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;
}
.RS_ButtonCancel:hover {
  background: #e4e4e4;
  border: 1px solid #aaaaaa;
  color: #444444;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.RS_ButtonCancel:active {
  background: #d8d8d8;
  border: 1px solid #aaaaaa;
  color: #555555;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
input[type="checkbox"] {
  padding-left: 0;
  margin-left: 0;
}
/*GENERAL SETTINGS*/

.SettingTab {
  position: relative;
  width: 100%;
  padding: 10px 0px 10px 5px;
  font-size: 1em;
  color: black;
  border-bottom: 1px solid #d7d7d7;
  overflow: hidden;
}
.SettingTab:hover {
  position: relative;
  width: 100%;
  padding: 10px 0px 10px 5px;
  font-size: 1em;
  color: black;
  border-bottom: 1px solid #cccccc;
  background-color: #b7dd91;
  overflow: hidden;
  cursor: pointer;
}
.SettingTabSelected {
  position: relative;
  width: 100%;
  padding: 10px 0px 10px 5px;
  font-size: 1em;
  color: black;
  border-bottom: 1px solid #cccccc;
  background-color: #bcd657;
  overflow: hidden;
}
.SettingTabImage {
  float: left;
  margin-right: 5px;
}
.SettingsTabsWrapper {
  overflow: hidden;
  border-right: 1px solid #cccccc;
  background-color: #e9eaea;
}
.SettingTitleWrapper {
  color: #b4d143;
  font-size: 1.5em;
}
.SettingTitleImage {
  position: relative;
  float: left;
  margin-right: 5px;
  padding-top: 5px;
}
.SettingToolbarTopWrapper {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ebebeb;
  padding: 4px;
}
.NoTopBorder {
  border-top: 0px;
}
.SettingToolbarBottomWrapper {
  background-color: #ebebeb;
  padding: 4px 15px;
  border-top: 1px solid #cccccc;
}
.FeedbackToolbarBottomWrapper {
  background-color: #ebebeb;
  padding: 4px 15px;
  border-top: 1px solid #cccccc;
}
.SettingToolbarButton {
  position: relative;
  margin: 2px 8px;
  padding: 2px 8px;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  display: block;
  float: left;
  font-size: 0.85em;
}
.SettingToolbarButton:hover {
  border: 1px solid #b4d143;
  background-color: #bcd657;
  cursor: pointer;
}
.FeedbackToolbarBottomWrapper .SettingToolbarButtonRight {
  margin-top: 4px;
}
.ToolbarSelected {
  border: 1px solid #b4d143;
  background-color: #bcd657;
}
.SettingToolbarButtonRight {
  position: relative;
  margin: 6px -5px 0px 0px;
  background: #b4d143;
  border: 1px solid #88a027;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
  -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;
}
.SettingToolbarButtonRightSelected {
  position: relative;
  margin: 2px 8px;
  padding: 2px 8px;
  border: 1px solid #b4d143;
  background-color: #bcd657;
  display: block;
  float: right;
  font-size: 0.85em;
  cursor: pointer;
}
.SettingToolbarButtonRight:hover {
  background: #99b52c;
  border: 1px solid #313a0e;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.SettingToolbarButtonRight:active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.SettingToolbarButtonRight .ToolbarIcon {
  display: none;
}
.SettingPageContentWrapper {
  overflow: auto;
  overflow-x: hidden;
  /*border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;*/

}
.GeneralSettingPageContentWrapper {
  left: 0px;
  right: 0px;
  border-bottom: 0px;
}
.SettingSubtitle {
  color: #333333;
  font-size: 1.1em;
}
.SettingChanges {
  color: #db5961;
  font-size: 0.9em;
  position: absolute;
  bottom: 16px;
  left: 20px;
  margin: 0;
}
.SettingRowLabel {
  text-align: left;
  font-size: 0.9em;
}
.SettingRowLabelSmall {
  text-align: left;
  font-size: 0.75em;
}
.SubMenuContainer {
  background: #eeeeee;
  height: 30px;
  overflow: hidden;
  border-bottom: 1px solid #aaaaaa;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.SubToolbarImage {
  display: none;
}
.ToolBar .HorizontalWrap.SubMenuContainer .DropDownSimpleWrapper,
.ToolBar .HorizontalWrap.SubMenuContainer .DateInputIntervalWrapper,
.ToolBar .HorizontalWrap.SubMenuContainer .DateTimeInputWrapper {
  height: 24px;
  margin: 3px 0 0 5px;
}
.ToolBar .HorizontalWrap.SubMenuContainer .DateInputIntervalWrapper .DateIntervalInputField {
  height: 20px;
}
.ToolBar .HorizontalWrap.SubMenuContainer .DateInputIntervalWrapper .DateIntervalPrev,
.ToolBar .HorizontalWrap.SubMenuContainer .DateInputIntervalWrapper .DateIntervalNext {
  height: 22px;
}
.ToolBar .HorizontalWrap.SubMenuContainer .button {
  margin: 4px 0 0 10px;
  padding: 0 0 1px 1px;
}
.sub-toolbar-icon {
  width: 20px;
  height: 16px;
  position: relative;
  top: 50%;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
  background: url("../Images/GeneralLayout/contentIcons.png?v=3_18549") -11px -117px no-repeat;
}
.sub-toolbar-icon.vehicle {
  background-position: -5px -917px;
  margin: -6px 5px 0 10px;
  width: 15px;
  height: 12px;
}
.AlarmsReport .sub-toolbar-icon.vehicle,
.VehicleAlarmTempReport .sub-toolbar-icon.vehicle {
  margin: -6px 5px 0 20px;
}
.sub-toolbar-icon.driver {
  background-position: -2px -66px;
  margin: -6px 5px 0 10px;
  width: 22px;
  height: 12px;
}
.sub-toolbar-icon.date-time {
  background-position: -7px -899px;
  margin: -8px 5px 0 20px;
  width: 17px;
  height: 16px;
}
.sub-toolbar-icon.speed {
  background: url("../Images/Map/icLabelSpeed.png?v=3_18549") 0 0 no-repeat;
  margin: -8px 5px 0 10px;
  width: 16px;
  height: 16px;
}
.sub-toolbar-icon.location {
  background-position: -4px -862px;
  margin: -8px 5px 0 20px;
  width: 14px;
  height: 16px;
}
.sub-toolbar-icon.trailer {
  background-position: -3px -938px;
  margin: -6px 5px 0 20px;
  width: 21px;
  height: 12px;
}
.sub-toolbar-icon.condition {
  background-position: -7px -1103px;
  margin: -6px 5px 0 20px;
  width: 8px;
  height: 14px;
}
.sub-toolbar-icon.alarm {
  background-position: -5px -416px;
  margin: -8px 5px 0 20px;
  width: 15px;
  height: 16px;
}
.AlarmsReport .sub-toolbar-icon.alarm,
.VehicleAlarmTempReport .sub-toolbar-icon.alarm {
  margin: -8px 5px 0 10px;
}
.sub-toolbar-icon.client {
  background-position: -5px -303px;
  margin: -8px 5px 0 10px;
  width: 16px;
  height: 16px;
}
.DropDownSimpleWrapper2 {
  height: 24px;
  width: 180px;
  position: relative;
}
.VL_Toolbar .DropDownInputFieldContainer {
  background: white;
}
.DropDownInputFieldContainer2 {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 22px;
  border: 1px solid #ababab;
  -moz-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -o-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.DropDownInputField2 {
  position: absolute;
  border: 1px solid #ababab;
  padding: 1px 2px;
  margin: 0;
  font-size: 0.9em;
  color: black;
  font-family: calibri, arial, sans-serif;
}
.DropDownImageInner2 {
  height: 100%;
  width: 100%;
  background: url('../Images/Controls/icDropDown2.png?v=@3_18549') no-repeat center center;
  display: block;
}
.DropDownInputButton2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0;
  width: 21px;
  background-color: #ebebeb;
  border: 1px solid #ababab;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.DropDownInputButton2:hover {
  background-color: white;
  border: 1px solid #ababab;
}
.DropDownSimpleWrapper2:hover .DropDownInputFieldContainer2 {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.4);
}
.DropDownSimpleWrapper2:hover .DropDownInputButton2 {
  border-left: 1px solid #ababab;
  border-right: 1px solid #b4d143;
  border-top: 1px solid #b4d143;
  border-bottom: 1px solid #b4d143;
}
/* DROPDOWN */

.DropDownInputFieldContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 21px;
  border: 1px solid #ababab;
  overflow: hidden;
  background: white;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -o-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
}
.DropDownInputFieldContainer input,
.DropDownInputFieldContainer2 input.DropDownInputField {
  width: 100%;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*.RowInEditMode .DropDownInputFieldContainer {
    border: none;
}

.RowInEditMode .DropDownInputButton {
    border: 0 none;
    border-left: 1px solid #DDD;
}*/

.DropDownInputField {
  position: absolute;
  border: 0px;
  background: transparent;
  padding: 0px;
  height: 16px;
  margin: 0;
  font-size: 0.9em;
  color: black;
  font-family: calibri, arial, sans-serif;
  height: 100%;
}
.DropDownImageInner {
  height: 0;
  width: 0;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -4px;
  position: absolute;
  border: 4px solid transparent;
  border-top-color: #555555;
}
.DropDownInputButton {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #ebebeb;
  border-top: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  border-left: 1px solid #ababab;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.DropDownInputButton:hover {
  background-color: #cde080;
}
/* DROPDOWN - SIMPLE START */

.DropDownSimpleWrapper {
  height: 25px;
  width: 180px;
  position: relative;
}
.DropDownOuter {
  top: 4px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  background-color: white;
  border: 1px solid #ababab;
  -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
}
.DropDownSimpleSelectionContainer {
  max-height: 215px;
  overflow: auto;
}
.DropDownSimpleSelectionContainer .DropDownSimple {
  padding: 4px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  cursor: pointer;
  height: auto;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
.DropDownSimpleHover {
  background-color: #cde080;
  color: #b4d143;
}
.DropDownSimpleSelected {
  background-color: white;
  color: black;
}
.DropDownSimpleDelimiterText {
  display: block;
  border-bottom: 1px solid #bcd657;
  padding: 4px;
  font-size: 0.8em;
  color: #b4d143;
}
.DropDownSimpleDelimiter {
  display: block;
  border-bottom: 1px solid #bcd657;
  height: 1px;
  margin: 4px 4px;
  font-size: 0.8em;
  color: #b4d143;
  font-style: italic;
}
/* DROPDOWN - SIMPLE END */

/* DROPDOWN - GRID START */

.DropDownGridWrapper {
  position: absolute;
  left: 250px;
  top: 40px;
  height: 19px;
  width: 180px;
}
.DropDownGridSelectionContainer {
  position: absolute;
  left: 250px;
  top: 62px;
  width: 288px;
  height: 150px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ababab;
}
.DropDownGridHeaderContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  overflow: hidden;
  display: block;
  background-color: #ebebeb;
  font-size: 0.8em;
}
.DropDownGridHeaderCell01 {
  position: relative;
  float: left;
  padding: 2px 5px;
  color: #333333;
  width: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DropDownGridHeaderCell02 {
  position: relative;
  float: left;
  padding: 2px 5px;
  color: #333333;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DropDownGridHeaderCell03 {
  position: relative;
  float: left;
  padding: 2px 5px;
  color: #333333;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DropDownGridDataContainer {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  font-size: 0.8em;
}
.DropDownGridRow {
  position: relative;
  background-color: white;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.DropDownGridRow:hover {
  background-color: #cde080;
  color: black;
}
.DropDownGridCell01 {
  position: relative;
  color: black;
  float: left;
  padding: 2px 5px;
  width: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: inherit;
}
.DropDownGridCell02 {
  position: relative;
  color: black;
  float: left;
  padding: 2px 5px;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: inherit;
}
.DropDownGridCell03 {
  position: relative;
  color: black;
  float: left;
  padding: 2px 5px;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: inherit;
}
/* DROPDOWN - GRID END */

/* DROPDOWN WITH WEHICLE ICONS */

.DropDownSimpleSelectionContainerIcons .DropDownSimple {
  padding: 4px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  cursor: pointer;
  height: 15px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
.DropDownInputFieldContainerIcons {
  height: 22px;
  position: relative;
  border: 1px solid #ababab;
}
.DropDownInputFieldContainerIcons input {
  border: 0 none;
}
.DropDownInputFieldContainerIcons .DropDownIcon {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -6px 5px 0 0;
  width: 27px;
  height: 12px;
}
.DropDownInputFieldContainerIcons .DropDownIcon .DropDownIconImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: 0;
  width: 4px;
  height: 100%;
}
.DropDownInputFieldContainerIcons.SyncIcon .DropDownIcon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 26px;
  height: auto;
}
.DropDownInputFieldContainerIcons .DropDownInput {
  top: 0;
  bottom: 0;
  left: 20px;
  right: 6px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  padding: 0 5px 0 5px;
  text-overflow: ellipsis;
  border-right: 1px solid #ababab;
}
.DropDownInputFieldContainerIcons.StatusOrderColor .DropDownInput {
  left: 8px;
}
.DropDownInputFieldContainerIcons.SyncIcon .DropDownInput {
  left: 20px;
  padding-left: 7px;
}
.DropDownInputFieldContainerIcons .DropDownInputField {
  padding: 0 0 1px 0;
}
.DropDownSimple .DropDownIcon {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -6px 5px 0 0;
  width: 27px;
  height: 12px;
}
.DropDownSimple .DropDownLabel {
  position: absolute;
  top: 50%;
  left: 34px;
  right: 6px;
  margin: -8px 5px 0 5px;
  height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DropDownSimple .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon .DropDownIconImage {
  background: none;
  height: 16px;
  width: 12px;
  position: absolute;
  left: 0;
}
.DropDownInputFieldContainerIcons.SyncIcon .DropDownIcon .DropDownIconImage {
  left: 50%;
  top: 50%;
}
.DropDownInputFieldContainerIcons.StatusOrderColor .DropDownIcon .DropDownIconImage {
  background: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.DropDownSimple.IconTruck .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconTruck .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -49px 0;
  width: 25px;
  height: 12px;
}
.DropDownSimple.IconCar .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconCar .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 12px;
}
.DropDownSimple.IconBoat .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconBoat .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -74px 0;
  width: 27px;
  height: 12px;
}
.DropDownSimple.IconBike .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconBike .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -101px 0;
  width: 14px;
  height: 12px;
}
.DropDownSimple.IconArmored .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconArmored .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -115px 0;
  width: 23px;
  height: 12px;
}
.DropDownSimple.IconBus .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconBus .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -25px 0;
  width: 24px;
  height: 12px;
}
.DropDownSimple.IconFreezer .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconFreezer .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -138px 0;
  width: 25px;
  height: 12px;
}
.DropDownSimple.IconMachinery1 .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconMachinery1 .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -163px 0;
  width: 23px;
  height: 12px;
}
.DropDownSimple.IconMachinery2 .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconMachinery2 .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -186px 0;
  width: 18px;
  height: 12px;
}
.DropDownSimple.IconMotorcycle .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconMotorcycle .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -204px 0;
  width: 20px;
  height: 12px;
}
.DropDownSimple.IconPerson .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconPerson .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -224px 0;
  width: 8px;
  height: 12px;
}
.DropDownSimple.IconTruckTrailer .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconTruckTrailer .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -232px 0;
  width: 19px;
  height: 12px;
}
.DropDownSimple.IconVan .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconVan .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -251px 0;
  width: 24px;
  height: 12px;
}
.DropDownSimple.IconTrailerVirtual .DropDownIconImage,
.DropDownInputFieldContainerIcons .DropDownIcon.IconTrailerVirtual .DropDownIconImage {
  background: url(../Images/GeneralLayout/dropdownVehicleIcons.png?v=@3_18549) no-repeat;
  background-position: -275px 0;
  width: 19px;
  height: 12px;
}
/* DROPDOWN WITH WEHICLE ICONS */

/*Error log*/

.StackTraceLabel {
  overflow: auto;
}
.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.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);
  -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: #99b52c;
  border: 1px solid #313a0e;
  color: white;
  -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);
}
.uploadFieldContainer .button:active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.uploadFieldContainer .buttonPrimary {
  background: #b4d143;
  border: 1px solid #88a027;
  color: white;
  -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);
}
.uploadFieldMain {
  padding: 10px;
  background: #f9f9f9;
}
.uploadField.miniUpload .uploadFieldMain {
  padding: 0px;
  background: transparent;
}
.oneFile.uploadingFiles.oneFile:hover .uploadFieldMain,
.oneFile.uploadedFiles.oneFile:hover .uploadFieldMain {
  background: #f9f9f9;
}
.uploadDrag::before {
  background-color: rgba(102, 153, 51, 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 #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2);
}
.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-bottom: 1px solid #e3e3e3;
}
.uploadFieldFiles ul li:hover {
  background: #f9f9f9;
}
.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;
  top: 50%;
  margin-top: -15px;
  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;
}
.uploadedFileInfo {
  font-size: 10px;
  color: #aaaaaa;
  display: block;
  float: left;
  position: absolute;
  top: 24px;
  left: 10px;
}
.uploadedFileProgressBar {
  left: 10px;
  right: 10px;
  height: 1px;
  position: absolute;
  bottom: 5px;
  background: #dddddd;
}
.uploadedFileProgressBarContainer {
  background: #b4d143;
  height: 100%;
}
.uploadedFileName {
  float: left;
}
.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.2);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #cccccc;
}
/* LIST BASIC START */

.listView {
  border: 1px solid #bbbbbb;
  overflow: auto;
  bottom: 0;
  /* CHECKBOX LIST */

}
.listView.noborder {
  border: 0px;
}
.listView.border-right {
  border-right: 1px solid #aaaaaa;
}
.listView ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.listView ul li {
  list-style: none;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listView ul li:hover {
  color: #b4d143;
  background: #fafafa;
}
.listView ul li:active {
  color: #444444;
  background: white;
}
.listView ul li.selected {
  color: #444444;
  font-weight: bold;
  background: white;
}
.listView ul li.selected:hover {
  color: #444444;
  background: #f4faef;
}
.listView ul li.selected:active {
  color: #444444;
  background: #e3f1d8;
}
.listView.checkBoxList ul > li .checkboxWrap {
  padding: 7px 3px 7px 7px;
}
.listView.checkBoxList ul > li .checkboxWrap .checkbox {
  top: 50%;
  margin-top: -7px;
}
.listView.checkBoxList ul > li:hover {
  color: #b4d143;
  background: #fafafa;
}
.listView.checkBoxList ul > li:hover > .checkboxWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.listView.checkBoxList ul > li:hover > .checkboxLabel {
  color: #b4d143;
}
.listView.checkBoxList ul > li.selected:hover {
  color: #b4d143;
  background: #fafafa;
}
.listView.checkBoxList ul > li.selected:active {
  color: #444444;
  background: white;
}
.listView.checkBoxList ul > li.selected > .checkboxWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  background: white url(../images/checkbox/checkBox.png?v=@3_18549) center -12px no-repeat;
}
/* PARENT LIST VIEW START */

.parentList ul li.listViewGroup {
  padding: 0;
  border: 0 none;
}
.parentList ul li.listViewGroup:hover {
  padding: 0;
  background: none;
}
.parentList ul li.listViewGroup:hover .listViewParent {
  color: #444444;
}
.parentList ul li.listViewGroup:hover ul li {
  color: #444444;
}
.parentList ul li.listViewGroup:active {
  color: #444444;
}
.parentList ul li.listViewGroup.selected .listViewParent .checkboxWrap .checkbox,
.parentList ul li.listViewGroup.selected .listViewParent .checkboxWrapper .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  background: white url(../images/checkbox/checkBox.png?v=@3_18549) center -12px no-repeat;
}
.parentList ul li.listViewGroup.partially .listViewParent .checkboxWrap .checkbox,
.parentList ul li.listViewGroup.partially .listViewParent .checkboxWrapper .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 4px rgba(180, 209, 67, 0.2);
  background: white url(../images/checkbox/checkBox.png?v=@3_18549) center -24px no-repeat;
}
.parentList ul.listViewContainer li {
  list-style: none;
  cursor: pointer;
  position: relative;
  border: 0;
  background: white;
  border-bottom: 1px solid #e3e3e3;
}
.parentList ul.listViewContainer li.selected {
  background: white;
}
.parentList ul li.listViewGroup .listViewParent:active {
  color: #b4d143;
}
.parentList ul li.listViewGroup ul li .parentListul.listViewContainer li:hover {
  color: #b4d143;
  background: #f9f9f9;
}
.parentList ul.listViewContainer li:active {
  color: #444444;
  background: white;
}
.parentList ul li .listViewParent {
  background: #f2f2f2;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.parentList.listIcons ul li .listViewParent {
  background: #f2f2f2;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
  position: relative;
}
.parentList ul li .listViewParent:hover {
  background: #ededed;
}
.parentList ul li .listViewParentArrow {
  display: none;
  padding: 0 7px 0 0;
  width: 20px;
  height: 100%;
  position: absolute;
}
.parentList ul li .listViewParentArrow .listViewParentArrowWrap {
  background: url(../images/listView/parentArrow.png?v=@3_18549) 0 0 no-repeat;
  width: 14px;
  height: 7px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.parentList ul li .listViewParentArrow.up .listViewParentArrowWrap {
  background-position: -14px 0;
}
.parentList ul li .listViewParentArrow.down .listViewParentArrowWrap {
  background-position: 0 0;
}
.parentList ul li .listViewParent:hover .listViewParentArrow {
  display: table-cell;
}
.parentList ul li .listViewParent:active .listViewParentArrow.down {
  background-position: 0 -7px;
}
.parentList ul li .listViewParent:active .listViewParentArrow.up {
  background-position: -14px -7px;
}
.parentList ul .listViewContainer li {
  border-bottom: 1px solid #e3e3e3;
}
.parentList ul .listViewContainer.children li {
  padding: 9px 7px 5px 20px;
}
.listViewGroup {
  width: 100%;
}
.listViewGroup .listViewContainer .listViewItem .checkboxWrap {
  padding: 7px 3px 7px 25px;
}
.listViewParentIcon {
  width: 18px;
  height: 18px;
  display: table-cell;
  padding: 7px 0 7px 7px;
}
.listViewParentIcon img {
  position: absolute;
  top: 50%;
  margin-top: -9px;
}
.ReportListView {
  overflow: auto;
}
.ReportListView.parentList ul li .listViewParent {
  height: 32px;
  position: relative;
}
.ReportListView.parentList .listViewParentIcon {
  width: 26px;
  height: 26px;
  padding: 0;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -13px;
}
.ReportListView.parentList .listViewParentHeader {
  position: absolute;
  left: 31px;
  top: 8px;
  padding: 0;
}
.parentList ul li .listViewParentLabel {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
}
/* LIST VIEW WITH LIST ICONS START */

.listViewIcon {
  width: 16px;
  height: 16px;
  display: table-cell;
  padding: 7px 0 7px 7px;
}
.listViewIcon img {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.listView ul li .checkboxWrap {
  padding: 7px 0 7px 7px;
  display: table-cell;
  width: 14px;
  height: 16px;
  position: static;
}
.listViewlabel {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
}
.listView ul li {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.ChatGroupsEditList .ListViewDataWrapper .ListViewData ul li:first-child {
  border-bottom: none;
}
.listIcons.checkBoxList .checkbox {
  left: 30px;
}
/* FIX HEIGHT START */

.listView.fixedHeight .listViewlabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listView.fixedHeight .listViewParentLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* PARENT LIST DISABLED ELEMENT START */

li.disabled .listViewlabel {
  color: #bbbbbb;
}
.parentList ul li.listViewGroup:hover ul li.disabled .checkbox {
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
  box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
}
.parentList ul li.listViewGroup ul li.disabled:hover .checkbox {
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
  box-shadow: inset 0 0 6px rgba(160, 160, 160, 0.3);
}
.parentList ul li.listViewGroup:hover ul li.disabled:hover {
  background: none;
  cursor: default;
}
/* GRAY BACK START */

.grayBackground {
  background: #f7f7f7;
}
.grayBackground ul li:hover {
  background: #fcfcfc;
}
.grayBackground ul li:active {
  background: white;
}
.grayBackground ul li.selected:hover {
  background: #f4faef;
}
.grayBackground ul li.selected:active {
  background: #e3f1d8;
}
/* ALERT START */

.listViewalert .alert {
  width: 28px;
  height: 24px;
  background: url(../images/alert.png?v=@3_18549) right center no-repeat;
  margin: -12px 5px 0 0;
  position: absolute;
  top: 50%;
  right: 2px;
}
.listViewalert .listViewlabel {
  color: #db5961;
  padding-right: 20px;
}
.parentList ul li .listViewParentHeader {
  display: table-cell;
  vertical-align: middle;
  padding: 7px;
  color: #b4d143;
}
.listViewItemLabel {
  color: #b4d143;
  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;
}
.ListViewWrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ListViewTopWrapper {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 29px;
  border-bottom: 1px solid #aaaaaa;
  background-color: #e0e0e0;
}
.SelectAllWrapper {
  position: relative;
  height: 30px;
  float: left;
}
.SelectAllWrapper .checkboxWrapper {
  padding: 7px 0 7px 7px;
  float: left;
  width: 14px;
  height: 16px;
  position: static;
}
.SelectAllWrapper .checkboxWrapper .checkbox {
  top: 50%;
  margin-top: -7px;
}
.SelectAllWrapper .checkboxWrapper .checkbox.partially {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkbox.png?v=@3_18549) center -24px no-repeat;
}
.SelectAllWrapper .checkboxLabel {
  vertical-align: middle;
  margin: 0;
  float: left;
  padding: 7px;
  left: 10px;
}
.SearchWrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  height: 29px;
  width: 202px;
  float: right;
  overflow: hidden;
  background: #e0e0e0;
}
.SearchWrapper .ListViewSearchWrapper {
  height: 29px;
  width: 172px;
  position: absolute;
  left: 172px;
  border-left: 1px solid #aaaaaa;
  background: #f0f0f0;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.SearchWrapper.Opened .ListViewSearchWrapper {
  left: 0;
}
.SearchWrapper .listViewSearch {
  vertical-align: middle;
  display: none;
  float: left;
  padding-left: 5px;
  height: 27px;
  width: 125px;
  border: none;
  background: #f0f0f0;
  font-size: 12px;
}
.SearchWrapper.Opened .listViewSearch {
  display: block;
}
.SearchWrapper .searchButtonWrapper {
  vertical-align: middle;
  height: 100%;
  width: 50px;
  float: right;
  display: inline;
}
.SearchWrapper .listViewSearchButton {
  float: right;
  width: 29px;
  height: 30px;
  background: #e0e0e0;
  cursor: pointer;
  z-index: 10;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.SearchWrapper .listViewSearchButton:hover {
  background: #cccccc;
}
.SearchWrapper .listViewSearchButton.active,
.SearchWrapper.active .listViewSearchButton {
  background: #f0f0f0;
}
.SearchWrapper .listViewSearchButton.active:hover {
  background: #e3e3e3;
}
.SearchWrapper .listViewSearchButton:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;
  background: url("../images/controls/Textinput/InputInfoIcon.png?v=3_18549") no-repeat -58px -83px;
  cursor: pointer;
  z-index: 10;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.SearchClear {
  position: absolute;
  background: url("../Images/controls/Textinput/InputInfoIcon.png?v=3_18549") 0 -106px no-repeat;
  width: 20px;
  height: 30px;
  top: 3px;
  left: 150px;
  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;
}
.SearchNext {
  position: absolute;
  width: 16px;
  height: 30px;
  left: 151px;
  border-right: 1px solid #cccccc;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.SearchNext::before {
  content: "";
  position: absolute;
  background: url("../Images/ListView/listViewSearchArrows.png?v=3_18549") -10px 0 no-repeat;
  width: 10px;
  height: 5px;
  left: 50%;
  right: 0;
  top: 50%;
  margin: -3px 0 0 -5px;
  bottom: 0;
}
.SearchNext:hover:before {
  background-position: -10px -5px;
}
.SearchPrevious {
  position: absolute;
  width: 16px;
  height: 30px;
  left: 133px;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.SearchPrevious::before {
  content: "";
  position: absolute;
  background: url("../Images/ListView/listViewSearchArrows.png?v=3_18549") 0 0 no-repeat;
  width: 10px;
  height: 5px;
  left: 50%;
  right: 0;
  top: 50%;
  margin: -3px 0 0 -5px;
  bottom: 0;
}
.SearchPrevious:hover:before {
  background-position: 0 -5px;
}
.SearchPrevious:hover,
.SearchNext:hover {
  background-color: #e3e3e3;
}
.SearchClear:hover {
  background-position: -52px -106px;
  cursor: pointer;
}
.SearchClear:active {
  background-position: -26px -106px;
  cursor: pointer;
}
.SearchClear.hidden {
  opacity: 0;
  display: none;
}
.ListViewDataWrapper {
  position: absolute;
  top: 30px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: auto;
}
.checkboxWrapper .checkbox.selected {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: white url(../images/checkbox/checkBox.png?v=@3_18549) center -12px no-repeat;
}
.MainMenu {
  position: absolute;
  z-index: 4096;
  display: none;
  opacity: 0;
  top: 55px;
  background-color: #e9eaea;
  border: 1px solid #aaaaaa;
  padding: 0 10px 10px 10px;
  -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;
}
.MainMenu.visible {
  display: block;
  opacity: 1;
}
/*TOOLTIP*/

.TooltipWrapper {
  position: absolute;
  z-index: 10;
  width: 262px;
  padding: 10px;
  color: black;
  opacity: 0.9;
  line-height: 1.2;
  background: white;
  font-size: 0.8em;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  z-index: 9999999;
}
.TooltipWrapper div:last-child {
  display: none;
}
.TooltipWrapper .TooltipText {
  font-style: italic;
}
.TooltipMore {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  text-align: right;
  padding: 1px 10px;
  background-color: #759f39;
  color: white;
}
.TooltipMore:hover {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  text-align: right;
  padding: 1px 10px;
  background-color: #759f39;
  color: white;
  cursor: pointer;
}
.TooltipLabelWrapper {
  position: relative;
  width: 262px;
  padding: 5px 10px;
  background-color: #bcd657;
  border: 1px solid #ababab;
  color: black;
  filter: alpha(opacity=9);
  opacity: 0.9;
  line-height: 1.1;
  font-size: 0.8em;
  background-image: url(../Images/ReportIcons/icInfo.png?v=@3_18549);
  background-position: top left;
  background-repeat: no-repeat;
}
.TooltipLabelText {
  position: relative;
  left: 25px;
  width: 232px;
  font-style: italic;
}
.MenuBackground {
  position: absolute;
  top: 41px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9990;
  -o-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: none;
  opacity: 0;
}
.MenuBackground.visible {
  display: block;
}
.MenuBackground.transition {
  opacity: 1;
}
.ReportsTopDropdownWrapper {
  position: absolute;
  z-index: 5;
  display: none;
  opacity: 0;
  background-color: #e9eaea;
  border: 1px solid #aaaaaa;
  padding: 0 10px 10px 10px;
  -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;
}
.ReportsTopDropdownWrapper.visible {
  display: block;
}
.ReportsTopDropdownWrapper.visible.transition {
  opacity: 1;
}
.ReportsTopDropdownWrapper::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 2px;
  background: url(../Images/CVSMobileMap/ProjectIcons/CVSShell/main-menu-arrow.png?v=@3_18549);
  width: 16px;
  height: 8px;
}
.ReportsTopDropdownWrapper .ReportsTopDropdownColumn {
  float: left;
  padding: 6px 10px;
  box-sizing: border-box;
}
.ReportsTopDropdownWrapper .ReportsDropDownIcon {
  margin-right: 10px;
  margin-top: -5px;
  float: left;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle {
  border-bottom: 1px dotted #cccccc;
  color: #b4d143;
  font-size: 1em;
  height: 25px;
  margin: 20px 10px 5px 0;
  position: relative;
  padding: 5px 0 5px 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../Images/ReportIcons/reportIcons.png?v=@3_18549);
  width: 16px;
  height: 16px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icStanje::before {
  background-position: -3px -6px;
  width: 20px;
  top: 5px;
  height: 15px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icPorabaGoriva::before {
  background-position: -3px -30px;
  width: 20px;
  height: 19px;
  top: 4px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icDelo::before {
  background-position: -3px -185px;
  width: 20px;
  height: 20px;
  top: 4px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icLokacija::before {
  background-position: -6px -55px;
  width: 15px;
  height: 20px;
  top: 4px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icVoznja2::before {
  background-position: -3px -83px;
  width: 20px;
  height: 17px;
  top: 5px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icPostanki::before {
  background-position: -3px -107px;
  width: 20px;
  height: 20px;
  top: 4px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icSenzorji::before {
  background-position: -3px -137px;
  width: 20px;
  height: 12px;
  top: 8px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icExcelReports::before {
  background-position: -3px -235px;
  width: 20px;
  height: 20px;
  top: 4px;
}
.ReportsTopDropdownWrapper .ReportsDropDownTitle.icOstalo2::before {
  background-position: -3px -160px;
  width: 20px;
  height: 18px;
  top: 5px;
}
.DropdownTopMenuContainer {
  display: none;
  z-index: 5;
  position: absolute;
  background-color: #e9eaea;
  border: 1px solid #aaaaaa;
  padding: 5px;
  -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0 0 8px rgba(50, 50, 50, 0.3);
  box-shadow: 0 0 8px rgba(50, 50, 50, 0.3);
}
.DropDownTitle {
  font-style: italic;
  padding: 5px 15px 5px 10px;
  border-bottom: 1px solid #ababab;
  background-color: #cccccc;
}
.DropdownMenuLink {
  position: relative;
  padding: 6px 10px;
  font-size: 0.95em;
  cursor: pointer;
  border-radius: 7px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.DropdownMenuLink:hover {
  background-color: #d7d7d7;
}
.DropdownMenuLink:active {
  background-color: #d4d4d4;
}
.DropdownMenuLink.new .name {
  width: calc(100% - 24px);
}
.DropdownMenuLink .name {
  width: 100%;
  overflow: hidden;
  float: left;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DropdownMenuLink .new-report {
  color: white;
  border-radius: 4px;
  background: #c62828;
  padding: 1px 3px;
  font-size: 8px;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -6px;
  font-weight: bold;
}
.DropdownMenuLink .DropDownIcon {
  margin-right: 11px;
  float: left;
  display: none;
}
@media screen and (max-height: 460px) and (max-width: 1520px) {
  .ReportsTopDropdownWrapper {
    left: 30px !important;
    right: auto;
    bottom: auto;
  }
}
/* RESPONSIVE MAX HEIGHT 770px */

@media screen and (max-height: 770px) and (max-width: 360px) {
  .ReportsTopDropdownWrapper {
    padding: 10px;
    left: 0 !important;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-height: 770px) and (max-width: 520px) {
  .ReportsTopDropdownWrapper {
    left: 15px !important;
    right: 15px;
    bottom: 15px;
    overflow: auto;
  }
  .ReportsTopDropdownWrapper .ReportsTopDropdownColumn {
    width: 100% !important;
    box-sizing: border-box;
  }
}
@media screen and (max-height: 770px) and (min-width: 521px) {
  .ReportsTopDropdownWrapper {
    left: 30px !important;
    right: 30px;
    overflow: auto;
  }
}
@media screen and (max-height: 770px) and (min-width: 1040px) {
  .ReportsTopDropdownWrapper {
    left: 30px !important;
    right: auto;
    bottom: auto;
  }
}
@media screen and (max-height: 770px) and (max-width: 1252px) {
  .ReportsTopDropdownWrapper {
    overflow: auto;
  }
}
@media screen and (max-height: 770px) and (min-width: 1330px) {
  .ReportsTopDropdownWrapper {
    left: 94px !important;
    right: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 521px) {
  .ReportsTopDropdownWrapper {
    left: 30px !important;
    right: 30px;
    bottom: 20%;
    overflow: auto;
  }
  .ReportsTopDropdownWrapper .ReportsTopDropdownColumn {
    width: 100% !important;
    box-sizing: border-box;
  }
}
.MessageBoxWindowContent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  top: 31px;
  overflow: hidden;
  padding: 20px;
}
.MessageBoxTitle {
  font-size: 1.5em;
  color: #b4d143;
  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: #b4d143;
  text-decoration: underline;
}
a.MessageBoxLink:visited {
  font-size: 0.9em;
  color: #b4d143;
  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;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}
.MessageBoxButton {
  background-color: #ebebeb;
  border: 1px solid #cccccc;
  text-align: center;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 14px;
  color: #333333;
}
.MessageBoxButton:hover {
  background-color: #bcd657;
}
.MessageBoxWindowContentSimple {
  position: absolute;
  top: 63px;
  right: 40px;
  bottom: 70px;
  left: 40px;
  overflow: hidden;
}
.MessageBoxSimpleTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 2em;
  color: #b4d143;
  margin-bottom: 10px;
  border-bottom: 1px solid #bcd657;
}
.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: 10px;
  border-top: 1px solid #ebebeb;
  left: 40px;
  right: 40px;
}
/*MultiSelectPopup*/

.MultiSelPopupInputAreaWrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: white;
  border: 1px solid #cccccc;
  padding: 2px;
  border-radius: 3px;
}
.MultiSelPopupAddedWrapper {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  overflow: hidden;
}
.MultiSelPopupInputWrapper {
  position: relative;
  float: left;
  width: 60px;
}
.MultiSelPopupInput {
  position: relative;
  border: none;
  font-size: 0.8em;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.MultiSelPopupAddedItemWrapper {
  position: relative;
  float: left;
  background-color: #ebebeb;
  border: 1px solid #999999;
  height: 18px;
  margin-right: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.MultiSelPopupAddedItemWrapper:hover {
  background-color: #cde080;
}
.MultiSelPopupName {
  position: relative;
  float: left;
  font-size: 0.8em;
  font-family: Arial narrow, Arial;
  font-stretch: condensed;
  margin: 3px 0 0 4px;
}
.MultiSelPopupRemove {
  position: relative;
  float: left;
  width: 10px;
  height: 100%;
  margin: -1px 0 0 5px;
  text-transform: lowercase;
  cursor: pointer;
}
.MultiSelPopupRemove:hover {
  opacity: 0.6;
}
.MultiSelPopupRemove img {
  margin: 4px 0 0 0;
}
/*MULTISELECT*/

.MultiselectAllContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  border: 1px solid #ababab;
  overflow: auto;
  overflow-x: hidden;
}
.MultiselectSelectedContainer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  border: 1px solid #ababab;
  overflow: auto;
  overflow-x: hidden;
}
.MultiselectBetweenContainer {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 50px;
  text-align: center;
  vertical-align: middle;
}
.MultiselectBetweenSortContainer {
  position: absolute;
  bottom: -10px;
}
.MultiSelectBetweenTableContainer {
  position: absolute;
  height: 100%;
  vertical-align: middle;
  width: 50px;
  left: 200px;
  top: 0;
  text-align: center;
}
.MultiselectButton {
  position: relative;
  width: 16px;
  height: 18px;
  border: 1px solid #ababab;
  margin: 10px 13px;
  background-color: #ebebeb;
  cursor: pointer;
}
.MultiselectButton:hover {
  position: relative;
  width: 16px;
  height: 18px;
  border: 1px solid #bcd657;
  margin: 10px 13px;
  background-color: #cde080;
}
.MultiselectItem {
  padding: 2px 4px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}
.MultiselectItem:hover {
  padding: 2px 4px;
  font-size: 0.8em;
  background-color: #cde080;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  cursor: pointer;
}
.MultiselectItemSelected {
  padding: 2px 4px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  background-color: #a2c77e;
}
.MultiselectItemSelected:hover {
  padding: 2px 4px;
  font-size: 0.8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  background-color: #a2c77e;
  cursor: pointer;
}
.hgiNotificationContainer {
  position: absolute;
  right: 0px;
  top: 54px;
  z-index: 14000;
  width: 300px;
  /*    max-width: 400px;*/
  padding: 5px 10px;
  pointer-events: none;
}
.NotificationDefault {
  pointer-events: all;
  margin-bottom: 10px;
}
.NotificationDefaultDefinition {
  text-align: center;
  border-radius: 3px;
  background: white;
  width: auto;
  max-width: 400px;
  font-size: 12px;
  color: #333333;
  padding: 5px 10px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);
}
.NotificationWrapper {
  position: relative;
  background-color: white;
  right: 10px;
  z-index: 14001;
  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;
}
.NotificationWrapper2 {
  position: relative;
  background-color: white;
  right: 230px;
  z-index: 14001;
  border: 1px solid #eeeeee;
  width: 500px;
  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;
  height: 60px;
}
.NotificationContent2 {
  margin-top: 5px;
  font-size: 15px;
  cursor: pointer;
}
.NotificationDate {
  float: left;
  width: 100%;
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  padding-right: 24px;
}
.NotificationButtonWrapper {
  position: absolute;
  bottom: 10px;
  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);
}
.NotificationTag {
  margin-bottom: 4px;
  font-size: 15px;
  display: block;
}
.whiteInfoPanel {
  background-color: white;
  background: rgba(255, 255, 255, 0.7);
}
.fullTransparencyMidd {
  background: rgba(255, 255, 255, 0);
  text-align: center;
}
.BackgroundWhite {
  background: white;
}
.PanelBorderColor_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: red;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: blue;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: yellow;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: aqua;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: fuchsia;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_6::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: silver;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_7::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: gray;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_8::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #33ffcc;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_9::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #669966;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #993333;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_11::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #cc9933;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_12::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #ffff99;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_13::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #ff9966;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_14::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #ccffff;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_15::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #660000;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_16::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #0099ff;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
.PanelBorderColor_17::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #009999;
  z-index: 999;
  border-bottom: 1px solid #ababab;
}
/*PopupViewer*/

.PopupViewer {
  position: absolute;
}
.ReportViewerObj {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ImageWrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}
.ImageContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
}
.ImageContainer.scale {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.TextInput {
  position: relative;
  left: 0;
  right: 0;
  font-size: 14px;
  width: 200px;
}
.TextInput .inputContainer {
  background: white;
  border: 1px solid #aaaaaa;
  color: #333333;
  display: block;
  height: 23px;
  border-radius: 3px;
  -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;
  -webkit-box-shadow: inset 0 0 3px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 3px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 3px rgba(180, 209, 67, 0.2);
}
.TextInput .inputContainer input {
  width: 100%;
  height: 100%;
  border: 0 none;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.TextInput:hover .inputContainer {
  background: white;
  border: 1px solid #b4d143;
  color: #333333;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.TextInput.focus .inputContainer {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
}
.TextInput .inputSearchIcon {
  position: absolute;
  right: 1px;
  top: 1px;
  background: url("../Images/Controls/Textinput/InputInfoIcon.png?v=3_18549") 0 -78px no-repeat;
  width: 18px;
  height: 23px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.HorizontalWrap .TextInput .inputContainer {
  height: 23px;
}
.TextInput .inputSearchIcon:hover {
  background-position: -26px -78px;
}
.TextInput .inputSearchIcon:active {
  background-position: -52px -78px;
}
.TextInput.inputWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
}
.TextInput.withIcon .inputWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 22px;
  bottom: 0;
  padding: 2px 4px 4px 4px;
}
.TextArea_Border {
  border: 1px solid #ababab;
  border-radius: 3px;
}
.ToolBar .VerticalWrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 35px;
  border-right: 1px solid #cccccc;
}
/*ToolBar buttons*/

.ToolBar .VerticalWrap .button {
  display: block;
  clear: both;
  /*width: 100%;*/

  /*margin: 2px 0px;*/

}
.ToolBar .VerticalWrap ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.ToolBar .VerticalWrap ul li {
  list-style: none;
  color: #444444;
  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 ul li:last-child {
  border-bottom: 0 dotted #cccccc;
}
.ToolBar .VerticalWrap ul li:not(.Title):hover {
  background: none repeat scroll 0 0 white;
  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 white;
}
.ToolBar .sideToggler {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  height: 36px;
  border-top: 1px dotted #cccccc;
  border-right: 1px solid #cccccc;
  background: #f8f8f8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ToolBar .sideTogglerIcon {
  background: url(../images/controls/ToolBar/sideToggler.png?v=@3_18549) no-repeat 0 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
.ToolBar .sideToggler:hover .sideTogglerIcon {
  background-position: -16px 0;
}
.ToolBar.min .sideTogglerIcon {
  background-position: 0 -16px;
}
.ToolBar.min .sideToggler:hover .sideTogglerIcon {
  background-position: -16px -16px;
}
/*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: #b4d143;
  background: white;
  padding-left: 5px;
  box-shadow: none;
}
.ToolBar .VerticalWrap .ToolBarButtonList .button.active {
  color: #b4d143;
  background: white;
  box-shadow: none;
  border-right: 1px solid white;
}
/*Toolbar SubMenu*/

.ToolBar {
  overflow: hidden;
}
.ToolBar.Grey {
  background: #f8f8f8;
}
.ToolBar .SubMenuContainer .DropDownSimpleWrapper {
  width: 180px;
}
.ToolBar .SubMenuContainer .DropDownSimpleWrapper.SmallDropDown {
  width: 80px;
}
.ToolBar .SubMenuContainer .DateInputIntervalWrapper {
  width: 250px;
  height: 25px;
}
.ToolBar .SubMenuContainer .DateTimeInputWrapper {
  width: 180px;
}
.ToolBar.Flexy .SubMenuContainer .DropDownSimpleWrapper {
  width: 20%;
}
.ToolBar.Flexy .SubMenuContainer .DropDownSimpleWrapper.SmallDropDown {
  width: 10%;
}
.ToolBar.Flexy .SubMenuContainer .DateInputIntervalWrapper {
  width: 20%;
  height: 25px;
}
.ToolBar.Flexy .SubMenuContainer .DateTimeInputWrapper {
  width: 20%;
}
.ToolBar.Flexy .sub-toolbar-icon.vehicle,
.ToolBar.Flexy .sub-toolbar-icon.date-time,
.ToolBar.Flexy .sub-toolbar-icon.condition {
  margin-left: 10px;
}
.ToolBar.under500 .sub-toolbar-icon {
  display: none;
}
.BusinessPartner .ToolBar .DropDownSimpleWrapper,
.BusinessPartner .ToolBar .TextInput {
  width: 130px;
}
.BusinessPartner .ToolBar label {
  margin-left: 10px;
}
.ToolBar.SubMenuContainer .HorizontalWrap {
  position: relative;
  top: 2px;
}
.ToolBar.SubMenuContainer .HorizontalWrap .DropDownSimpleWrapper {
  margin-top: 2px !important;
  height: 25px;
}
.ToolBar.SubMenuContainer .DropDownSimpleWrapper {
  width: 150px;
}
.ToolBar.SubMenuContainer .DateInputIntervalWrapper {
  width: 240px;
}
.ToolBar.SubMenuContainer .SubtoolbarLabel {
  font-size: 0.8em;
  margin-top: 7px;
}
/* Buttons */

.ToolBar .button,
.ToolBar .TextInput,
.ToolBar .uploadField,
.ToolBar .DateInputIntervalWrapper {
  float: left;
}
.ToolBar .button.right,
.ToolBar .TextInput.right,
.ToolBar .uploadField.right,
.ToolBar .DateInputIntervalWrapper.right {
  float: right;
}
.ToolBar .DateInputIntervalWrapper {
  position: relative;
  height: 25px;
}
.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 .DropDownSimpleWrapper.left,
.ToolBar .HorizontalWrap.right .DateInputIntervalWrapper.left,
.ToolBar .HorizontalWrap.right .button.left {
  float: left;
}
.ToolBar .HorizontalWrap.right label.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;
}
.ToolBar .TabStrip .button:first-child {
  border-left: none;
}
.ToolBar .TabStrip .button:hover {
  background: #eff7e8 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: #b4d143;
}
.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;
}
/* VERTICAL TAB STRIP */

.ToolBar.TabStrip .VerticalWrap .button {
  color: #444444;
  height: 32px;
  width: 180px;
  display: block;
  line-height: 32px;
  padding: 3px 10px;
  position: relative;
  border-bottom: 1px dotted #d4d4d4;
  -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;
}
.ToolBar.TabStrip .VerticalWrap .button:hover {
  padding: 3px 3px 3px 15px;
  color: #b4d143;
  background: white;
}
.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:hover {
  padding: 3px 9px 3px 10px;
  color: #bbbbbb;
  background: #f8f8f8;
  cursor: default;
}
.ToolBar.TabStrip .VerticalWrap .button.disabled .buttonLabel {
  color: #bbbbbb;
}
.ToolBar.TabStrip.min .VerticalWrap .button {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  width: 25px;
}
.ToolBar.TabStrip.min .VerticalWrap .button:hover {
  padding: 3px 9px 3px 10px;
}
.ToolBar.TabStrip.min .VerticalWrap .button .buttonIcon {
  margin-right: 0;
}
.ToolBar.TabStrip .buttonLabel {
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 147px;
  text-align: left;
}
/* 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;
}
.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;
}
.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;
}
.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;
}
.TabStrip.VehicleFleet .button .buttonIcon.vhlMgmt {
  background-position: 0 -48px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.vhlMgmt {
  background-position: -27px -48px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.vhlMgmt {
  background-position: -53px -48px;
}
.TabStrip.VehicleFleet .button .buttonIcon.drivers {
  background-position: -2px -64px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.drivers {
  background-position: -28px -64px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.drivers {
  background-position: -54px -64px;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.TabStrip.VehicleFleet .button .buttonIcon.rent {
  background-position: 0 -193px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.rent {
  background-position: -26px -193px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.rent {
  background-position: -52px -192px;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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: -52px -1037px;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.TabStrip.VehicleFleet .button .buttonIcon.apiKeys {
  background-position: 0px -715px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.apiKeys {
  background-position: -26px -715px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.apiKeys {
  background-position: -52px -715px;
}
.TabStrip.VehicleFleet .button .buttonIcon.reports {
  background-position: 0px -734px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.reports {
  background-position: -26px -734px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.reports {
  background-position: -52px -734px;
}
/* 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;
}
.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;
}
/* CONTACTS */

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

.TabStrip.BussinesPartners .button .buttonIcon.roles {
  background-position: -4px -320px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.roles {
  background-position: -30px -320px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.roles {
  background-position: -56px -320px;
}
/* LOCATIONS */

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

.TabStrip.BussinesPartners .button .buttonIcon.vehicles {
  background-position: -3px -48px;
  width: 22px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.vehicles {
  background-position: -29px -48px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.vehicles {
  background-position: -55px -48px;
}
/* DRIVERS */

.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: -55px -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: -4px -128px;
  width: 18px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.taho {
  background-position: -30px -128px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.taho {
  background-position: -56px -128px;
}
/* CARGO */

.TabStrip.BussinesPartners .button .buttonIcon.cargo {
  background-position: -5px -432px;
  width: 16px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.cargo {
  background-position: -31px -432px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.cargo {
  background-position: -57px -432px;
}
/* DATE */

.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: -30px -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.received-files {
  background-position: -3px -1037px;
  width: 19px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.received-files {
  width: 19px;
  background-position: -29px -1037px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.received-files {
  background-position: -55px -1037px;
  width: 19px;
}
.TabStrip.VehicleFleet .button .buttonIcon.transportOrder {
  background-position: 0 -464px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.transportOrder {
  background-position: -26px -464px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.transportOrder {
  background-position: -5px -464px;
}
.TabStrip.VehicleFleet .button .buttonIcon.scheduling {
  background-position: -2px -899px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.scheduling {
  background-position: -28px -899px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.scheduling {
  background-position: -54px -899px;
}
.TabStrip.VehicleFleet .button .buttonIcon.planning {
  background-position: 0 -844px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.planning {
  background-position: -26px -844px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.planning {
  background-position: -52px -844px;
}
.TabStrip.VehicleFleet .button .buttonIcon.history {
  background-position: 1px -753px;
}
.TabStrip.VehicleFleet .button.active .buttonIcon.history {
  background-position: -27px -753px;
}
.TabStrip.VehicleFleet .button.disabled .buttonIcon.history {
  background-position: -53px -753px;
}
.TabStrip.BussinesPartners .button .buttonIcon.history {
  background-position: -3px -753px;
  width: 17px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.history {
  background-position: -31px -753px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.history {
  background-position: -57px -753px;
}
/* PLANNING EVENTS */

.TabStrip.BussinesPartners .button .buttonIcon.planningEvents {
  background-position: -4px -862px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.planningEvents {
  background-position: -30px -862px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.planningEvents {
  background-position: -56px -862px;
}
/* PLANNING ORDERS */

.TabStrip.BussinesPartners .button .buttonIcon.planningOrders {
  background-position: 0 -464px;
  width: 24px;
}
.TabStrip.BussinesPartners .button.active .buttonIcon.planningOrders {
  background-position: -26px -464px;
}
.TabStrip.BussinesPartners .button.disabled .buttonIcon.planningOrders {
  background-position: -5px -464px;
}
/*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;
  margin: 0;
  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: white;
  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;
}
.TooltipDefaultDefinition {
  text-align: center;
  z-index: 10000;
  border-radius: 3px;
  background: white;
  width: auto;
  max-width: 400px;
  font-size: 12px;
  color: #333333;
  padding: 5px 10px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  -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;
  /*&.TestKlasa{
        .TooltipText{
            background:red;
        }
    }*/

}
.TooltipDefaultDefinition:hover {
  opacity: 1;
}
/* TREE VIEW BASIC START */

.TreeView {
  border: 1px solid #ababab;
  overflow: auto;
}
.TreeView.noborder {
  border: 0px;
}
.TreeViewWrap {
  width: 400px;
}
.parentLevel > .TreeLevelLabel ul {
  position: relative;
  overflow: hidden;
}
.TreeView ul .TreeItemContainer {
  position: relative;
}
.TreeView ul {
  margin: 0;
  padding: 0;
}
.TreeView ul li {
  list-style: none;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 0 0 0 22px;
}
.TreeView ul li > .TreeItemWrap {
  padding: 4px 0;
}
.TreeView ul li ul li {
  margin: 0;
}
.parentLevel > .TreeItemWrap > .TreeLevelLabel {
  font-weight: bold;
}
.TreeView ul li.childLevel {
  font-weight: normal;
}
.TreeView ul li.childLevel .TreeLevelLabel {
  margin: 0;
}
/* TREE VIEW BASIC END */

/* TREE ELEMENT DEFAULT START */

.TreeItem {
  position: relative;
}
.TreeItem.hidden {
  display: none;
}
.TreeItemWrap {
  position: relative;
  padding: 4px 0;
  cursor: pointer;
}
.TreeItemWrap.inactive {
  opacity: 0.4;
}
/*.TreeItemWrap * {
    pointer-events: none;
}*/

.TreeLevelLabel {
  position: relative;
  left: 5px;
  padding: 2px 4px;
  display: inline-block;
  cursor: pointer;
}
/* TREE ELEMENT DEFAULT END */

/* TREE ELEMENT HOVER START */

.CheckboxTree ul li > .TreeItemWrap:hover > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.CheckboxTree ul li > .TreeItemWrap:hover > .TreeLevelLabel {
  color: #b4d143;
}
/* TREE ELEMENT HOVER END */

/* TREE ELEMENT SELECTED START */

.CheckboxTree ul li.selected > .TreeItemWrap > .TreeLevelLabel {
  color: #b4d143;
}
.CheckboxTree ul li.hasCheckbox.selected:hover > .TreeItemWrap > .TreeLevelLabel {
  color: #b4d143;
}
.CheckboxTree ul li.selected.hasCheckbox > .TreeItemWrap > .TreeLevelLabel {
  color: black;
}
.CheckboxTree ul li.selected:active > .TreeItemWrap > .TreeLevelLabel {
  color: #444444;
}
.CheckboxTree ul li.selected > .TreeItemWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkbox.png?v=@3_18549) center -12px no-repeat;
}
/* TREE ELEMENT SELECTED END */

/* TREE ELEMENT SELECTED AND DISABLED START */

.CheckboxTree ul li.hasCheckbox.selected.disabled > .TreeItemWrap > .TreeLevelLabel {
  color: #aaaaaa;
}
.CheckboxTree ul li.selected.hasCheckbox > .TreeItemWrap > .TreeLevelLabel {
  color: black;
}
.CheckboxTree ul li.selected:active > .TreeItemWrap > .TreeLevelLabel {
  color: #444444;
}
.CheckboxTree ul li.selected.disabled > .TreeItemWrap > .checkbox {
  border: 1px solid #aaaaaa;
  color: #8b8b8b;
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  cursor: default;
  background: #f4f4f4 url(../images/Checkbox/checkbox.png?v=@3_18549) center 0px no-repeat;
}
/* TREE ELEMENT SELECTED AND DISABLED END */

/* TREE ELEMENT DISABLED START */

.TreeItemWrap.disabled:hover .TreeLevelLabel {
  color: #aaaaaa;
}
.CheckboxTree ul li.disabled > .TreeItemWrap {
  cursor: default;
}
.CheckboxTree ul li.disabled > .TreeItemWrap > .checkbox {
  border: 1px solid #aaaaaa;
  color: #8b8b8b;
  -webkit-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  -moz-box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  box-shadow: inset 0 0 6px rgba(100, 100, 100, 0.15);
  background: #f4f4f4;
  cursor: default;
}
.CheckboxTree ul li.disabled > .TreeItemWrap > .TreeLevelLabel {
  color: #aaaaaa;
  cursor: default;
}
.CheckboxTree ul li.disabled:hover > .TreeItemWrap > .TreeLevelLabel {
  color: #aaaaaa;
}
/* TREE ELEMENT DISABLED END */

/* TREE ELEMENT SEMISELECTED START */

.CheckboxTree ul li.semiSelected > .TreeItemWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkbox.png?v=@3_18549) center -24px no-repeat;
}
/* TREE ELEMENT SEMISELECTED END */

/* TREE ELEMENT SEMISELECTED AND DISABLED START */

.CheckboxTree ul li.semiSelected.disabled > .TreeItemWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkbox.png?v=@3_18549) center -24px no-repeat;
}
/* TREE ELEMENT SEMISELECTED AND DISABLED END */

/* TREE LEVEL CONTROLS START */

.TreeLevelControl {
  position: absolute;
  left: -13px;
  top: 50%;
  margin-top: -13px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: white url(../images/Treeview/treeControl.png?v=@3_18549) 0 center no-repeat;
  z-index: 1;
  padding: 3px 0 9px 0;
}
.TreeView ul li.collapsed > .TreeItemWrap > .TreeLevelControl {
  background-position: -14px center;
}
.TreeView ul li.collapsed > .TreeItemWrap > .TreeLevelControl:hover {
  background-position: -42px center;
}
.TreeView ul li.collapsed > .TreeItemWrap > .TreeLevelControl:active {
  background-position: right center;
}
.TreeView ul li.expanded > .TreeItemWrap > .TreeLevelControl {
  background-position: 0 center;
}
.TreeView ul li.expanded > .TreeItemWrap > .TreeLevelControl:hover {
  background-position: -28px center;
}
.TreeView ul li.expanded > .TreeItemWrap > .TreeLevelControl:active {
  background-position: -56px center;
}
/* TREE LEVEL CONTROLS END */

.hasCheckbox.hasImage .TreeLevelLabel {
  padding-left: 54px;
}
.TreeView ul li.childLevel .hasCheckbox.hasImage .TreeLevelLabel {
  padding-left: 54px;
}
.hasImage .TreeLevelLabel {
  padding-left: 32px;
}
.TreeView ul li.childLevel .hasImage .TreeLevelLabel {
  padding-left: 32px;
}
.TreeLeafs {
  overflow: hidden;
  position: relative;
}
.TreeItemBorder {
  background: url(../images/Treeview/childLevelBorder.png?v=@3_18549) 0 top repeat;
  margin-left: 3px;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 12px;
  top: 30px;
  bottom: 1px;
}
.TreeView .TreeBorder {
  border-left: 1px dashed #bbbbbb;
  margin-left: 10px;
}
.TreeItemBorder.children {
  left: 12px;
  top: 0px;
}
.TreeItemBorder.hasSiblings {
  bottom: 3px;
  top: 30px;
}
.TreeItemBorder.parent {
  left: 12px;
  top: -12px;
  height: 4px;
}
.TreeItemBorder.parentAfterParent {
  left: 12px;
  top: -3px;
  height: 8px;
  z-index: 9;
}
.childLevelBorder {
  background: url(../images/Treeview/childLevelBorder.png?v=@3_18549) repeat;
  width: 1px;
  height: 100%;
  position: absolute;
  left: -7px;
  top: 0;
  margin: 0;
  padding: 0;
}
.lastItem .childLevelBorder {
  height: 16px;
}
.lastItem ul .childLevelBorder {
  height: 100%;
}
.lastItem > .TreeItemWrap > .childLevelBorder {
  height: 16px;
}
.childLevelDashed {
  position: absolute;
  top: 50%;
  left: -4px;
  margin-top: 0px;
  width: 6px;
  height: 1px;
  background: url(../images/Treeview/childLevelDashed.png?v=@3_18549) no-repeat;
  font-size: 0;
}
/* TREE VIEW BASIC END */

.TreeLevelLabel:hover .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.TreeLevelLabel.active .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.checkboxElement.active {
  background: #f4f4f4;
  color: #b4d143;
}
.TreeImage {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 32px;
  margin-right: 10px;
}
.hasCheckbox.hasImage .TreeImage {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 54px;
  margin-right: 10px;
}
/* SELECTBOX INSIDE TREEVIEW START */

.CheckboxTree .checkbox {
  top: 50%;
  margin-top: -7px;
  left: 8px;
}
.CheckboxTree .TreeLevelLabel {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.CheckboxTree .hasCheckbox .TreeLevelLabel {
  left: 26px;
}
.GroupsRightsTree ul li.semiSelected > .TreeItemWrap > .checkbox {
  border: 1px solid #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  background: url(../images/Checkbox/checkbox.png?v=@3_18549) center -48px no-repeat;
}
/* Tutorial - Steps */

/*TUTORIALCONTAINERPAGE*/

.TutorialContainerPage {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: auto;
}
.TutorialContainerPage table {
  width: 100%;
  margin-top: 10px;
}
.TutorialContainerPage table td {
  width: 50%;
  padding-bottom: 7px;
  vertical-align: top;
}
.TutorialWindow {
  z-index: 16384;
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.75);
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.TutorialStartButton {
  background: #b4d143;
  border: 1px solid #88a027;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  padding: 4px 15px;
  display: inline;
  font-size: 1.1em;
  text-align: center;
  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;
  float: left;
}
.TutorialStartButton:hover {
  background: #99b52c;
  border: 1px solid #313a0e;
  color: white;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -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);
}
.TutorialStartButton:active {
  background: #99b52c;
  border: 1px solid #3d5a1f;
  color: #f2f2f2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset, 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  transition: none !important;
}
.TutorialStartLink1 {
  position: relative;
  float: left;
  margin-bottom: 11px;
  padding: 4px 15px;
  color: black;
  font-size: 1.1em;
}
.TutorialStartLink1:hover {
  color: #b4d143;
  text-decoration: none;
  cursor: pointer;
}
.TutorialStartLink {
  position: relative;
  float: left;
  padding: 4px 15px;
  color: black;
  margin: 0 0 8px 0;
  font-size: 1.1em;
}
.TutorialStartLink:hover {
  color: #b4d143;
  text-decoration: none;
  cursor: pointer;
}
.TutorialStartCheckbox {
  position: relative;
  top: 9px;
  left: 0;
  float: left;
  color: black;
  cursor: pointer;
  padding-right: 3px;
}
.TutorialCheckboxLabel {
  position: relative;
  left: 1px;
  top: 10px;
  float: left;
  cursor: pointer;
}
.TutorialStartHeader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 175px;
}
.TutorialStartContent {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 195px;
  bottom: 0px;
  font-size: 0.9em;
}
.TutorialStartTitle {
  color: #b4d143;
  font-size: 1.3em;
}
.TutorialStopHeader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background-color: #ebebeb;
}
.TutorialStopContent {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 100px;
  bottom: 0px;
  font-size: 0.9em;
}
.TutorialStopTitle {
  position: absolute;
  left: 20px;
  top: 25px;
  color: #b4d143;
  font-size: 1.3em;
}
.TutorialHeader {
  background-color: #f7f7f7;
  border-bottom: 1px solid #dfdfdf;
}
.TutorialHeaderTitle {
  font-size: 20px;
  color: #b4d143;
  line-height: 0.9;
  font-weight: bold;
  top: 50%!important;
  margin-top: -9px;
}
.TutorialClose {
  width: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: transparent url("../Images/Tutorial/icClose.png?v=@3_18549") no-repeat scroll 0px 0px;
}
.TutorialClose:hover {
  background-position: -25px 0;
}
.TutorialClose:active {
  background-position: -50px 0;
}
.TutorialCloseIcon {
  background: url(../Images/Tutorial/icClose.png?v=@3_18549) 0 0 no-repeat;
}
.TutorialClose:hover .TutorialCloseIcon {
  background-position: -25px 0;
}
.TutorialClose:active .TutorialCloseIcon {
  background-position: -50px 0;
}
.TutorialFooterButton {
  font-size: 1em;
  padding: 2px 10px;
  background-color: #a2c77e;
  color: white;
}
.TutorialFooterButton:hover {
  background-color: #b4d143;
  cursor: pointer;
}
.TutorialFooterImgPrev {
  position: relative;
  margin: 3px;
  float: left;
}
.TutorialFooterImgNext {
  position: relative;
  float: right;
  margin: 3px;
}
.TutorialContent {
  font-size: 0.9em;
  line-height: 1.4;
  position: absolute;
  left: 20px;
  top: 101px;
  right: 20px;
  bottom: 81px;
  overflow: hidden;
}
.TutorialBold {
  font-weight: bold;
  font-size: 1.1em;
}
.TutorialImg {
  position: relative;
  top: 5px;
  left: 5px;
  margin-right: 5px;
}
.TutorialImg2 {
  position: relative;
  top: 0px;
  right: 5px;
  float: left;
}
.TutorialImg3 {
  position: relative;
  top: -12px;
  float: left;
}
.TutorialImg4 {
  position: relative;
  margin: -5px 10px 0 0;
  float: left;
}
.TutorialImg5 {
  position: relative;
  border: 2px solid #cccccc;
}
.TutorialLi {
  list-style-type: square;
  list-style-position: inside;
}
.TutorialGridRow {
  position: relative;
  margin-bottom: 30px;
}
.TutorialGridRow2 {
  position: relative;
  margin-bottom: 20px;
  height: 60px;
}
.TutorialGridCellLeft {
  position: relative;
  left: 0;
  width: 80px;
  float: left;
}
.TutorialGridCellRight {
  position: relative;
  float: left;
  width: 320px;
}
.TutorialGridCellLeft2 {
  position: relative;
  left: 0;
  width: 40px;
  float: left;
  top: 5px;
}
.TutorialGridCellRight2 {
  position: relative;
  float: left;
  width: 350px;
}
.Tutorial5ColCell {
  position: relative;
  float: left;
  width: 80px;
  text-align: center;
  line-height: 1;
  font-size: 0.9em;
}
.Tutorial2ColLeft {
  position: relative;
  float: left;
  height: 25px;
  width: 190px;
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
}
.Tutorial2ColRight {
  position: relative;
  margin-left: 20px;
  float: left;
  height: 25px;
  width: 190px;
  border-bottom: 1px dotted #cccccc;
  font-size: 0.9em;
}
.Tutorial2ColText {
  position: relative;
  top: 2px;
}
/* Tutorial - 05. Informacije o vozilu */

.TutorialVoziloInfoImg {
  position: relative;
  top: 0px;
  left: -5px;
  width: 425px;
  height: 257px;
  background-image: url(../Images/Tutorial/VoziloInfoBig.png?v=@3_18549);
  background-repeat: no-repeat;
  line-height: 1;
}
.TTVoziloInfo1 {
  position: absolute;
  left: 10px;
  top: 10px;
}
.TTVoziloInfo2 {
  position: absolute;
  left: 160px;
  top: 50px;
}
.TTVoziloInfo3 {
  position: absolute;
  left: 315px;
  top: 120px;
}
.TTVoziloInfo4 {
  position: absolute;
  left: 60px;
  top: 170px;
}
.TTVoziloInfo5 {
  position: absolute;
  left: 235px;
  top: 200px;
}
.TTVoziloInfo6 {
  position: absolute;
  left: 10px;
  top: 215px;
}
/* Tutorial - Window2 */

.Tutorial2ndWindow {
  position: relative;
  border: 5px solid white;
  background-color: white;
}
.TutorialMap {
  position: absolute;
  left: 320px;
  top: 100px;
}
.TutorialOrodja {
  position: absolute;
  left: 100px;
  top: 50px;
}
.TutorialFooter {
  position: relative;
  left: 20px;
  width: 410px;
  height: 50px;
}
.TutorialFooterNext {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 1em;
  color: white;
  cursor: pointer;
  padding: 2px 10px;
  background-color: #a2c77e;
}
.TutorialFooterNext:hover {
  background-color: #b4d143;
}
.TutorialFooterPrev {
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 1em;
  padding: 2px 10px;
  background-color: #a2c77e;
  color: white;
  cursor: pointer;
}
.TutorialFooterPrev:hover {
  background-color: #b4d143;
}
.TutorialFooterImgPrev {
  position: relative;
  margin: 3px;
  float: left;
}
.TutorialFooterImgNext {
  position: relative;
  float: right;
  margin: 3px;
}
.TutorialFooterStep {
  position: absolute;
  left: 210px;
  bottom: 25px;
  font-size: 0.9em;
  color: #666666;
  width: 30px;
  text-align: center;
  border: 1px solid red;
}
.TutorialArrowT {
  position: absolute;
  z-index: 1000;
  top: -25px;
  left: 0px;
}
.TutorialArrowL {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: -25px;
}
.TutorialArrowR {
  position: absolute;
  z-index: 1000;
  top: 0px;
  right: -25px;
}
.TutorialArrowB {
  position: absolute;
  z-index: 1000;
  left: 0px;
  bottom: -25px;
}
.TutorialContent ul {
  margin: 10px 0 0 10px;
  padding: 0;
}
.TutorialContent ul li {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  list-style: none;
  margin-bottom: 15px;
}
.listLabel {
  padding-left: 40px;
}
.listImage {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.listImageIcon {
  position: absolute;
  top: 5px;
  left: 50%;
  height: 32px;
  width: 34px;
}
.icReports .listImage {
  width: 27px;
}
.icReports .listImage .listImageIcon {
  background: url(../Images/TopMenu/icReports.png?v=@3_18549) 0 -9px no-repeat;
  width: 23px;
  height: 22px;
  margin: -7px 0 0 -11px;
}
.icBusinessPartners .listImage {
  width: 27px;
}
.icBusinessPartners .listImage .listImageIcon {
  background: url(../Images/TopMenu/icBusinessPartners.png?v=@3_18549) 0 -9px no-repeat;
  width: 22px;
  height: 20px;
  margin: -6px 0 0 -11px;
}
.listImage.icHumanResources {
  background: url(../Images/TopMenu/icHumanResources.png?v=@3_18549) 0 0 no-repeat;
  width: 27px;
}
.icHumanResources .listImage {
  width: 27px;
}
.icHumanResources .listImage .listImageIcon {
  background: url(../Images/TopMenu/icHumanResources.png?v=@3_18549) 0 -9px no-repeat;
  width: 27px;
  height: 22px;
  margin: -7px 0 0 -13px;
}
.icFleetManagement .listImage {
  width: 27px;
}
.icFleetManagement .listImage .listImageIcon {
  background: url(../Images/TopMenu/icFleetManagement.png?v=@3_18549) 0 -10px no-repeat;
  width: 22px;
  height: 18px;
  margin: -5px 0 0 -11px;
}
.icVehicleList .listImage {
  width: 27px;
}
.icVehicleList .listImage .listImageIcon {
  background: url(../Images/TopMenu/icVehicleList.png?v=@3_18549) 0 -10px no-repeat;
  width: 27px;
  height: 20px;
  margin: -6px 0 0 -13px;
}
.icMap .listImage {
  width: 27px;
}
.icMap .listImage .listImageIcon {
  background: url(../Images/TopMenu/icMap.png?v=@3_18549) 0 -8px no-repeat;
  width: 23px;
  height: 23px;
  margin: -6px 0 0 -11px;
}
.icCommunication .listImage {
  width: 27px;
}
.icCommunication .listImage .listImageIcon {
  background: url(../Images/TopMenu/icCommunication.png?v=@3_18549) 0 -9px no-repeat;
  width: 25px;
  height: 23px;
  margin: -6px 0 0 -12px;
}
.icLayout .listImage {
  width: 27px;
}
.icLayout .listImage .listImageIcon {
  background: url(../Images/TopMenu/icLayout.png?v=@3_18549) 0 -10px no-repeat;
  width: 23px;
  height: 22px;
  margin: -6px 0 0 -11px;
}
.icUser .listLabel,
.icHelp .listLabel,
.icFullScreen .listLabel,
.icLogout .listLabel {
  padding-left: 34px;
}
.icUser .listImage {
  width: 18px;
}
.icUser .listImage .listImageIcon {
  background: url(../Images/TopMenu/icUser.png?v=@3_18549) 0 -13px no-repeat;
  width: 16px;
  height: 16px;
  margin: -3px 0 0 -8px;
}
.icHelp .listImage {
  width: 18px;
}
.icHelp .listImage .listImageIcon {
  background: url(../Images/TopMenu/icHelp.png?v=@3_18549) 0 -12px no-repeat;
  width: 11px;
  height: 16px;
  margin: -2px 0 0 -5px;
}
.icFullScreen .listImage {
  width: 18px;
}
.icFullScreen .listImage .listImageIcon {
  background: url(../Images/TopMenu/icFullScreen.png?v=@3_18549) 0 -11px no-repeat;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 -9px;
}
.icLogout .listImage {
  width: 18px;
}
.icLogout .listImage .listImageIcon {
  background: url(../Images/TopMenu/icLogout.png?v=@3_18549) 0 -11px no-repeat;
  width: 18px;
  height: 18px;
  margin: -5px 0 0 -9px;
}
.icSearch .listLabel,
.icDirections .listLabel {
  padding-left: 48px;
}
.icSearch .listImage {
  width: 34px;
}
.icSearch .listImage .listImageIcon {
  background: url(../Images/Tutorial/icSearch.png?v=@3_18549) 0 0px no-repeat;
  width: 34px;
  height: 23px;
  margin: -5px 0 0 -17px;
}
.icDirections .listImage {
  width: 34px;
}
.icDirections .listImage .listImageIcon {
  background: url(../Images/Tutorial/icDirections.png?v=@3_18549) 0 0px no-repeat;
  width: 12px;
  height: 12px;
  margin: -1px 0 0 -6px;
}
.icTabs .listImage {
  width: 24px;
}
.icTabs .listImage .listImageIcon {
  background: url(../Images/Tutorial/icTabs.png?v=@3_18549) 0 0 no-repeat;
  width: 22px;
  height: 17px;
  margin: 0 0 0 -11px;
}
.icHistory .listImage {
  width: 24px;
}
.icHistory .listImage .listImageIcon {
  background: url(../Images/Tutorial/icHistory.png?v=@3_18549) 0 0 no-repeat;
  width: 16px;
  height: 15px;
  margin: -1px 0 0 -8px;
}
.icLocation .listImage {
  width: 24px;
}
.icLocation .listImage .listImageIcon {
  background: url(../Images/Tutorial/icLocations.png?v=@3_18549) 0 0 no-repeat;
  width: 12px;
  height: 16px;
  margin: -2px 0 0 -6px;
}
.icSatelliteMini .listImage {
  width: 24px;
}
.icSatelliteMini .listImage .listImageIcon {
  background: url(../Images/Tutorial/icSatelliteMini.png?v=@3_18549) 0 0 no-repeat;
  width: 12px;
  height: 14px;
  margin: -1px 0 0 -6px;
}
.icMailbox .listImage {
  width: 24px;
}
.icMailbox .listImage .listImageIcon {
  background: url(../Images/Tutorial/icMailbox.png?v=@3_18549) 0 0 no-repeat;
  width: 11px;
  height: 16px;
  margin: 0 0 0 -5px;
}
.icStreetView .listImage {
  width: 23px;
}
.icStreetView .listImage .listImageIcon {
  background: url(../Images/Tutorial/icStreetView.png?v=@3_18549) 0 0 no-repeat;
  width: 9px;
  height: 16px;
  margin: -1px 0 0 -4px;
}
.icZoom .listImage {
  width: 23px;
}
.icZoom .listImage .listImageIcon {
  background: url(../Images/Tutorial/icZoom.png?v=@3_18549) 0 0 no-repeat;
  width: 23px;
  height: 6px;
  margin: 3px 0 0 -11px;
}
.icParameters .listLabel,
.icShow .listLabel,
.icReportSettings .listLabel {
  padding-left: 31px;
}
.icParameters .listImage {
  width: 16px;
}
.icParameters .listImage .listImageIcon {
  background: url(../Images/Tutorial/icParameters.png?v=@3_18549) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin: -1px 0 0 -8px;
}
.icShow .listImage {
  width: 16px;
}
.icShow .listImage .listImageIcon {
  background: url(../Images/Tutorial/icShow.png?v=@3_18549) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin: -1px 0 0 -8px;
}
.icReportSettings .listImage {
  width: 16px;
}
.icReportSettings .listImage .listImageIcon {
  background: url(../Images/Tutorial/icReportSettings.png?v=@3_18549) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin: -1px 0 0 -8px;
}
/* GeneralDisabled*/

.ControlDisabled {
  position: absolute;
  z-index: 9999;
  background-color: white;
  opacity: 0.5;
  filter: alpha(opacity=50);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.DashboardItems .ControlLoader {
  position: relative !important;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: -100%;
}
.ControlLoader,
.DialogLoader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10000;
  position: absolute;
}
.ControlLoader:before,
.DialogLoader:before {
  content: "";
  position: absolute;
  margin: -17px 0 0 -17px;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  border: 5px solid #b4d143;
  border-left-color: transparent;
  border-radius: 50%;
  background: transparent;
  animation: rotate 1.3s linear infinite;
}
.DialogLoader {
  z-index: 16382;
}
.CMSEditor .main-splitter {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.CMSEditor .main-tabContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 3px;
  right: 3px;
}
.CMSEditor .list-editors {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.CMSEditor .editor-toolbar {
  position: absolute;
  bottom: 0;
  width: 360px;
  height: 33px;
}
.CMSEditor .cms-content-preview {
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  right: 3px;
}
.CMSEditor .editor-button-ok {
  border: 1px solid black;
  width: 120px;
  height: 24px;
  float: left;
}
.CMSEditor .editor-button-cancel {
  border: 1px solid black;
  width: 120px;
  height: 24px;
  float: left;
}
.CMSEditor .dialog-editor {
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 45px;
  right: 3px;
}
.CMSEditor.drag-item {
  position: absolute;
  z-index: 32768;
  opacity: 0.6;
}
.CMSEditor .control-insert-preview {
  background-color: #999999;
}
.CMSEditor .mouse-over {
  opacity: 0.5;
}
.CMSEditor.control-selection-info {
  z-index: 16384;
  position: absolute;
  height: 24px;
  width: 200px;
  background-color: #444444;
  text-overflow: ellipsis;
  color: white;
}
.CMSEditor.control-selection-info-border {
  z-index: 16384;
  position: absolute;
  background-color: #444444;
}
.CMSEditor .move-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  z-index: 32768;
  background-color: #444444;
  color: white;
}
html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: calibri, arial, sans-serif;
  font-size: 1em;
}
.Engine {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background: #cccccc;
}
.Engine .preloader-general {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 16384;
  position: absolute;
  background-color: #ebebeb;
}
.Engine .css-loader {
  position: absolute;
  margin: -17px 0 0 -17px;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  border: 5px solid #b4d143;
  border-left-color: transparent;
  border-radius: 50%;
  background: transparent;
  animation: rotate 1.3s linear infinite;
  /*&.size-64 {
            width: 64px;
            height: 64px;
            border-width: 6px;
        }*/

}
.Engine .css-loader.size-12 {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.Engine .css-loader.size-16 {
  width: 16px;
  height: 16px;
  border-width: 3px;
}
.Engine .css-loader.size-20 {
  width: 20px;
  height: 20px;
  border-width: 4px;
}
.Engine .css-loader.size-24 {
  width: 24px;
  height: 24px;
  border-width: 4px;
}
.Engine .css-loader.size-32 {
  width: 32px;
  height: 32px;
  border-width: 5px;
}
.Engine .css-loader.size-46 {
  width: 46px;
  height: 46px;
  border-width: 5px;
}
.Engine .modal-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.link {
  color: #b4d143;
}
.link:hover {
  text-decoration: underline;
  color: #333333;
}
.link:active {
  text-decoration: none;
  color: #333333;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  width: 200px;
  overflow: hidden;
  background-color: white;
  padding: 20px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.55);
  -moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.55);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.55);
}
.preloader .text {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.preloader .footer {
  width: 47px;
  height: 20px;
  float: left;
  width: 100%;
  position: relative;
}
.preloader .footer .image {
  width: 47px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -23.5px;
  background: url("../Images/hgiFramework3/Controls/Shell/preloader-footer.png?v=@3_18549") no-repeat 0 0;
}
.loader .image {
  width: 100%;
  height: 44px;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.loader .image svg {
  -webkit-animation: rotate 1.3s linear infinite;
  -moz-animation: rotate 1.3s linear infinite;
  animation: rotate 1.3s linear infinite;
  padding: 2px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.loader .image svg .circle {
  fill: none;
  stroke: rgba(180, 209, 67, 0.4);
  stroke-width: 8px;
}
.loader .image svg .loadbar {
  fill: none;
  stroke: #b4d143;
  stroke-width: 8px;
}
.loader.fullscreen {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loader.fullscreen .image {
  width: 44px;
  height: 44px;
  display: block;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  position: absolute;
}
.ShellWindows .taskbar {
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  overflow: hidden;
  background-color: #e8e8e8;
  border-bottom: 1px solid #999999;
  /* LOGO */

  /* MENU */

  /* SYS MENU */

  /* SEPARATOR */

}
.ShellWindows .taskbar .header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  float: left;
  margin: 7px 20px 7px 10px;
  width: 58px;
  height: 26px;
  text-align: left;
  cursor: pointer;
  z-index: 11;
  background: url("../Images/hgiFramework3/Controls/ShellWindows/logo.png?v=@3_18549") center top no-repeat;
  overflow: hidden;
}
.ShellWindows .taskbar .header:hover {
  background-position: center bottom;
}
.ShellWindows .taskbar .header:active {
  background-position: center bottom;
  opacity: 0.7;
}
.ShellWindows .taskbar .menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*background-image: url("../Images/hgiFramework3/Controls/ShellWindows/taskbar-background.png?v=@3_18549");*/
  position: absolute;
  top: 0;
  left: 85px;
  z-index: 11;
  background-color: #e8e8e8;
}
.ShellWindows .taskbar .menu ul {
  padding: 0;
  margin: 0;
  float: left;
}
.ShellWindows .taskbar .menu .quicklink,
.ShellWindows .taskbar .menu .anchor {
  position: relative;
  float: left;
  display: block;
  cursor: pointer;
  height: 40px;
  width: 22px;
  margin: 0 10px;
  list-style: none;
}
.ShellWindows .taskbar .menu .quicklink svg,
.ShellWindows .taskbar .menu .anchor svg {
  position: absolute;
  height: 22px;
  width: 22px;
  top: 11px;
  fill: #555555;
}
.ShellWindows .taskbar .menu .quicklink:hover,
.ShellWindows .taskbar .menu .anchor:hover {
  background-position: 0 -40px;
}
.ShellWindows .taskbar .menu .quicklink:hover svg,
.ShellWindows .taskbar .menu .anchor:hover svg {
  fill: #b4d143;
}
.ShellWindows .taskbar .menu .quicklink:active,
.ShellWindows .taskbar .menu .anchor:active {
  background-position: 0 -80px;
}
.ShellWindows .taskbar .menu .quicklink:active svg,
.ShellWindows .taskbar .menu .anchor:active svg {
  fill: black;
}
.ShellWindows .taskbar .menu .quicklink.disabled,
.ShellWindows .taskbar .menu .anchor.disabled {
  background-position: 0 -120px;
}
.ShellWindows .taskbar .menu .quicklink.disabled svg,
.ShellWindows .taskbar .menu .anchor.disabled svg {
  fill: #999999;
}
.ShellWindows .taskbar .menu .quicklink.active,
.ShellWindows .taskbar .menu .anchor.active {
  background-position: 0 -40px;
}
.ShellWindows .taskbar .menu .quicklink.active svg,
.ShellWindows .taskbar .menu .anchor.active svg {
  fill: #b4d143;
}
.ShellWindows .taskbar .menu .quicklink::after,
.ShellWindows .taskbar .menu .anchor::after {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  content: "";
  height: 2px;
  bottom: 3px;
  left: 0;
  right: 0;
  width: 22px;
  left: 50%;
  margin: 0 0 0 -11px;
  background: none;
  position: absolute;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ShellWindows .taskbar .menu .quicklink.open::after,
.ShellWindows .taskbar .menu .anchor.open::after {
  opacity: 1;
  background: #b4d143;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ShellWindows .taskbar .menu .quicklink.workspace,
.ShellWindows .taskbar .menu .anchor.workspace {
  width: 22px;
}
.ShellWindows .taskbar .menu .quicklink.workspace svg,
.ShellWindows .taskbar .menu .anchor.workspace svg {
  height: 22px;
  width: 22px;
}
.ShellWindows .taskbar .sysmenu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 0;
  z-index: 10;
}
.ShellWindows .taskbar .sysmenu ul {
  margin: 0;
  padding: 0;
  float: left;
}
.ShellWindows .taskbar .sysmenu .quicklink,
.ShellWindows .taskbar .sysmenu .anchor {
  list-style: none;
  float: left;
  cursor: pointer;
  position: relative;
}
.ShellWindows .taskbar .sysmenu .quicklink {
  width: 34px;
  height: 40px;
}
.ShellWindows .taskbar .sysmenu .quicklink svg {
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #555555;
}
.ShellWindows .taskbar .sysmenu .quicklink.help svg {
  margin: -8px 0 0 -8px;
  height: 16px;
  width: 16px;
}
.ShellWindows .taskbar .sysmenu .quicklink.logout svg {
  margin: -9px 0 0 -9px;
  height: 18px;
  width: 18px;
}
.ShellWindows .taskbar .sysmenu .quicklink.full-screen svg {
  margin: -9px 0 0 -9px;
  height: 18px;
  width: 18px;
}
.ShellWindows .taskbar .sysmenu .quicklink:hover svg,
.ShellWindows .taskbar .sysmenu .quicklink.active svg {
  fill: #b4d143;
}
.ShellWindows .taskbar .sysmenu .quicklink:active svg {
  fill: black;
}
.ShellWindows .taskbar .sysmenu .quicklink:active.logout svg,
.ShellWindows .taskbar .sysmenu .quicklink:active.full-screen svg {
  margin: -8px 0 0 -8px;
  height: 16px;
  width: 16px;
}
.ShellWindows .taskbar .sysmenu .quicklink:active.help svg {
  margin: -7px 0 0 -7px;
  height: 14px;
  width: 14px;
}
.ShellWindows .taskbar .sysmenu .anchor .user-name {
  padding: 0 10px 0 5px;
  color: #444444;
  float: left;
  position: relative;
  height: 40px;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ShellWindows .taskbar .sysmenu .anchor .user-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  top: 2px;
  margin-left: 5px;
  position: relative;
  vertical-align: middle;
  border: 4px solid transparent;
  border-top-color: #555555;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile {
  height: 40px;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile svg {
  position: relative;
  top: 50%;
  height: 16px;
  width: 16px;
  float: left;
  fill: #555555;
  margin: -8px 0 0 -8px;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:hover svg {
  fill: #b4d143;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:hover .user-name {
  color: #b4d143;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:hover .user-name .user-arrow {
  border-top-color: #b4d143;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:active svg {
  fill: black;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:active .user-name {
  color: black;
}
.ShellWindows .taskbar .sysmenu .anchor.user-profile:active .user-name .user-arrow {
  border-top-color: black;
}
.ShellWindows .taskbar .tasklist {
  position: absolute;
  left: 355px;
  right: 267px;
  top: 5px;
  height: 30px;
  z-index: 11;
}
.ShellWindows .taskbar .tasklist .pinned {
  position: relative;
  float: left;
  left: 0;
  top: 0;
}
.ShellWindows .taskbar .tasklist .pinned ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ShellWindows .taskbar .tasklist .pinned .task .icon {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-image: url("../Images/hgiFramework3/Controls/ShellWindows/task-icon.png?v=@3_18549");
}
.ShellWindows .taskbar .tasklist .unpinned {
  position: relative;
  float: left;
  left: 0;
  top: 0;
}
.ShellWindows .taskbar .tasklist .unpinned ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ShellWindows .taskbar .tasklist .unpinned .task .icon {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-image: url("../Images/hgiFramework3/Controls/ShellWindows/task-icon.png?v=@3_18549");
}
.ShellWindows .taskbar .tasklist .separator {
  margin: 0 3px;
  top: 0;
}
.ShellWindows .taskbar .tasklist .task {
  float: left;
  position: relative;
  height: 26px;
  width: 150px;
  margin: 1px;
  border: 1px solid #959595;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -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;
  background-color: #cccccc;
}
.ShellWindows .taskbar .tasklist .task:hover {
  border: 1px solid #b4d143;
  background-color: rgba(180, 209, 67, 0.6);
}
.ShellWindows .taskbar .tasklist .task.active {
  border: 1px solid #b4d143;
  background-color: rgba(180, 209, 67, 0.3);
}
.ShellWindows .taskbar .tasklist .task.active:hover {
  border: 1px solid #b4d143;
  background-color: rgba(180, 209, 67, 0.4);
}
.ShellWindows .taskbar .tasklist .task .title {
  position: absolute;
  top: 6px;
  right: 18px;
  left: 24px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
  font-family: inherit;
}
.ShellWindows .taskbar .tasklist .task .close {
  position: absolute;
  right: 3px;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ShellWindows .taskbar .tasklist .task .close:before,
.ShellWindows .taskbar .tasklist .task .close:after {
  content: "";
  background: none;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -5px;
  background-color: #888888;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ShellWindows .taskbar .tasklist .task .close:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ShellWindows .taskbar .tasklist .task .close:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ShellWindows .taskbar .tasklist .task .close:hover {
  background-position: 0px -14px;
  background-color: #c62828;
}
.ShellWindows .taskbar .tasklist .task .close:hover:before,
.ShellWindows .taskbar .tasklist .task .close:hover:after {
  background-color: #eeeeee;
  width: 8px;
  margin: -1px 0 0 -4px;
}
.ShellWindows .taskbar .tasklist .task .close:active {
  background-color: #888888;
}
.ShellWindows .taskbar .separator {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  float: left;
  display: block;
  width: 1px;
  background: silver;
  height: 30px;
  list-style: none;
  cursor: default;
  top: 5px;
}
.ShellWindows .taskbar .separator:before {
  content: "";
  width: 1px;
  height: 30px;
  float: right;
  right: -1px;
  position: relative;
  background: #f3f3f3;
}
.ShellWindows .taskbar .separator-end {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url("../Images/hgiFramework3/Controls/ShellWindows/separator-end.png?v=@3_18549") repeat-y right 0;
  position: relative;
  float: right;
  display: block;
  width: 17px;
  height: 40px;
  list-style: none;
}
.ShellWindows .desktop {
  position: absolute;
  z-index: 1;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 2px;
  overflow: hidden;
  background-color: #cccccc;
}
.ShellWindows.workspace {
  opacity: 0;
  -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;
}
.ShellWindows.workspace.visible {
  opacity: 1;
}
.ShellWindows.workspace .container {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 620px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ShellWindows.workspace .container .item {
  float: left;
  width: 33.33%;
  height: 50%;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper-bg {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #666666;
  border-radius: 5px;
  z-index: 0;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper {
  width: 100%;
  height: 100%;
  display: block;
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper:hover {
  background-color: white;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background: white;
  border-radius: 5px;
  visibility: visible;
  opacity: 1;
  background-color: white;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template.hidden {
  visibility: hidden;
  opacity: 0;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template svg {
  content: "";
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  fill: #b4d143;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template:hover {
  background-color: white;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template:hover svg {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  opacity: 0.6;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .no-template:active svg {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: white;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved.visible {
  visibility: visible;
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved.visible .icon,
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved.visible .text {
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved .icon {
  position: absolute;
  width: 72px;
  height: 72px;
  left: 50%;
  top: 50%;
  margin: -36px 0 0 -36px;
  opacity: 0;
  fill: #b4d143;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .saved .text {
  color: #b4d143;
  font-weight: bold;
  text-align: center;
  position: absolute;
  margin-top: 46px;
  opacity: 0;
  left: 0;
  right: 0;
  top: 50%;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .image {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 5px;
  fill: #b4d143;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 30px;
  padding: 0 20px;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title {
  text-align: left;
  font-size: 1.3em;
  color: #b4d143;
  height: 30px;
  width: 100%;
  position: relative;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title .display-static {
  width: 100%;
  height: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title .display-edit {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title .display-edit input {
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: white;
  padding: 0;
  margin: 0;
  color: #777777;
  padding: 4px 8px;
  box-sizing: border-box;
  font-family: Arial;
  font-size: 13px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title .display-edit input::placeholder {
  color: #999999;
  font-size: 13px;
  font-family: Arial;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .title .display-edit input.mandatory-field {
  border-color: red;
  -webkit-transition: all 0.1s ease-in 0s;
  -moz-transition: all 0.1s ease-in 0s;
  -o-transition: all 0.1s ease-in 0s;
  transition: all 0.1s ease-in 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .text {
  width: 100%;
  height: 64px;
  position: relative;
  text-align: left;
  font-size: 0.9em;
  margin-top: 10px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .text .display-edit {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .text .display-edit textarea {
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: white;
  padding: 0;
  margin: 0;
  color: #777777;
  overflow: auto;
  resize: none;
  padding: 8px;
  box-sizing: border-box;
  font-family: Arial;
  font-size: 13px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .text .display-edit textarea::placeholder {
  color: #999999;
  font-size: 13px;
  font-family: Arial;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .selected {
  position: absolute;
  bottom: 0;
  left: -130px;
  display: none;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default {
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: auto;
  margin-top: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.15s ease-in 0s;
  -moz-transition: all 0.15s ease-in 0s;
  -o-transition: all 0.15s ease-in 0s;
  transition: all 0.15s ease-in 0s;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"] {
  display: none;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"] + label {
  color: #999999;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"] + label:hover {
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"] + label svg {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  fill: #999999;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"] + label svg .check {
  visibility: hidden;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"]:checked + label {
  color: #669933;
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"]:checked + label svg {
  fill: #669933;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default input[type="checkbox"]:checked + label svg .check {
  visibility: visible;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .set-default .label {
  font-size: 0.85em;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  color: #666666;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .edit-button {
  position: absolute;
  right: 4px;
  bottom: 4px;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .edit-button .icon {
  background: url("../Images/Workspace/icEdit.png?v=3_18549") no-repeat;
  background-position: 0 0;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  opacity: 0.4;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .edit-button:hover .icon {
  background-position: -16px 0;
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .edit-button:active .icon {
  background-position: -32px 0;
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons {
  position: absolute;
  bottom: 10px;
  right: 10px;
  left: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in, all 0.1s ease-in;
  -moz-transition: all 0.3s ease-in, all 0.1s ease-in;
  -o-transition: all 0.3s ease-in, all 0.1s ease-in;
  transition: all 0.3s ease-in, all 0.1s ease-in;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-button {
  float: left;
  -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;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-button.hidden {
  opacity: 0;
  display: block;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .ok-button {
  margin-left: 10px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .ok-button,
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .cancel-button {
  float: right;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text {
  width: 100%;
  max-width: 250px;
  display: block;
  visibility: visible;
  position: absolute;
  bottom: 2px;
  left: 0;
  color: #b4d143;
  font-size: 14px;
  font-weight: bold;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text.hidden {
  display: block;
  visibility: visible;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text.hidden .icon,
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text.hidden .label {
  opacity: 0;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text .icon {
  width: 18px;
  height: 18px;
  float: left;
  position: absolute;
  background: url("../Images/GeneralLayout/InputInfoIcon.png?v=3_18549") no-repeat;
  background-position: -4px -56px;
  opacity: 1;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text .label {
  width: 100%;
  display: inline-block;
  text-indent: 24px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  opacity: 1;
  top: 1px;
}
.ShellWindows.workspace .container .item .wrapper-outer .wrapper .content.editable .display-static {
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.ShellWindows.workspace .container .item.edit-mode {
  cursor: default;
  padding: 4px;
}
.ShellWindows.workspace .container .item.edit-mode:active {
  padding: 4px;
}
.ShellWindows.workspace .container .item.edit-mode:active .wrapper-outer .wrapper {
  padding: 26px;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper {
  background-color: #f2f2f2;
  padding: 26px;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .image {
  width: 60px;
  height: 60px;
  margin-top: 0px;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .no-template {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0.15s;
  -moz-transition: all 0.2s ease-in-out 0.15s;
  -o-transition: all 0.2s ease-in-out 0.15s;
  transition: all 0.2s ease-in-out 0.15s;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .no-template svg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.15s;
  -moz-transition: all 0.2s ease-in-out 0.15s;
  -o-transition: all 0.2s ease-in-out 0.15s;
  transition: all 0.2s ease-in-out 0.15s;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .content {
  margin-top: 20px;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .content.editable .display-static {
  opacity: 0;
  visibility: hidden;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .content.editable .display-edit {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in 0.1s;
  -moz-transition: all 0.3s ease-in 0.1s;
  -o-transition: all 0.3s ease-in 0.1s;
  transition: all 0.3s ease-in 0.1s;
}
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .content .buttons,
.ShellWindows.workspace .container .item.edit-mode .wrapper-outer .wrapper .content .set-default {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in 0.2s;
  -moz-transition: all 0.3s ease-in 0.2s;
  -o-transition: all 0.3s ease-in 0.2s;
  transition: all 0.3s ease-in 0.2s;
}
.ShellWindows.workspace .container .item:active {
  padding: 15px;
}
.ShellWindows.workspace .container .item:active .wrapper-outer .wrapper {
  padding: 15px;
}
.ShellWindows.workspace .container .item.locked {
  pointer-events: none;
}
.ShellWindows.workspace .container .item.locked .wrapper-outer .wrapper {
  opacity: 0.5;
}
.shell-overlay-hotspot-global {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #b4d143;
}
@media only screen and (max-width: 1280px) {
  .ShellWindows.workspace .container {
    max-width: 980px;
    max-height: 600px;
  }
  .ShellWindows.workspace .container .item .wrapper-outer .wrapper .image {
    width: 70px;
    height: 70px;
  }
  .ShellWindows.workspace .container .item .wrapper-outer .wrapper .content {
    padding: 0 10px;
  }
  .ShellWindows.workspace .container .item .wrapper-outer .wrapper .content .buttons .save-template-text {
    max-width: 170px;
  }
}
.SplitContainer .panel-first {
  position: absolute;
  background: white;
}
.SplitContainer .panel-second {
  position: absolute;
  background: white;
}
.SplitContainer .wrap-vertical {
  position: absolute;
  background: url("../Images/hgiFramework3/Controls/SplitContainer/split-vertical.png?v=@3_18549");
}
.SplitContainer .wrap-vertical:hover {
  background-position: -4px 0;
}
.SplitContainer .wrap-vertical:active {
  background-position: -8px 0;
}
.SplitContainer .wrap-horizontal {
  position: absolute;
  background: url("../Images/hgiFramework3/Controls/SplitContainer/split-horizontal.png?v=@3_18549");
}
.SplitContainer .wrap-horizontal:hover {
  background-position: 0 -4px;
}
.SplitContainer .wrap-horizontal:active {
  background-position: 0 -8px;
}
.Button2 {
  display: inline-block;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.28571429;
  padding: 5px 10px;
  text-align: center;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  background-color: #b4d143;
}
.Button2:hover {
  color: white;
  background-color: #333333;
  border-color: transparent;
}
.Button2:focus,
.Button2.focus {
  color: white;
  background-color: #333333;
  border-color: black;
}
.Button2:active,
.Button2.active {
  color: #333333;
  background-color: white;
  border-color: #333333;
}
.Button2.disabled,
.Button2[disabled] {
  cursor: not-allowed;
}
.Button2.disabled,
.Button2[disabled],
.Button2.disabled:focus,
.Button2[disabled]:focus,
.Button2.disabled.focus,
.Button2[disabled].focus,
.Button2.disabled:hover,
.Button2[disabled]:hover {
  color: #c2c2c2;
  background-color: #d7d7d7;
  border-color: transparent;
}
.Checkbox2 {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Checkbox2.unchecked svg .check {
  display: none;
}
.Checkbox2:hover .box {
  fill: #b4d143;
  -webkit-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
  box-shadow: inset 0 0 6px rgba(180, 209, 67, 0.2);
}
.Checkbox2:hover label {
  color: #444444;
}
.Checkbox2.focus .box {
  fill: #b4d143;
  -webkit-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  -moz-box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
  box-shadow: inset 0 0 8px rgba(180, 209, 67, 0.2), 0 0 10px rgba(180, 209, 67, 0.4);
}
.Checkbox2.disabled svg {
  fill: #aaaaaa;
}
.Checkbox2.disabled label {
  color: #aaaaaa;
}
.Checkbox2 svg {
  fill: #444444;
  width: 14px;
  height: 14px;
  position: relative;
  margin-top: 6px;
}
.Checkbox2 svg .check {
  -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;
}
.Checkbox2 label {
  margin-top: 4px;
  margin-left: 5px;
  cursor: pointer;
}
.TextInput2 {
  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;
}
.TextInput2::-moz-placeholder {
  color: black;
  opacity: 1;
}
.TextInput2:-ms-input-placeholder {
  color: black;
}
.TextInput2::-webkit-input-placeholder {
  color: black;
}
.TextInput2::-moz-placeholder {
  color: black;
  opacity: 1;
}
.TextInput2:-ms-input-placeholder {
  color: black;
}
.TextInput2::-webkit-input-placeholder {
  color: black;
}
.TextInput2.hover,
.TextInput2:hover {
  border-color: #b4d143;
}
.TextInput2.focus,
.TextInput2:focus {
  border-color: #b4d143;
  -webkit-box-shadow: 0 0 20px #555555;
  box-shadow: 0 0 20px #555555;
  outline: 0;
}
.TextInput2.active,
.TextInput2:active {
  border-color: #b4d143;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.MessageBox .title-bar .title {
  position: absolute;
  left: 0px;
  right: 44px;
  top: 3px;
  font-size: 13px;
  cursor: pointer;
}
.MessageBox .messagebox-content {
  overflow: hidden;
  padding: 20px;
  position: relative;
  top: 23px;
}
.MessageBox .messagebox-content .text {
  font-size: 0.9em;
}
.MessageBox .messagebox-content .text label {
  float: left;
  width: 100%;
}
.MessageBox .messagebox-content .title {
  font-size: 1.5em;
  color: #b4d143;
  margin-bottom: 10px;
  display: block;
}
.MessageBox .messagebox-content .buttons {
  border-top: 1px solid #ebebeb;
  position: static;
  padding: 30px 0 0 0;
  margin: 0;
  border: 0 none;
  height: auto;
  text-align: center;
  float: left;
  width: 100%;
  height: 22px;
}
.MessageBox .messagebox-content .buttons .button {
  margin: 0 5px;
}
.WebDialog .preloader {
  position: absolute;
  z-index: 16380;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: white;
  background-position: center;
  background-image: url("../Images/Loader/Preloader.gif?v=@3_18549");
  background-repeat: no-repeat;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.WebDialogWindow {
  background-color: #cccccc;
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  /*-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;*/

  /* Borders */

  /* Title bar */

}
.WebDialogWindow.active {
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.5);
  background: #b4d143;
}
.WebDialogWindow.wndhidden {
  -webkit-transform: translateX(-10000px);
  -moz-transform: translateX(-10000px);
  -ms-transform: translateX(-10000px);
  -o-transform: translateX(-10000px);
  transform: translateX(-10000px);
}
.WebDialogWindow.wndpreview {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 0.85;
  visibility: visible;
}
.WebDialogWindow.pinned {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
}
.WebDialogWindow.pinned .container {
  border: 1px solid #999999;
}
.WebDialogWindow.pinned.active {
  background: none;
}
.WebDialogWindow.pinned.active .container {
  border: 1px solid #b4d143;
  -moz-box-shadow: 0 0 0 1px #b4d143;
  -webkit-box-shadow: 0 0 0 1px #b4d143;
  box-shadow: 0 0 0 1px #b4d143;
}
.WebDialogWindow.pinned .WindowToolbarLinkRightMargin {
  margin-right: 30px;
}
.WebDialogWindow.pinned .SubMenuContainer,
.WebDialogWindow.pinned .HorizontalWrap,
.WebDialogWindow.pinned .CalendarNewToolbar {
  padding-right: 22px;
}
.WebDialogWindow.pinned .SubMenuContainer .DateIntervalPrev,
.WebDialogWindow.pinned .SubMenuContainer .DateIntervalNext {
  height: 22px;
}
.WebDialogWindow.pinned .pin {
  position: absolute;
  top: 6px;
  right: 3px;
  z-index: 3000;
  display: block;
  float: left;
  height: 18px;
  width: 18px;
  background-image: url("../Images/hgiFramework3/Controls/WebDialogWindow/pin-icon.png?v=@3_18549");
  background-position: top left;
  background-repeat: no-repeat;
}
.WebDialogWindow.pinned .pin:hover {
  background-position: top right;
  cursor: pointer;
}
.WebDialogWindow.pinned.VehicleFleet .pin,
.WebDialogWindow.pinned.Drivers .pin,
.WebDialogWindow.pinned.BusinessPartner .pin,
.WebDialogWindow.pinned.Trash .pin,
.WebDialogWindow.pinned.CalendarDialog .pin,
.WebDialogWindow.pinned.TransportOrder .pin {
  top: 14px;
  right: 7px;
}
.WebDialogWindow .container {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  overflow: hidden;
  background: white;
}
.WebDialogWindow .border-n {
  position: absolute;
  z-index: 4;
  top: -4px;
  left: 5px;
  right: 5px;
  height: 10px;
  cursor: n-resize;
}
.WebDialogWindow .border-e {
  position: absolute;
  z-index: 4;
  top: 5px;
  width: 10px;
  right: -4px;
  bottom: 5px;
  cursor: w-resize;
}
.WebDialogWindow .border-s {
  position: absolute;
  z-index: 4;
  bottom: -4px;
  left: 5px;
  right: 5px;
  height: 10px;
  cursor: n-resize;
}
.WebDialogWindow .border-w {
  position: absolute;
  z-index: 4;
  top: 5px;
  left: -4px;
  width: 10px;
  bottom: 5px;
  cursor: w-resize;
}
.WebDialogWindow .border-nw {
  position: absolute;
  z-index: 4;
  top: -4px;
  left: -4px;
  width: 10px;
  height: 10px;
  cursor: nw-resize;
}
.WebDialogWindow .border-ne {
  position: absolute;
  z-index: 4;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  cursor: ne-resize;
}
.WebDialogWindow .border-se {
  position: absolute;
  z-index: 4;
  bottom: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  cursor: nw-resize;
}
.WebDialogWindow .border-sw {
  position: absolute;
  z-index: 4;
  bottom: -4px;
  left: -4px;
  width: 10px;
  height: 10px;
  cursor: ne-resize;
}
.WebDialogWindow .title-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 22px;
  background-color: #cccccc;
  border-bottom: 1px solid #ababab;
  overflow: hidden;
}
.WebDialogWindow .title-bar .title {
  position: absolute;
  left: 28px;
  right: 88px;
  top: 3px;
  font-size: 13px;
  cursor: pointer;
}
.WebDialogWindow .title-bar .icon {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-image: url("../Images/hgiFramework3/Controls/WebDialogWindow/task-icon.png?v=@3_18549");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.WebDialogWindow .title-bar .svg-icon {
  width: 16px;
  height: 16px;
  margin: 3px 0 0 5px;
  fill: #666666;
}
.WebDialogWindow .title-bar:focus,
.WebDialogWindow .title-bar:active,
.WebDialogWindow .title-bar .title:focus,
.WebDialogWindow .title-bar .title:active {
  cursor: pointer;
}
.WebDialogWindow .title-bar .control-box-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.WebDialogWindow .title-bar .control-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  float: left;
  padding: 0 3px;
  height: 22px;
  width: 20px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  /* ICON WINDOW MINIMIZE */

  /* ICON WINDOW MAXIMIZE */

  /* ICON WINDOW FULLSCREEN */

  /* ICON WINDOW CLOSE */

}
.WebDialogWindow .title-bar .control-box svg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  fill: #555555;
  margin: -8px 0 0 -8px;
}
.WebDialogWindow .title-bar .control-box:hover {
  background: #dadada;
}
.WebDialogWindow .title-bar .control-box:hover svg {
  fill: #b4d143;
}
.WebDialogWindow .title-bar .control-box:active {
  background: #d6d6d6;
}
.WebDialogWindow .title-bar .control-box:active svg {
  fill: black;
}
.WebDialogWindow .title-bar .control-box.icWindowMin:before {
  content: "";
  width: 10px;
  height: 2px;
  background: #555555;
  position: absolute;
  bottom: 5px;
  top: auto;
  left: 50%;
  margin-left: -5px;
}
.WebDialogWindow .title-bar .control-box.icWindowMin:hover:before {
  background: #b4d143;
}
.WebDialogWindow .title-bar .control-box.icWindowMin:active:before {
  width: 8px;
  margin-left: -4px;
}
.WebDialogWindow .title-bar .control-box.icWindowMax:before {
  width: 6px;
  height: 6px;
  background: none;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  border: 2px solid #555555;
}
.WebDialogWindow .title-bar .control-box.icWindowMax:hover:before {
  border: 2px solid #b4d143;
}
.WebDialogWindow .title-bar .control-box.icWindowMax:active:before {
  width: 4px;
  height: 4px;
  margin: -4px 0 0 -4px;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:before,
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:after {
  width: 5px;
  height: 5px;
  position: absolute;
  content: "";
  border: 2px solid #555555;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:before {
  top: 5px;
  right: 6px;
  z-index: 1;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:after {
  bottom: 5px;
  left: 6px;
  z-index: 2;
  background: #cccccc;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:hover:before,
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:hover:after {
  border: 2px solid #b4d143;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:active:before,
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:active:after {
  width: 5px;
  height: 5px;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:active:before {
  top: 5px;
  right: 7px;
}
.WebDialogWindow .title-bar .control-box.icWindowMaxFullScreen:active:after {
  bottom: 5px;
  left: 7px;
}
.WebDialogWindow .title-bar .control-box.icWindowClose:before,
.WebDialogWindow .title-bar .control-box.icWindowClose:after {
  width: 12px;
  height: 2px;
  position: absolute;
  top: 50%;
  content: "";
  left: 50%;
  margin: -1px 0 0 -6px;
  background: #555555;
}
.WebDialogWindow .title-bar .control-box.icWindowClose:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.WebDialogWindow .title-bar .control-box.icWindowClose:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.WebDialogWindow .title-bar .control-box.icWindowClose:hover:before,
.WebDialogWindow .title-bar .control-box.icWindowClose:hover:after {
  background: #b4d143;
}
.WebDialogWindow .title-bar .control-box.icWindowClose:active:before {
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
}
.WebDialogWindow .title-bar .control-box.icWindowClose:active:after {
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
}
.WebDialogWindow .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 23px;
  overflow: hidden;
}
.window-overlay-move-global,
.window-overlay-resize-global {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #b4d143;
}