/* Minification failed. Returning unminified contents.
(1445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1802,15): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(1906,15): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(1957,15): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(3632,15): run-time error CSS1039: Token not allowed after unary operator: '-base-color'
(3693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6224,130): run-time error CSS1030: Expected identifier, found ' '
(6224,131): run-time error CSS1030: Expected identifier, found 'history-summary'
(6224,146): run-time error CSS1031: Expected selector, found ')'
(6224,146): run-time error CSS1025: Expected comma or open brace, found ')'
(6227,130): run-time error CSS1030: Expected identifier, found ' '
(6227,131): run-time error CSS1030: Expected identifier, found 'history-summary'
(6227,146): run-time error CSS1031: Expected selector, found ')'
(6227,146): run-time error CSS1025: Expected comma or open brace, found ')'
(6273,34): run-time error CSS1030: Expected identifier, found 'not('
(6273,34): run-time error CSS1031: Expected selector, found 'not('
(6273,34): run-time error CSS1025: Expected comma or open brace, found 'not('
(6854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7383,15): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
 */
.class4534534 {
  color: #E65100;
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -ms-touch-action: pan-y;
  /*-webkit-backface-visibility: hidden;*/
  /*to jest potrzebne zeby przy transform: rotate(180deg); nie mrugaly kontenery*/
}
@-moz-document url-prefix() {
  * {
    -moz-user-select: none;
  }
  input {
    -moz-user-select: text;
  }
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("../Fonts/Roboto-Regular.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url("../Fonts/Roboto-Bold.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url("../Fonts/Roboto-Italic.woff") format('woff');
}
a {
  color: black;
}
a span + a span {
  color: red;
}
html {
  overflow: hidden;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Roboto', "Tahoma", "sans-serif", Arial, Helvetica, Sans-Serif;
  -ms-touch-action: auto;
  overflow-x: hidden;
  font-size: 100%;
  line-height: 90%;
  color: #212121;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  position: fixed !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}
body.ios {
  font-family: 'Roboto Light', "Tahoma", "sans-serif", Arial, Helvetica, Sans-Serif;
}
body.phone {
  /*font-size: 90%;*/
  line-height: 130%;
  background-color: white;
  height: 100%;
}
:-webkit-full-screen body {
  width: 100%;
  height: 100%;
}
body:not(.android) ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body:not(.android) ::-webkit-scrollbar-thumb {
  background: lightgray;
  -webkit-border-radius: 2px;
}
.material-icons {
  font-display: block;
}
.paddingLeftRightAdjustable {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.marginLeftRightAdjustable {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.buttonstyle,
.homebuttonstyle {
  background-color: white;
  display: inline-block;
  color: #212121;
  font-size: 14px;
  min-width: 50px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  padding: 6px 15px;
  margin: 0px 5px;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, 0.27);
  box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, 0.27);
  /*&:hover { background-color: #F1EEE8; }*/
}
.buttonstyle:active,
.homebuttonstyle:active,
.buttonstyle.active,
.homebuttonstyle.active {
  /*background-color:  #c7c7c7;*/
  -webkit-box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
  box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
}
.buttonstyle.second,
.homebuttonstyle.active {
  margin: 0px 25px;
  background-color: #2196F3;
  color: white;
}
.homeButtonDiv .buttonstyle.second,
.homeButtonDiv .homebuttonstyle.active {
  margin: 0px 5px;
}
.buttonstyle.second:hover,
.homebuttonstyle.active:hover {
  background-color: #0d87e9;
}
.buttonstyle.second:active,
.homebuttonstyle.active:active {
  background-color: #0b76cc;
  -webkit-box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
  box-shadow: 1px 4px 2px 3px rgba(50, 50, 50, 0.27);
}
.buttonstyle.disabled {
  background-color: #e8e8e8;
  cursor: default;
}
.buttonstyle.flat-ripple {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  padding: 6px 10px;
  display: inline-block;
  position: relative;
}
.buttonstyle.flat-ripple.second,
.buttonstyle.flat-ripple.active {
  color: #2196F3;
  background-color: transparent;
}
.buttonstyle.historyLink,
.buttonstyle.moreLink,
.buttonstyle.tagsLink {
  width: auto;
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
}
li.selected .buttonstyle.historyLink,
li.selected .buttonstyle.moreLink,
li.selected .buttonstyle.tagsLink {
  margin-left: 2px;
}
.objDetails.has-tags .buttonstyle.historyLink,
.objDetails.has-tags .buttonstyle.moreLink,
.objDetails.has-tags .buttonstyle.tagsLink {
  width: 33%;
}
body[data-browsername=iPad] .objDetails.has-tags .buttonstyle.historyLink,
body[data-browsername=iPad] .objDetails.has-tags .buttonstyle.moreLink,
body[data-browsername=iPad] .objDetails.has-tags .buttonstyle.tagsLink {
  width: 26%;
}
.buttonstyle.flat {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  padding: 6px 7px;
  /*#summaryTabs &:hover, #summaryTabs &:active, #summaryTabs &.active, #summaryTabs &.second 
            {color: white; background-color: transparent;}*/
}
.buttonstyle.flat.second,
.buttonstyle.flat.active {
  color: #2196F3;
  background-color: transparent;
}
.buttonstyle.flat:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #cacaca;
}
.buttonstyle.flat:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #F1F3F5;
}
.buttonstyle.selected {
  background-color: #2196F3;
  color: white;
}
#drawer paper-icon-button {
  color: gray;
}
#drawer paper-icon-button + span {
  color: gray;
}
.typeIcon {
  width: 33px;
  height: 33px;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
  margin: 8px 4px 4px 7px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 23px;
  background-color: #D2DCE5;
}
@media only screen and (max-width: 640px) {
  .typeIcon.config {
    display: none;
  }
}
.typeIcon.shipment {
  background-color: #898989;
  position: absolute;
  background-image: url(../../Images/Online/Navigation/shipments_white2.svg);
  width: 36px;
  height: 36px;
  margin: 0 6px 0;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
}
.typeIcon.small {
  height: 22px;
  width: 22px;
  background-size: 75%;
  margin-left: 12px;
}
.typeIcon.fueling {
  background-image: url(../../Images/fueling.svg) !important;
}
.typeIcon.invoice {
  background-image: url(../../Images/invoice.svg) !important;
}
.typeIcon.blue-text,
.typeIcon.blue {
  background-color: #2196F3 !important;
}
.typeIcon.warning {
  background-color: #fbc02d !important;
}
.typeIcon.red-text,
.typeIcon.red {
  background-color: #F44336 !important;
}
.typeIcon.green {
  background-color: #59CA10 !important;
}
.typeIcon.rideIcon {
  background-color: transparent;
}
.typeIcon.rideIcon.private {
  border: 1px solid #F57C00;
  background-image: url(../../Images/timeline-private.svg);
}
.typeIcon.rideIcon.business {
  border: 1px solid #1E88E5;
  background-image: url(../../Images/timeline-business.svg);
}
.typeIcon.objTypeIcon {
  background-image: url(../../Images/ic_directions_car_white_24px.svg);
}
.typeIcon.objTypeIcon.hotel,
.typeIcon.objTypeIcon.hotelItem {
  background-image: url(../../Images/hotel.svg);
}
.typeIcon.objTypeIcon.office,
.typeIcon.objTypeIcon.officeItem {
  background-image: url(../../Images/office.svg);
}
.typeIcon.objTypeIcon.base {
  background-image: url(../../Images/BaseImage2.svg);
}
.typeIcon.objTypeIcon.padlock {
  background-image: url(../../Images/padlock_white.svg);
}
.typeIcon.objTypeIcon.person {
  background-image: url(../../Images/ic_directions_walk_white_24px.svg);
}
.typeIcon.objTypeIcon.motorbike {
  background-image: url(../../Images/ic_directions_bike_white_24px.svg);
}
.typeIcon.objTypeIcon.home {
  background-image: url(../../Images/ic_home_white_24px.svg);
}
.typeIcon.objTypeIcon.service {
  background-image: url(../../Images/settings_icon_white.svg);
}
.typeIcon.objTypeIcon.coupon-series {
  background-image: url(../../Images/coupon_series_white.svg);
}
.typeIcon.objTypeIcon.money-box-transaction {
  background-image: url(../../Images/money_box_transaction_white.svg);
}
.typeIcon.userIcon,
.typeIcon.driverIcon {
  background-image: url(../../Images/ic_directions_walk_white_24px.svg);
}
.typeIcon.forkliftIcon {
  background-image: url(../../Images/forklift_white.svg);
}
.typeIcon.alarmIcon {
  background-image: url(../../Images/alert-white.svg);
}
.typeIcon.personIcon {
  background-image: url(../../Images/person_white.svg);
}
.typeIcon.personIcon.service {
  background-image: url(../../Images/service_man_white.svg);
}
.typeIcon.groupIcon {
  background-size: 25px;
  background-image: url(../../Images/ic_grain_white_24px.svg);
}
.typeIcon.companyIcon {
  background-size: 25px;
  background-image: url(../../Images/company_icon.svg);
}
.typeIcon.userGroupIcon {
  background-size: 25px;
  background-image: url(../../Images/user_group_white_24px.svg);
}
.typeIcon.commandIcon {
  background-size: 25px;
  background-image: url(../../Images/chat_bubble_outline-24px.svg);
}
.typeIcon.knownDamageIcon {
  background-size: 25px;
  background-image: url(../../Images/build-white-24dp.svg);
}
.typeIcon.serviceIcon {
  background-size: 25px;
  background-image: url(../../Images/list_icon.svg);
}
.typeIcon.report {
  background-size: 25px;
  background-image: url(../../Images/list_icon.svg);
}
.page-main-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 256px;
  bottom: 0;
  background-color: #FBFBFB;
  overflow: auto;
}
.page-main-content paper-toolbar {
  position: fixed;
  left: 256px;
  right: 0;
  z-index: 9;
}
.page-main-content.printable {
  left: 0;
  background-color: white;
}
.page-main-content.printable paper-toolbar {
  display: none;
}
.page-main-content.printable #RentalContent {
  top: 0;
  padding: 0;
  background-color: white;
}
.left-logo-background {
  background-image: url(../../Images/VersionSpecific/loginPageLogo.png?v=4.16) !important;
  background-position: 10% center !important;
  background-size: 48px !important;
  background-repeat: no-repeat !important;
}
body[version=sharefleet] .left-logo-background {
  background-image: url(../../Images/VersionSpecific/sharefleet-logo.png?v=1) !important;
}
body[version=seris] .left-logo-background {
  background-image: url(../../Images/VersionSpecific/logo512.png?v=1.2) !important;
}
.company-title {
  margin-left: 75px;
  color: #E65100;
  line-height: 22px;
  max-width: 145px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 19.64px;
  letter-spacing: 0.25px;
  font-weight: 500;
}
.company-title.online {
  max-width: 290px;
  position: absolute;
  left: 22px;
  margin-left: 0;
}
app-drawer {
  z-index: 9;
}
app-drawer paper-toolbar {
  background-color: white;
  height: 128px;
}
app-drawer paper-toolbar paper-icon-button {
  color: #212121;
}
app-drawer paper-toolbar paper-icon-button + span {
  color: #212121 !important;
  margin-left: 12px;
  font-size: 19.64px;
  line-height: 19.64px;
  font-weight: 500;
}
app-drawer paper-toolbar .toolbar-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 12px 5px 12px 12px;
}
app-drawer paper-toolbar .toolbar-background[slot=bottom] {
  border-top: 1px solid #EDEDED;
}
app-drawer #drawer {
  position: relative;
  height: 100%;
  height: calc(100% - 128px);
}
paper-toolbar span.title {
  margin-left: 15px !important;
  font-size: 16px!important;
  line-height: 20px!important;
}
@media only screen and (max-width: 640px) {
  paper-toolbar span.title {
    margin-left: 0 !important;
  }
}
paper-header-panel[main] {
  border-left: 1px solid lightgray;
}
paper-header-panel[main] #mainContainer > div {
  height: 90%;
  height: calc(100% - 70px);
}
paper-header-panel[main] #mainContainer > div .summaryDetails {
  height: 80%;
  height: calc(100% - 80px);
  word-break: break-word;
}
paper-toolbar {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
paper-toolbar .dark-theme {
  background-color: #E65100;
  color: white;
  fill: white;
  line-height: 100%;
}
#HistoryDate #ink.paper-icon-button {
  opacity: 1;
}
/*#additionalObjInfo .buttonstyle.flat:nth-child(2n) {
    color: @accentColorDark;
}*/
@media only screen and (max-width: 850px) {
  .open-drawer-icon {
    display: block!important;
  }
}
@media only screen and (max-width: 850px) {
  .close-drawer-icon {
    display: none!important;
  }
}
body.phone paper-drawer-panel[narrow] .open-drawer-icon {
  display: block!important;
}
.header {
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}
#progressDiv td:first-child {
  width: 30px;
  height: 30px;
}
#progressDiv #progressTitle {
  padding-left: 16px;
}
.instruction {
  font-size: 80%;
}
div.captchaRefresh {
  text-align: right;
}
div.changePassword {
  margin-left: 10px;
}
td.connectedTd .deviceSwitch.homeSwitch {
  margin: auto;
}
.placeholder {
  color: #aaa;
}
.shadow {
  -webkit-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
}
.list-shadow {
  -webkit-box-shadow: 0px 8px 8px -1px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px 8px 8px -1px rgba(50, 50, 50, 0.27);
  box-shadow: 0px 8px 8px -1px rgba(50, 50, 50, 0.27);
}
.shadow-light {
  -webkit-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
  box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
}
.shadow-small {
  -webkit-box-shadow: 0px -2px 8px 3px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px -2px 8px 3px rgba(50, 50, 50, 0.27);
  box-shadow: 0px -2px 8px 3px rgba(50, 50, 50, 0.27);
}
.shadow-bottom {
  -webkit-box-shadow: 0px 6px 8px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px 6px 8px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 0px 6px 8px 0px rgba(50, 50, 50, 0.27);
}
.toolbar-shadow {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.27), 0px 3px 1px -2px rgba(50, 50, 50, 0.27), 0px 1px 5px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.27), 0px 3px 1px -2px rgba(50, 50, 50, 0.27), 0px 1px 5px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.27), 0px 3px 1px -2px rgba(50, 50, 50, 0.27), 0px 1px 5px 0px rgba(50, 50, 50, 0.27);
}
.shadow-right {
  -webkit-box-shadow: 6px 0px 8px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 6px 0px 8px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 6px 0px 8px 0px rgba(50, 50, 50, 0.27);
}
.shadow-top {
  -webkit-box-shadow: 0px -6px 8px 0px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px -6px 8px 0px rgba(50, 50, 50, 0.27);
  box-shadow: 0px -6px 8px 0px rgba(50, 50, 50, 0.27);
}
#objInfoLine4-1Label,
#objInfoLine4-2Label,
#objInfoLine5-1Label,
#objInfoLine5-2Label {
  font-size: 95%;
  font-weight: bold;
}
#objPlace {
  font-size: 85%;
}
#objDateTime {
  /*font-size: 90%;*/
  font-size: 85%;
  position: absolute;
  left: 80px;
  right: 130px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
#objDateTime.online {
  font-size: 80%;
}
#objDateTime.noSpeed {
  right: 50px;
}
#historyToolsInfoChild #objDateTime {
  left: 50px;
  right: 140px;
}
#historyToolsInfoChild #objDateTime.noSpeed {
  left: 50px;
  right: 45px;
}
#centerButtonTd {
  cursor: pointer;
}
#centerButtonTd div {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: white;
  top: 10px;
  left: 10px;
}
#centerImg {
  border: none;
  margin: 0 28px;
}
#additionalInfooperationsLeft {
  display: none;
  margin-left: 107px;
}
/*****************************************/
.container.dark {
  background-color: white;
  color: black;
}
.smallDescription {
  font-size: 80%;
  color: darkgray;
}
#historyToolsInfoChild {
  margin: 5px 0 0px 0;
  padding-top: 8px;
  border-bottom: 1px solid #E0E0E0;
}
body.desktop #historyToolsInfoChild {
  cursor: pointer;
  padding-left: 5px;
  font-size: 140%;
}
#superContainer {
  position: fixed;
  left: 0;
  top: 56px;
  bottom: 0;
  /*padding-top: @tollbarHeight;*/
  width: 100%;
  /*height: 100%;*/
  overflow: auto;
  background-color: white;
  -webkit-overflow-scrolling: touch;
}
body.phone div.summaryDetails table tr td {
  padding: 2px;
}
#tab-1 {
  width: 100%;
}
body.phone a img {
  border: none;
}
body.phone div.posNameHistoryDiv,
body.phone div.recTimeHistoryDiv,
body.phone div.distanceHistoryDiv,
body.phone div.PointAddress {
  /*font-weight: bold;*/
  margin: 4px 0px 4px 6px;
  left: 60px;
  right: 44px;
  overflow: hidden;
  /*position: fixed;*/
}
body.phone div.posNameHistoryDiv.alarm {
  color: red;
}
body.phone div.recTimeHistoryDiv {
  position: absolute;
}
.datePicker {
  margin: 0px;
  text-align: center;
  cursor: auto;
}
.datePicker .popupContainer > div {
  width: 60%;
}
.datePicker .popupContainer > div select {
  width: 100%;
}
.datePicker .popupContainer > div input {
  width: 100%;
  width: calc(100% - 4px);
}
.datePicker .popupContainer {
  position: relative;
}
body.desktop .datePicker .popupContainer {
  min-height: 230px;
}
.datePicker .date-picker-input * {
  cursor: pointer;
  outline: none;
}
.datePicker .date-picker-input input {
  background-image: url(../../Images/arrow_drop_down_gray.svg) !important;
  background-position: 100% center!important;
  background-size: 24px!important;
  background-repeat: no-repeat !important;
}
.datePicker .dropdown-content {
  min-width: 110px;
}
.datePicker #datePickerDescriptionTd {
  text-align: left;
  padding: 20px 0!important;
  border: none;
}
.datePicker #datePickerIcon {
  position: absolute;
  left: 25px;
  top: 150px;
  color: #5a605a !important;
}
.datePicker #fromDayDiv {
  padding: 10px 10px 0 10px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  font-size: 80%;
  top: 120px;
  left: 70px;
  width: 110px;
}
.datePicker #toDayDiv {
  padding: 10px 10px 0 10px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  font-size: 80%;
  top: 120px;
  left: 240px;
  width: 110px;
}
.datePicker #DaysNumberDiv {
  padding: 10px 10px 0 10px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  font-size: 80%;
  top: 120px;
  left: 70px;
  width: 110px;
}
.datePicker #monthDiv {
  padding: 10px 10px 0 10px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  font-size: 80%;
  top: 120px;
  left: 70px;
  width: 110px;
}
.datePicker #monthDiv .dropdown-content {
  max-width: 300px!important;
}
.datePicker #yearDiv {
  padding: 10px 10px 0 10px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: absolute;
  font-size: 80%;
  top: 120px;
  left: 240px;
  width: 110px;
}
.datePicker #datePicerBottomLine {
  margin-left: 20px;
  margin-right: 20px;
  width: 400px;
  /* height: 1px; */
  border-top: 1px solid lightgray;
  bottom: 5px;
  position: absolute;
}
.datePicker.range #DaysNumberDiv,
.datePicker.days #monthDiv,
.datePicker.days #yearDiv,
.datePicker.range #monthDiv,
.datePicker.range #yearDiv {
  opacity: 0;
  -webkit-transform: scaleX(0) translateX(100%);
  -moz-transform: scaleX(0) translateX(100%);
  -o-transform: scaleX(0) translateX(100%);
  -ms-transform: scaleX(0) translateX(100%);
  transform: scaleX(0) translateX(100%);
}
.datePicker.days #fromDayDiv,
.datePicker.month #DaysNumberDiv,
.datePicker.month #fromDayDiv,
.datePicker.month #toDayDiv {
  opacity: 0;
  -webkit-transform: scaleX(0) translateX(-100%);
  -moz-transform: scaleX(0) translateX(-100%);
  -o-transform: scaleX(0) translateX(-100%);
  -ms-transform: scaleX(0) translateX(-100%);
  transform: scaleX(0) translateX(-100%);
}
.datePicker #datePickerPopupHeader {
  padding: 0 10px;
}
body.phone .datePicker p {
  margin: auto;
}
.phonePickerMainselection {
  margin-bottom: 15px;
}
#bottomToolsInfo {
  margin-right: 2px;
  height: 50px;
  width: 50px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 5px;
  text-align: center;
  min-width: 20px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#bottomToolsInfo iron-icon {
  fill: gray;
  color: gray;
}
body.phone.History #bottomToolsInfo {
  margin-right: 0;
  height: auto;
  width: auto;
  padding-bottom: 5px;
}
#bottomToolsInfo.collapse {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.topElement {
  padding-top: 56px;
}
.changephone input {
  width: 220px;
}
#loaderDivImage {
  margin: 10px auto;
}
#alertDiv {
  position: fixed;
}
#lightAlertDiv {
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
  width: 300px;
  z-index: 100;
  padding: 10px;
  background-color: #E5E5E5;
  color: #212121;
  font-size: 90%;
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
td.disabled {
  color: #727272;
}
.validation-summary-errors {
  color: red;
  font-size: 70%;
  max-width: 90%;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 20px;
}
.validation-summary-errors[type=info] {
  color: #212121;
}
.validation-summary-errors ul {
  padding: 0;
  list-style-type: none;
}
.field-validation-valid {
  display: none;
}
.validation-summary-valid {
  display: none;
}
.field-validation-error {
  color: Red;
  font-size: 70%;
  max-width: 180px;
}
#CaptchaInputText + span.field-validation-error {
  white-space: nowrap;
}
.textAlignCenter {
  text-align: center;
}
.right {
  float: right;
}
.left {
  float: left;
}
.bold {
  font-weight: bold;
}
.bottomMargin {
  margin-bottom: 10px;
}
.rightMargin {
  margin-right: 10px;
}
.displayNone {
  display: none;
}
.hiddenEl {
  display: none;
}
.centerVInParent,
div.centerVInParent {
  position: relative !important;
  top: 50% !important;
  -moz-transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -o-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
}
.centerHInParent {
  position: relative !important;
  left: 50% !important;
  -moz-transform: translate(-50%, 0) !important;
  -ms-transform: translate(-50%, 0) !important;
  -o-transform: translate(-50%, 0) !important;
  -webkit-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
}
.centerInParent {
  position: relative !important;
  top: 50% !important;
  left: 50% !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.centerVerticalAbsoluteInParent {
  position: absolute!important;
  top: 50%!important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  margin-top: 0!important;
  margin-bottom: 0!important;
}
/*do chowania całych kontenerów, które zajmują całą stronę*/
.hiddenContainer {
  -moz-transform: translate(-100%, 0) !important;
  -ms-transform: translate(-100%, 0) !important;
  -o-transform: translate(-100%, 0) !important;
  -webkit-transform: translate(-100%, 0) !important;
  transform: translate(-100%, 0) !important;
  /*height: 0 !important;
    width: 0 !important;*/
  /*left: -1680px;*/
  /*left: -20000px;*/
  /*visibility: hidden;*/
  /*display: none !important;*/
  /*position: absolute !important; 
    overflow: hidden !important; 
    clip: rect(0 0 0 0) !important; 
    height: 1px !important; 
    width: 1px !important; 
    margin: -1px !important; 
    padding: 0 !important; 
    border: 0 !important;*/
}
.hiddenLeftContainer {
  -moz-transform: translate(-100%, 0) !important;
  -ms-transform: translate(-100%, 0) !important;
  -o-transform: translate(-100%, 0) !important;
  -webkit-transform: translate(-100%, 0) !important;
  transform: translate(-100%, 0) !important;
  /*height: 0 !important;
    width: 0 !important;*/
  /*left: -1680px;*/
  /*left: -20000px;*/
  /*visibility: hidden;*/
  /*display: none !important;*/
  /*position: absolute !important; 
    overflow: hidden !important; 
    clip: rect(0 0 0 0) !important; 
    height: 1px !important; 
    width: 1px !important; 
    margin: -1px !important; 
    padding: 0 !important; 
    border: 0 !important;*/
}
.hiddenDown {
  -moz-transform: translate(0, 100%) !important;
  -ms-transform: translate(0, 100%) !important;
  -o-transform: translate(0, 100%) !important;
  -webkit-transform: translate(0, 100%) !important;
  transform: translate(0, 100%) !important;
}
.container.collapsed {
  -moz-transform: translate(0, calc(100% - 42px)) !important;
  -ms-transform: translate(0, calc(100% - 42px)) !important;
  -o-transform: translate(0, calc(100% - 42px)) !important;
  -webkit-transform: translate(0, calc(100% - 42px)) !important;
  transform: translate(0, calc(100% - 42px)) !important;
}
.mainHiddenDown {
  -moz-transform: translate(0, calc(100% - 41px)) !important;
  -ms-transform: translate(0, calc(100% - 41px)) !important;
  -o-transform: translate(0, calc(100% - 41px)) !important;
  -webkit-transform: translate(0, calc(100% - 41px)) !important;
  transform: translate(0, calc(100% - 41px)) !important;
}
.smallComboBox {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: lightgray;
  padding: 6px 18px 6px 7px;
  margin: 6px 0px 5px 0px;
  color: #212121;
  cursor: pointer;
  font-size: 80%;
  white-space: nowrap;
}
body.phone .smallComboBox {
  bottom: 18px;
}
.switch {
  cursor: pointer;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 60px;
  height: 20px;
  background-color: lightgray;
}
.switch.homeSwitch {
  margin: auto;
}
.notActive {
  cursor: default !important;
}
.notActive:active {
  background-color: transparent !important;
}
.label {
  margin: 10px 0px 5px 0px;
  font-size: 90%;
  color: #666666;
  letter-spacing: 0.4px;
}
.label.light {
  color: #7A7A7A;
}
.add-button,
.add-button-pointgroup {
  height: 56px;
  width: 56px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  z-index: 1099;
  overflow: hidden;
  right: 20px;
  cursor: pointer;
  position: fixed;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: #2196F3;
  background-image: url("../../Images/add_icon.svg");
  top: 28px;
  filter: alpha(opacity=60);
  background-size: 28px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  #tools.high ~ .add-button {
    top: 100px;
  }
}
body.phone .add-button.touchdevice {
  top: inherit;
  /*bottom: 120px;*/
  top: 30px;
}
.add-button:active {
  background-color: #0b76cc;
}
.add-button.active {
  background-color: #2196F3;
}
.add-button.following {
  background-color: #474747;
  opacity: 0.65;
}
.add-button img {
  padding-top: 0;
  max-width: 25px;
}
.add-button-pointgroup {
  color: #898989;
  background-color: transparent;
  position: absolute;
  right: 55px;
  width: 40px;
  height: 40px;
  top: 9px;
}
div.container {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.container.full-screen {
  left: 0!important;
}
paper-tab:not(.iron-selected) > .tab-content.paper-tab {
  opacity: 0.7;
}
#noInternetInfo {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: #2196F3;
  color: white;
  padding: 4px 5px;
  text-align: center;
  font-size: 12px;
  /*opacity: 0.8;*/
  z-index: 99999998;
  /*.transition(all, 1s);*/
}
paper-toast {
  background-color: #2196F3;
  color: white;
  z-index: 20008 !important;
}
body.unresolved paper-toast {
  display: none;
}
.colorAccent {
  color: #2196F3;
}
img#menuMoreDesktopIcon {
  width: 30px;
  height: 30px;
  margin-top: 7px;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
img#menuMoreDesktopIcon:hover {
  background-color: #F1F3F5;
}
img#menuMoreDesktopIcon:active {
  background-color: #cacaca;
}
.red-text-color {
  color: #F44336;
}
.yellow-text-color {
  color: #fbc02d;
}
#unconfirmedAlarmCount {
  display: none;
  min-width: 20px;
  height: 22px;
  background-color: #2196F3;
  color: white;
  position: absolute;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  line-height: 22px;
  font-weight: normal;
  font-size: 13px;
  margin-top: 3px;
  padding-left: 1px;
  padding-right: 1px;
  top: 6px;
  right: 30px;
}
body.phone #unconfirmedAlarmCount {
  top: 10px;
}
@media only screen and (max-width: 360px) {
  #unconfirmedAlarmCount {
    right: 70px;
  }
}
paper-button.colorful {
  background: #2196F3;
  color: white;
}
body[data-browsername="Windows Phone"] #tools paper-icon-button paper-ripple {
  background-color: transparent!important;
  opacity: 1!important;
}
body[data-browsername="Windows Phone"] #tools paper-icon-button paper-ripple[animating] {
  opacity: 0.6 !important;
}
body.unresolved paper-icon-button {
  display: none;
}
.GaugeMeter {
  Position: Relative;
  Text-Align: Center;
  Overflow: Hidden;
  Cursor: Default;
}
.GaugeMeter SPAN,
.GaugeMeter B {
  Margin: 48px 25%;
  Width: 50%;
  Position: Absolute;
  Text-align: Center;
  Display: Inline-Block;
  Font-Weight: 100;
  Font-Family: "Open Sans", Arial;
  Overflow: Hidden;
  White-Space: NoWrap;
  Text-Overflow: Ellipsis;
  font-size: 48px!important;
  line-height: 48px!important;
  color: inherit!important;
}
.GaugeMeter[data-style="Semi"] B {
  Margin: 0 10%;
  Width: 80%;
}
.GaugeMeter S,
.GaugeMeter U {
  Text-Decoration: None;
  Font-Size: 0.49em;
  Opacity: 0.5;
}
.GaugeMeter B {
  Color: Black;
  Font-Weight: 300;
}
#drivingStyleValue {
  text-align: center;
  font-size: 48px;
  line-height: 56px;
}
#drivingStyleValue.red {
  color: #F44336;
}
#drivingStyleValue.yellow {
  color: #fbc02d;
}
#drivingStyleValue.green {
  color: #59CA10;
}
#innerAlertDiv {
  padding: 16px 16px 0 16px;
}
#innerAlertDiv.with-header {
  padding: 0 16px;
}
#innerAlertDiv.with-buttons {
  padding-bottom: 16px;
}
table.no-border {
  border-collapse: collapse;
}
table.no-border td {
  border: 0!important;
}
iron-overlay-backdrop.opened {
  background-color: #000 !important;
  opacity: 0.6;
}
#notificationsDiv table td {
  padding-bottom: 15px;
}
#notificationsDiv table td.main {
  font-size: 80%;
  font-weight: bold;
}
body.Notifications #saveNotificationsFab {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
body.Notifications .phoneSettingsPartView {
  padding-top: 0;
}
body.Notifications .label {
  color: #4A4A4A;
  height: 22px;
}
.rotate-left-animation {
  -webkit-animation: spin-left 2s linear infinite;
  -moz-animation: spin-left 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin-left 2s linear infinite;
}
@-moz-keyframes spin-left {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin-left {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-left {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.important-text {
  font-weight: 500;
  color: #212121;
}
paper-input[type=date],
input[type=date] {
  min-height: 10px;
  min-width: 95px;
}
body.phone paper-input[type=date],
body.phone input[type=date] {
  min-width: 100px;
}
#geometrySelectionPopup {
  margin-top: 20px;
}
.toggle-button {
  display: flex;
  margin-top: 15px;
  height: 26px;
  float: right;
}
.toggle-button .button-div {
  background-color: #F5F5F5;
  color: #9B9B9B;
  width: 34px;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.toggle-button .button-div.left {
  border-radius: 13px 0 0 13px;
}
.toggle-button .button-div.right {
  border-radius: 0 13px 13px 0;
}
.toggle-button .button-div.active {
  background-color: #E4EFFA;
  color: #E65100;
  background-color: #ffd1b8;
}
.toggle-button .button-div.span {
  padding-top: 5px;
}
.toggle-button .button-div.span > span {
  font-size: 13px;
  font-weight: 500;
}
.toggle-button .button-div iron-icon {
  width: 17px;
  padding: 0 5px;
}
paper-input.red {
  --primary-text-color: red;
}
#rentComments,
#comments,
#tachoDataList {
  font-size: 13px;
  line-height: 14px;
  height: 100px;
  padding: 12px;
  background-color: #f2f2f2;
  overflow-y: auto;
  margin-top: 1px;
  word-break: break-word;
}
#rentComments .comment-time,
#comments .comment-time,
#tachoDataList .comment-time {
  color: #2196F3;
  font-weight: 500;
  margin-right: 10px;
  font-size: 13px;
  white-space: nowrap !important;
}
#rentComments {
  color: #212121;
  height: 250px;
  width: 684px;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#rentComments.high {
  height: 400px;
}
#tachoDataList {
  font-size: 13px;
  max-width: 500px;
}
#tachoDataList td {
  height: auto!important;
}
#rentReportPopupTabs {
  line-height: 16px;
  margin-top: 20px;
}
#rentReportPopupTabs > paper-icon-button {
  display: none;
}
#RentReportPopupPages {
  min-width: 980px;
  min-height: 550px;
}
body.Shipments #RentReportPopupPages {
  min-width: 800px;
  min-height: 500px;
}
#RentReportPopupPages #PaymentDiv,
#RentReportPopupPages #UserFraudDiv,
#RentReportPopupPages #TakeLeavePlaceDiv {
  min-height: 318px;
  padding: 0 32px 16px 32px;
}
#RentReportPopupPages #PaymentDiv .header,
#RentReportPopupPages #UserFraudDiv .header,
#RentReportPopupPages #TakeLeavePlaceDiv .header {
  font-weight: 500;
  font-size: 15px;
}
#RentReportPopupPages #PaymentDiv .black,
#RentReportPopupPages #UserFraudDiv .black,
#RentReportPopupPages #TakeLeavePlaceDiv .black {
  color: #212121;
}
#RentReportPopupPages #PaymentDiv .gray,
#RentReportPopupPages #UserFraudDiv .gray,
#RentReportPopupPages #TakeLeavePlaceDiv .gray {
  color: gray;
}
#RentReportPopupPages #PaymentDiv > table,
#RentReportPopupPages #UserFraudDiv > table,
#RentReportPopupPages #TakeLeavePlaceDiv > table {
  width: 100%;
}
#RentReportPopupPages .ok {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
#RentReportPopupPages .rentActions {
  cursor: pointer;
}
#RentReportPopupPages .rentActions + table {
  max-width: 520px;
}
#RentReportPopupPages .rentActions td {
  max-width: 120px;
}
#RentReportPopupPages #rentComments > table td,
#RentReportPopupPages #tachoDataList > table td {
  padding: 0;
  vertical-align: top;
}
#RentReportPopupPages #rentComments span,
#RentReportPopupPages #tachoDataList span {
  font-size: 13px;
  white-space: normal;
}
#RentReportPopupPages paper-icon-button {
  color: #2196F3;
}
.copyUserAndRentData {
  color: #212121;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}
.rentPopupTable .copyUserAndRentData {
  right: auto;
  top: -7px;
}
#moreDesktopTable .copyUserAndRentData {
  display: none;
}
.rentPopupTable #copyTextarea,
#moreContainer #copyTextarea,
.rentPopupTable #copyInput,
#moreContainer #copyInput {
  opacity: 0;
  width: 1px;
  height: 1px;
}
.rentPopupTable {
  font-size: 70%;
  height: 470px;
  color: #212121;
  min-width: 800px;
  min-height: 475px;
}
.rentPopupTable#RentEvent {
  height: auto;
  min-height: auto;
}
body.Shipments .rentPopupTable {
  min-width: 800px;
  min-height: 500px;
}
.rentPopupTable table {
  border-collapse: collapse;
}
.rentPopupTable table td.rent-state {
  width: 349px !important;
}
.rentPopupTable td {
  border: 0 !important;
}
.rentPopupTable .okTd {
  padding-bottom: 0;
  padding-right: 0;
}
.rentPopupTable .rentActions {
  color: #E65100;
  filter: brightness(85%);
  text-align: center;
  font-size: 14px;
  line-height: 14px;
}
.rentPopupTable .rentActions td {
  width: 96px;
  cursor: pointer;
  font-size: 14px;
  text-align: center !important;
}
.rentPopupTable .rentActions iron-icon {
  margin-bottom: 5px;
}
.rentPopupTable .rentActions > table {
  display: inline-block;
}
.rentPopupTable .rentActions .gray {
  color: gray;
}
.rentPopupTable #turnOffDueToServiceCheckBox {
  color: #2196F3;
}
.rentPopupTable paper-button.ok {
  font-size: 14px;
  margin-right: 0;
}
.rentPopupTable .subheader {
  margin-left: 20px;
  font-weight: 500;
}
.rentPopupTable .label {
  font-size: 12px;
}
.rentPopupTable table.cost {
  min-width: 300px;
}
.rentPopupTable table.cost td {
  padding-left: 2px;
  padding-right: 2px;
  width: 33%;
}
.rentEventContainer {
  margin: 0px 22px;
}
.rentEventContainer > table {
  width: 100%;
  height: 100%;
}
.rentEventContainer .left-table {
  width: 433px;
  position: absolute;
  top: 10px;
  left: 0;
}
.rentEventContainer .left-table td {
  padding-right: 20px;
}
.rentEventContainer .left-table #popupEventImageDiv {
  max-width: 100%;
  height: 300px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 4px;
}
.rentEventContainer .left-table #popupEventImageDiv.no-photo {
  cursor: default;
}
.rentEventContainer .left-table #popupEventImageDiv img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.rentEventContainer .left-table #popupEventImageDiv.no-photo iron-icon {
  height: 184px;
  width: 100%;
  color: #f2f2f2;
}
.rentEventContainer .left-table #popupEventImageDiv img {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.rentEventContainer .left-table #popupEventImageDiv img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.rentEventContainer .left-table span.normal {
  font-size: 15px;
}
.rentEventContainer .left-table span.disabled {
  color: gray;
}
.rentEventContainer .left-table span.italic {
  font-style: italic;
}
.rentEventContainer .left-table span.error {
  color: #F44336;
}
.rentEventContainer .left-table span.objName {
  font-size: 19px;
  color: #c74600;
  float: left;
  font-weight: 500;
}
.rentEventContainer .left-table span.groupName {
  font-size: 19px;
  color: #a93b00;
  text-transform: uppercase;
  font-weight: 500;
}
.rentEventContainer .right-table {
  width: 433px;
}
.rentEventContainer .right-table td.checkbox-title {
  padding-bottom: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.rentEventContainer .right-table td.checkbox {
  padding-top: 6px;
  font-size: 16px;
}
.rentEventContainer .right-table td.checkbox paper-checkbox:first-child {
  width: 30%;
}
.rentEventContainer .right-table td.buttons {
  text-align: center;
}
.rentEventContainer .right-table td.buttons paper-button.color {
  color: #2196F3;
}
.rentEventContainer .right-table #newPopupEventComment {
  width: calc(100% - 60px);
  float: left;
}
.rentEventContainer .right-table #popupSendEventServiceComment {
  float: right;
  top: 3px;
}
.rentEventContainer .right-table #comments {
  height: 150px;
}
.rentEventContainer .right-table #comments.high {
  height: 270px;
}
#tachoTable paper-button {
  font-size: 16px;
  min-width: 150px;
}
#tachoTable .tachoCommand {
  font-size: 14px;
  font-weight: 500;
}
#tachoTable #tachoLoadingInProgress {
  color: gray;
  font-size: 14px;
  display: none;
}
#tachoTable .warning {
  color: #F44336;
}
#tachoTable iron-icon.warning {
  margin-right: 10px;
}
#sentGeoTable .sentGeoHeader {
  font-size: 14px;
  font-weight: 500;
}
#rentLogsContainer,
#userLogsContainer,
#objLogsContainer {
  margin-left: 18px;
  margin-right: 18px;
}
.rentUserContainer {
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 16px;
  /*.rentActions table {
        width: 100%;
    }*/
}
.rentUserContainer > table {
  width: 100%;
}
.rentUserContainer .rent-value {
  color: var(--base-color);
  filter: brightness(85%);
  font-weight: 500;
}
.rentUserContainer .rent-value.error {
  color: #F44336;
}
.rentUserContainer .rent-value.green {
  color: #4CAF50;
}
.rentUserContainer .rent-value.gray {
  color: #727272;
}
.rentUserContainer .rent-value.small {
  font-size: 14px;
}
.rentUserContainer .rent-value.drivingStyle {
  color: #eb6e00;
}
.rentUserContainer .rent-value.drivingStyle iron-icon {
  width: 17px;
  margin-bottom: 3px;
}
.rentUserContainer table.monthSummary {
  width: 100%;
  min-height: 200px;
}
.rentUserContainer table.monthSummary th {
  background-color: #D1D5F2;
}
.rentUserContainer table.monthSummary td {
  min-width: 70px;
  white-space: nowrap;
  background-color: #EDF0FD;
}
.rentUserContainer .rentActions {
  font-size: 14px;
}
.rentUserContainer .typeIcon {
  margin: 0;
}
.rentObjContainer {
  min-height: 475px;
}
.rentObjContainer .checkboxTd {
  padding-left: 22px;
  padding-right: 22px;
}
.rentObjContainer table {
  width: 100%;
}
.rentObjContainer .objMainData {
  font-weight: 500;
}
.rentObjContainer #objImageTd {
  width: 320px;
  min-height: 290px;
  padding-top: 16px;
  vertical-align: top;
}
.rentObjContainer #objImage {
  max-width: 100%;
  max-height: 100%;
  width: 280px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.rent-state.free {
  color: #59CA10;
}
.rent-state.free.orange_version {
  color: #212121;
}
.rent-state.reserved {
  color: #F57F17;
}
.rent-state.reserved.orange_version {
  font-weight: normal;
}
.rent-state.reserved.orange_version.private {
  color: #1590F9;
}
.rent-state.rented {
  color: #1565C0;
}
.rent-state.rented.orange_version {
  color: #F57F17;
  font-weight: 500;
}
.rent-state.rented.orange_version.private {
  color: #1590F9;
}
.rent-state.rented.esb.private {
  color: #F57C00;
}
.rent-state.inactive,
.rent-state span.inactive {
  color: gray;
}
.rent-state.error {
  color: #F44336;
}
#RentReportPopupPages .rent-value {
  color: var(--base-color);
  filter: brightness(85%);
  font-size: 17px;
  font-weight: 500;
}
#RentReportPopupPages .rent-value.error {
  color: #F44336;
}
#RentReportPopupPages .rent-value.green {
  color: #4CAF50;
}
#RentReportPopupPages .rent-value.gray {
  color: #727272;
}
.rentContainer {
  width: 100%;
  background-color: #F8F8F8;
}
paper-dialog .rentContainer .hide-in-popup {
  display: none;
}
.rentContainer .only-in-popup {
  display: none;
}
paper-dialog .rentContainer .only-in-popup {
  display: block;
}
paper-dialog .rentContainer .popup-wide {
  min-width: 570px;
}
.rentContainer .nowrap {
  white-space: nowrap;
}
.rentContainer table {
  min-width: 330px;
}
.rentContainer table.no-valid-rent {
  margin-top: 7px;
}
paper-dialog .rentContainer table.no-valid-rent {
  margin-left: 8px;
}
.rentContainer table .rent-state {
  font-size: 19px;
  line-height: 20px;
}
.rentContainer table .user-name {
  font-size: 18px;
  font-weight: 500;
}
.rentContainer table .rent-value {
  color: var(--base-color);
  filter: brightness(85%);
  font-size: 18px;
  font-weight: 500;
}
.rentContainer table .label.light {
  font-size: 13px;
}
@media only screen and (min-width: 865px) {
  .rentContainer table .label.light {
    white-space: nowrap;
  }
}
.rentContainer table .rent-desc {
  padding-top: 7px;
  font-size: 14px;
}
.rentContainer table td:not(.no-padding) {
  padding: 3px 10px !important;
  /*&.rent-desc {
                padding-top: 10px !important;
            }*/
}
@media only screen and (max-width: 836px) {
  .rentContainer table td:not(.no-padding) {
    padding: 3px 5px !important;
  }
}
.rentContainer table td.rent-value {
  padding-right: 22px !important;
}
@media only screen and (min-width: 865px) {
  .rentContainer table td.rent-value {
    white-space: nowrap;
  }
}
.rentContainer table iron-icon.gray {
  color: gray;
  padding: 0 12px;
}
.rentContainer table paper-icon-button.phone {
  color: #59CA10;
  margin-left: 8px;
}
.rentContainer .rentButtonTd {
  position: relative;
  vertical-align: top;
}
.rentContainer paper-button {
  background-color: #2196F3;
  color: white;
}
.rentContainer .input-state-icon {
  width: 19px;
  height: 19px;
  margin-right: 8px;
}
.rentContainer .input-state-icon.bigger {
  width: 21px;
  height: 21px;
}
#newShipmentComment {
  width: calc(100% - 40px - 10px);
  display: inline-block;
}
div.hr {
  display: block;
  height: 1px;
  border-top: 1px solid #EDEDED;
  margin: 0.5em 0;
}
#reservations {
  min-height: 450px;
}
#reservations ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#reservations ul li {
  display: inline-block;
  position: relative;
  width: 403px;
  margin: 11px;
}
#reservations .reservation {
  min-height: 150px;
  border-radius: 18px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 3px 1px -2px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 3px 1px -2px rgba(50, 50, 50, 0.5);
  border: 1px solid #e0e0e08c !important;
}
#reservations .reservation table {
  width: 100%;
}
#reservations .reservation .h5 {
  font-size: 23.56px;
  line-height: 35px;
}
#reservations .reservation .b2 {
  font-size: 13.75px;
  color: #727272;
}
#reservations .reservation td.button {
  padding: 3px;
}
#reservations .reservation td.typeIconTd {
  vertical-align: top;
}
#reservations .reservation td.text {
  min-height: 80px;
  vertical-align: top;
}
#reservations .reservation paper-button.small {
  font-size: 14px;
  font-weight: 500;
  color: #E65100;
}
.user-select-text {
  user-select: text;
}
#aboutPopupTempl {
  padding: 16px;
}
.module-needed {
  display: inline-block;
  text-transform: uppercase;
  color: white;
  background-color: #2196F3;
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 12px;
  font-weight: 400;
}
#History .module-needed {
  margin-left: 9px;
}
.module-needed.hidden {
  display: none;
}
/*div.MuiDialog-root[role=presentation] {
    z-index: 20007 !important;
}
div.MuiAutocomplete-popper[role=presentation] {
    z-index: 20008 !important;
}*/
paper-icon-button.copytTextToClipboard {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 3px;
}
#tabs.desktop {
  width: 375px;
}
@media only screen and (min-width: 90.063em) {
  #tabs.desktop {
    width: 470px !important;
  }
}
.jqx-grid-column-header,
.jqx-grid-columngroup-header {
  height: auto!important;
  position: absolute!important;
  top: 50%!important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.jqx-grid-column-header > div > div {
  padding-bottom: 0!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-column-header,
.jqx-widget .jqx-grid-group-cell {
  border-color: transparent !important;
}
.jqx-widget-header {
  background: white !important;
  border-bottom: none !important;
  border-top: none !important;
  font-size: 11.78px;
  letter-spacing: 0.4px;
}
.jqx-grid-cell-filter-row {
  border: 0!important;
  height: 22px!important;
}
.jqx-grid-column-header:not(.sortdesc) div:not(.jqx-grid-column-sortdescbutton):not(.sortdesc),
.jqx-grid-cell-right-align {
  padding-right: 5px;
}
.jqx-grid-column-header .jqx-checkbox-default div {
  padding-right: 0!important;
}
.jqx-grid-header {
  height: 61px !important;
}
#History-recs .jqx-grid-header {
  height: 32px !important;
}
.jqx-grid-header {
  height: 61px !important;
}
#RefuelingsTable .jqx-grid-header {
  height: 20px !important;
  border-bottom: 0 !important;
}
.iconscontainer {
  height: auto !important;
  position: absolute!important;
  top: 50%!important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.jqx-grid-cell-filter-row input,
.jqx-grid-cell-filter-row .jqx-input {
  margin: 1px !important;
  border: 0;
  padding-top: 1px !important;
}
.jqx-grid-cell-filter-row input::-webkit-input-placeholder,
.jqx-grid-cell-filter-row .jqx-input::-webkit-input-placeholder {
  font-style: italic;
  color: #9e9e9e;
}
.jqx-grid-cell-filter-row input:-moz-placeholder,
.jqx-grid-cell-filter-row .jqx-input:-moz-placeholder {
  font-style: italic;
  color: #9e9e9e;
}
.jqx-grid-cell-filter-row input::-moz-placeholder,
.jqx-grid-cell-filter-row .jqx-input::-moz-placeholder {
  font-style: italic;
  color: #9e9e9e;
}
.jqx-grid-cell-filter-row input:-ms-input-placeholder,
.jqx-grid-cell-filter-row .jqx-input:-ms-input-placeholder {
  font-style: italic;
  color: #9e9e9e;
}
.jqx-grid-cell-filter-row .jqx-action-button {
  border-left: 0 !important;
  background-color: #dcdbdb;
  margin-top: -4px !important;
}
.jqx-grid-cell-filter-row .filter.jqx-dropdownlist-state-normal {
  height: 20px !important;
  margin-top: 1px !important;
}
.jqx-grid-cell-filter-row .filter.jqx-dropdownlist-state-normal .jqx-icon-arrow-down.jqx-icon {
  height: 13px !important;
}
.jqx-fill-state-normal.jqx-dropdownlist-state-normal {
  background-color: #efefef !important;
}
.jqx-grid-cell-filter-row .jqx-fill-state-normal.jqx-dropdownlist-state-normal {
  background-color: lightgray !important;
}
.jqx-fill-state-hover {
  background-color: #EEEEEE !important;
}
.jqx-fill-state-pressed,
.jqx-grid-cell-selected {
  background-color: #F5F5F5 !important;
}
.jqx-fill-state-hover.jqx-scrollbar-thumb-state-normal,
.jqx-fill-state-hover.jqx-button {
  background-color: #bbbbbb !important;
}
.jqx-fill-state-pressed.jqx-scrollbar-thumb-state-normal,
.jqx-fill-state-pressed.jqx-button {
  background-color: #bbbbbb !important;
}
.jqx-dropdownlist-content.jqx-disableselect {
  color: #3E3E3E !important;
  /*height: 21px !important;*/
}
.jqx-grid-cell-filter-row .jqx-dropdownlist-content.jqx-disableselect {
  margin-top: 2px !important;
  color: #9c9c9c !important;
}
.jqx-grid-cell-filter-row .jqx-dropdownlist-content.jqx-disableselect span {
  top: 0px!important;
}
.jqx-grid-cell.jqx-grid-cell-pinned.jqx-grid-cell-filter-row {
  top: 1px;
}
.filtericon {
  display: none !important;
}
.jqx-grid-cell-filter-row input {
  max-height: 22px !important;
  border-radius: 3px;
}
.jqx-widget-header.jqx-grid-header {
  border-bottom: 1px solid #E0E0E0 !important;
}
.jqx-grid-column-sortdescbutton.jqx-icon-arrow-down:not(.jqx-reset) {
  background-image: url(../../Images/arrow_down.svg) !important;
  background-size: 18px;
  position: absolute;
  right: -2px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.jqx-icon-arrow-up:not(.jqx-reset) {
  background-image: url(../../Images/arrow_down.svg) !important;
  background-size: 18px;
  position: absolute;
  right: -4px;
}
.jqx-grid-cell-pinned {
  background-color: white !important;
}
.jqx-grid-cell-pinned:not(.jqx-grid-cell-filter-row):not(.jqx-grid-group-collapse):not(.jqx-grid-group-expand) {
  display: none;
}
.jqx-grid-cell-pinned.jqx-grid-group-collapse,
.jqx-grid-cell-pinned.jqx-grid-group-expand {
  cursor: pointer!important;
}
.jqx-rc-b-expanded,
.jqx-fill-state-normal {
  border-color: transparent !important;
  margin-top: 1px !important;
  background-color: lightgray !important;
  border-bottom: none;
}
.jqx-rc-b-expanded.jqx-scrollbar-thumb-state-normal-horizontal.jqx-scrollbar-thumb-state-hover-horizontal,
.jqx-fill-state-normal.jqx-scrollbar-thumb-state-normal-horizontal.jqx-scrollbar-thumb-state-hover-horizontal {
  background-color: #b1b0b0 !important;
}
.jqx-rc-b-expanded .jqx-dropdownlist-content,
.jqx-fill-state-normal .jqx-dropdownlist-content {
  color: #9c9c9c;
}
.jqx-widget-content:not(.jqx-calendar-month-container):not(.jqx-popup) {
  border-color: white!important;
  font-family: 'Roboto', "Tahoma", "sans-serif", Arial, Helvetica, Sans-Serif !important;
}
.jqx-widget-content[role="rowgroup"] {
  overflow: auto!important;
  max-width: 100%;
}
.jqx-input {
  background-color: #dcdbdb !important;
  padding-left: 5px;
}
.jqx-input.jqx-fill-state-focus {
  background-color: #d1d1d1 !important;
}
.jqx-input-content {
  background-color: transparent!important;
}
.grid-buttonstyle {
  color: #2196F3;
  cursor: pointer;
  text-align: center;
  line-height: 200%;
}
.jqx-grid-column-header {
  color: #9B9B9B !important;
}
.jqx-grid-column-header div[role=checkbox] {
  margin-top: 0px !important;
}
.jqx-grid-column-header:hover,
.jqx-grid-column-header:hover * {
  font-weight: 500;
  cursor: pointer !important;
  color: #848383 !important;
}
.jqx-grid-column-header div {
  line-height: initial !important;
}
.jqx-grid-column-header span {
  white-space: normal;
  line-height: initial !important;
}
.no-row-lines .jqx-grid-cell {
  border: none !important;
}
.jqx-grid-cell {
  color: #3E3E3E !important;
  font-size: 13.75px;
  letter-spacing: 0.25px;
  /*&.gray-background, &.gray-background div {
        background-color: #F5F5F5 !important;
    }*/
}
[role=row] .jqx-grid-cell {
  border-color: #E0E0E0 !important;
}
.jqx-grid:not(.jqx-scheduler) [role=row] .jqx-grid-cell {
  border-width: 0 0px 1px 0 !important;
}
.jqx-grid-cell a {
  cursor: pointer;
}
.jqx-grid-cell.main-column {
  color: #212121 !important;
  font-weight: 500;
  font-size: 13.75px;
  letter-spacing: 0.1px;
}
.jqx-grid-cell.read-in-progress {
  background-color: #d4ebfd !important;
}
.jqx-grid-cell.private-activity {
  color: #F57C00 !important;
}
.jqx-grid-cell.buisness-activity {
  color: #1E88E5 !important;
}
.jqx-grid-cell.blue-text,
.jqx-grid-cell.blue-text a,
.jqx-grid-cell div.blue-text {
  color: #0D47A1 !important;
}
.jqx-grid-cell.gray,
.jqx-grid-cell.gray div,
.jqx-grid-cell .gray,
.jqx-grid-cell .gray div {
  color: #6C6C6C;
}
.jqx-grid-cell.orange,
.jqx-grid-cell .orange,
.jqx-grid-cell .orange iron-icon {
  color: #FF7A00 !important;
}
.jqx-grid-cell.warning,
.jqx-grid-cell .warning,
.jqx-grid-cell .warning iron-icon {
  color: #fbc02d !important;
}
.jqx-grid-cell.red-text,
.jqx-grid-cell.red-text a,
.jqx-grid-cell div.red-text {
  color: #F44336 !important;
}
.jqx-grid-cell div.shipment-div {
  text-align: center;
}
.jqx-grid-cell div.shipment-div div.shipment {
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 1px 2px;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.jqx-grid-cell div.shipment-div div.shipment.new {
  color: white;
  background-color: #F26D4D;
}
.jqx-grid-cell div.shipment-div div.shipment.inprogress {
  color: #1976D2;
  background-color: #dfedfb;
}
.jqx-grid-cell div.shipment-div div.shipment.done {
  color: #066a0c;
  background-color: #D6F5B6;
}
.jqx-grid-cell div.shipment-div div.shipment.partiallydone {
  color: #d24c19;
  background-color: #fbf0df;
}
.jqx-grid-cell .objSeviceDivInner {
  display: inline-block;
  margin-top: 13px;
}
.jqx-grid-cell .objSeviceDiv,
.jqx-grid-cell .refuelinRowsDiv {
  margin-top: 13px !important;
  cursor: pointer;
}
.jqx-grid-cell .objSeviceDiv.expanded iron-icon.chevron,
.jqx-grid-cell .refuelinRowsDiv.expanded iron-icon.chevron {
  transform: rotate(270deg);
}
.jqx-grid-cell .objSeviceDiv {
  height: 100%;
  margin-top: 0 !important;
}
.jqx-grid-cell .objSeviceDiv:hover {
  background-color: #E0E0E0 !important;
}
.jqx-grid-cell.crossed {
  text-decoration: line-through;
}
.jqx-grid-cell.charging {
  background-image: url(../../Images/battery_charging_60.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.jqx-grid-cell.charging div {
  margin-right: 16px !important;
}
.jqx-grid-cell.bold {
  font-weight: 500;
  font-size: 13.75px;
  letter-spacing: 0.1px;
}
.jqx-grid-cell.selected {
  background-color: lightgray !important;
}
.jqx-grid-cell.with-icon div {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 33px;
  min-height: 33px;
  min-width: 33px;
  margin-top: 0 !important;
  padding-top: 17px !important;
}
.jqx-grid-cell div.with-icon-button {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 33px;
  min-height: 33px;
  min-width: 33px;
  margin-top: 0 !important;
  padding-top: 3px !important;
}
.jqx-grid-cell div.with-icon-button iron-icon.base-color,
.jqx-grid-cell div.with-icon-button paper-icon-button.base-color {
  color: #E65100;
}
.jqx-grid-cell div.with-icon-button iron-icon.gray,
.jqx-grid-cell div.with-icon-button paper-icon-button.gray {
  color: #757575;
}
.jqx-grid-cell div.with-small-right-icon-button span {
  padding-right: 12px;
}
.jqx-grid-cell div.with-small-right-icon-button iron-icon,
.jqx-grid-cell div.with-small-right-icon-button paper-icon-button {
  position: absolute;
  width: 34px;
  right: 0;
  top: 2px;
}
.jqx-grid-cell div.loadingbox {
  margin-top: 13px;
}
.jqx-grid-cell.without-icon div {
  padding-left: 13px;
  background-image: none !important;
}
.jqx-grid-cell.checkbox div {
  font-size: 130%;
  line-height: 80%;
  text-align: center;
  padding-right: 20%;
  padding-top: 2px;
}
.jqx-grid-cell.paper-icon-checkbox div {
  margin-top: 5px !important;
  color: #2196F3 !important;
}
.jqx-grid-cell.checkbox.checked div {
  color: #2196F3 !important;
}
.jqx-grid-cell.employee-checkbox paper-checkbox {
  margin: 16px;
}
.jqx-grid-cell iron-icon.edit {
  color: #757575;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  cursor: pointer;
}
.jqx-grid-cell.editable.unassigned {
  color: #939393 !important;
  cursor: default;
}
.jqx-grid-cell.editable.unassigned div,
.jqx-grid-cell.editable.unassigned span {
  cursor: pointer;
  display: inline-block;
}
.jqx-grid-cell.editable.assigned {
  cursor: default;
}
.jqx-grid-cell.editable.assigned span {
  right: 30px;
  left: 0;
  position: absolute;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.jqx-grid-cell.editable.assigned iron-icon {
  color: #757575;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  float: right;
  cursor: pointer;
}
.jqx-grid-cell.ranking-place div {
  color: #3e74b3;
  font-size: 130%;
  font-weight: bold;
}
.jqx-grid-cell.cost div {
  font-weight: 500;
}
.jqx-grid-cell.bolder div {
  font-weight: 500;
  font-size: 13.75px;
  letter-spacing: 0.1px;
}
.jqx-grid-cell.gray-background {
  background-color: #F5F5F5;
}
.jqx-grid-cell.multiline {
  margin-bottom: 0;
}
.jqx-grid-cell.multiline div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0 !important;
  white-space: normal;
  padding-bottom: 0;
  padding-top: 1px;
}
.jqx-grid-cell.current-fuel-cost,
.jqx-grid-cell.current-fuel-cost div {
  font-weight: 600;
}
.jqx-grid-cell.rental-alerts-icons div {
  margin-top: 10px !important;
}
.jqx-grid-cell.rental-alerts-icons div.small {
  margin-top: 5px !important;
}
.jqx-grid-cell.rental-alerts-icons div img {
  cursor: pointer;
}
.jqx-grid-cell.rental-alerts-icons div table {
  border-collapse: collapse;
}
.jqx-grid-cell.rental-alerts-icons div table td {
  padding: 0;
  text-align: center;
}
.jqx-grid-cell.rental-alerts-icons div table td.left {
  text-align: left;
}
.jqx-grid-cell.rental-alerts-icons div table.small img {
  width: 18px;
  height: 18px;
}
.jqx-grid-cell.rental-alerts-icons div table:not(.very-small):not(.very-small) img {
  padding-right: 6px;
}
.jqx-grid-cell.rental-alerts-icons div table:not(.very-small) img {
  padding-right: 2px;
}
.jqx-grid-cell.lightgray div {
  color: #bfbfbf;
}
.jqx-grid-cell.link-text div {
  color: blue !important;
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
}
.jqx-grid-cell.link-text .button {
  margin-top: 10px !important;
  margin-left: 0px !important;
  text-decoration: none;
}
.jqx-grid-cell div.white {
  color: white;
}
.jqx-grid-cell.percent-star > div {
  margin-top: 14px !important;
  color: #eb6e00;
  fill: #eb6e00;
  font-size: 130%;
  line-height: 130%;
}
.jqx-grid-cell.percent-star > div iron-icon {
  margin-bottom: 4px;
  width: 18px;
  height: 18px;
}
.jqx-grid-cell.percent-star > div iron-icon.gray {
  fill: lightgray;
}
.jqx-grid-cell.pointer {
  cursor: pointer;
}
.jqx-grid-cell.history paper-icon-button {
  color: gray;
}
.jqx-grid-cell.percent-bar > div {
  width: 90%;
}
.jqx-grid-cell.percent-bar > div > div {
  background-image: linear-gradient(#eb6e00, #eb6e00), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding-left: 3px;
}
.jqx-grid-cell.cursor-default {
  cursor: default;
}
.objServiceInactivityIconInfo {
  width: 18px;
  margin-left: 5px;
  color: gray;
}
.objServiceSettingsIcon,
.chevron {
  width: 18px;
  margin-left: 8px;
  margin-right: 8px;
  color: gray;
}
.chevron {
  width: 22px;
  transform: rotate(90deg);
}
.jqx-fill-state-focus {
  border-color: gray !important;
}
.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-hover,
.jqx-scrollbar-thumb-state-pressed,
.jqx-fill-state-hover,
.jqx-fill-state-pressed,
.jqx-fill-state-focus {
  border-color: transparent!important;
}
.jqx-popup {
  border-color: #EAEAEA !important;
}
body.smt-open .mask {
  z-index: 8999;
}
.jqx-widget .jqx-grid-column-menubutton,
.jqx-widget .jqx-grid-column-sortascbutton,
.jqx-widget .jqx-grid-column-sortdescbutton,
.jqx-widget .jqx-grid-column-filterbutton {
  border-color: white!important;
}
.jqx-widget .jqx-grid-column-menubutton {
  height: 14px!important;
}
.jqx-scrollbar-state-normal {
  background: white !important;
}
.jqx-data-table.loading > div:nth-child(1) {
  width: 100%!important;
  height: 100%!important;
}
.jqx-data-table.loading div.jqx-grid-pager {
  display: none;
}
.jqx-calendar-cell-today {
  background-color: #9fd1fa !important;
  border: 1px solid #2196F3 !important;
}
.jqx-menu-vertical {
  background: white!important;
  border-color: lightgray!important;
}
.jqx-menu-wrapper {
  outline: none;
}
.jqx-enableselect.jqx-widget-content.selected {
  background-color: #d4ebfd !important;
}
.checkboxTable div[role=row] {
  cursor: pointer;
}
.checkboxTable .jqx-grid-header .jqx-checkbox-default {
  display: none;
}
.checkboxTable .jqx-grid-cell-selected .jqx-checkbox-default {
  background: transparent !important;
}
.checkboxTable .jqx-checkbox-default {
  border: 1px solid lightgray !important;
}
.jqx-grid-column-header .checkboxTable .jqx-checkbox-default {
  border: 1px solid white !important;
}
.checkboxTable div[role=gridcell].jqx-fill-state-pressed {
  background-color: white;
}
.checkboxTable .jqx-grid-cell-selected,
.checkboxTable .main-column.jqx-grid-cell-selected {
  color: #2196F3 !important;
  font-weight: bold;
}
.checkboxTable .jqx-grid-cell-selected .jqx-checkbox-default span.jqx-checkbox-check-checked {
  background-color: #2196F3;
  background-image: url(../../Images/checkbox_transparent.png);
  background-size: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.jqx-grid-empty-cell span {
  color: #9b9b9b;
  font-size: 12px;
}
.jqx-summary-value {
  margin-right: 80px;
  float: right;
  margin-left: 0px;
  font-size: 13px;
  font-weight: 500;
}
.jqx-grid-load:not(#spinnerBackground) {
  width: 16px !important;
  height: 16px !important;
  background-size: contain;
}
.jqx-grid-load:not(#spinnerBackground) + span {
  margin-top: 2px!important;
}
.xls-button {
  font-weight: 500;
  color: #E65100;
}
.service-order-status {
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  width: 70%;
  height: 24px;
  line-height: 24px;
}
.service-order-status-orange {
  background: #F8E8E7;
  color: #F26D4D;
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  width: 70%;
  height: 24px;
  line-height: 24px;
}
.service-order-status-blue {
  background: #B6E5F5;
  color: #31768A;
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  width: 70%;
  height: 24px;
  line-height: 24px;
}
.main-name-column {
  font-family: 'Google Sans', Roboto, Arial;
  font-style: normal;
  font-weight: 600 !important;
}
.text-wrapped > div {
  white-space: normal;
  word-break: break-word;
  margin-top: 0 !important;
  min-height: 100%;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text13 > div {
  font-size: 13px;
}
.real-bold {
  font-weight: bold;
}
.main-name-column-500 {
  font-family: 'Google Sans', Roboto, Arial;
  font-style: normal;
  font-weight: 500 !important;
}
.uppercase-column {
  text-transform: uppercase;
}
.center-vertically {
  margin-top: 0 !important;
  position: absolute;
  top: calc(50% + 1px);
  transform: translate(0, -50%);
  padding-bottom: 0;
}
.rowDetailsTable .description {
  white-space: break-spaces;
  max-width: 500px;
}
.start-stop {
  background-repeat: no-repeat;
  background-position: -13px 50%;
  background-size: 35px;
  padding-left: 14px;
}
.start-stop.business {
  background-image: url(../../Images/linearscale-business.svg);
}
.start-stop.private {
  background-image: url(../../Images/linearscale-private.svg);
}
.start-stop.empty {
  background-image: none;
}
.cell-center-vert {
  left: 0;
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
  margin: 0;
  margin-top: 0 !important;
  max-width: 99%;
  max-width: calc(100% - 18px);
}
.jqx-grid-cell-left-align.cell-center-vert.margin-top-zero-important {
  margin-top: 0 !important;
}
.cell-center {
  left: 50%;
  top: 50%;
  margin: 0;
  margin-top: 0 !important;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cell-ride {
  color: white;
  width: auto;
  display: inline-block;
  padding: 3px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}
.cell-ride.business {
  background-color: #1E88E5;
}
.cell-ride.private {
  background-color: #F57C00;
}
.multiline {
  margin-right: 40px;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
span.epp-date {
  font-size: 11.78px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
span.epp-odometer {
  color: #646464;
  font-size: 11.78px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
span.epp-address {
  font-size: 13.75px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.logoReportImg {
  max-width: 40px;
  max-height: 40px;
}
#History-recs .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned {
  background-color: #f4f4f4 !important;
  display: table-cell;
}
.leftPanel {
  /*color: @textColor;
    background-color: lightgray;
    position: fixed;
    left: 0;
    top: @tollbarHeight;
    overflow: hidden;
    width: @leftPanelWith;
    bottom: 0;
    z-index: 10;
    padding-bottom: 5px;*/
}
body.phone .leftPanel {
  background-color: white;
  overflow-y: auto;
  width: 100%;
  padding-left: 0px;
}
.leftPanel .itemsListContainer {
  position: absolute;
  width: 100%;
  z-index: 10;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  bottom: 0px;
  top: 0px;
  color: #212121;
}
body.phone #trackList .TrackDataType {
  background-repeat: no-repeat;
  background-position: center;
}
body.phone #trackList .TrackDataType.Armed {
  background-image: url(../../Images/Phone/armed.png);
  margin-top: 13px;
}
body.phone #trackList .TrackDataType.Disarmed {
  background-image: url(../../Images/Phone/unarmed.png);
  margin-top: 13px;
}
body.phone #trackList .TrackDataType.HomeAlarm {
  background-image: url(../../Images/Phone/alarm_czerwony.svg);
  margin-top: 13px;
}
body.phone #trackList .TrackDataType.Home {
  background-image: url(../../Images/Phone/dom-szary.svg);
  margin-top: 13px;
}
#hideListDiv {
  left: 0;
  top: 56px;
  position: fixed;
  z-index: 50;
  width: 375px;
  background-color: #F8F8F8;
  text-align: center;
  height: 36px;
  line-height: 36px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 1px solid #E8E8E8;
}
body.History #hideListDiv {
  display: none;
}
#hideListDiv.hidden-from-screen {
  left: -375px;
}
@media only screen and (min-width: 90.063em) {
  #hideListDiv {
    width: 470px !important;
  }
  #hideListDiv.hidden-from-screen {
    left: -470px !important;
  }
}
#hideListDiv img {
  float: right;
  cursor: pointer;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.objIconAlarmNumberBadge:hover > div {
  background-color: #f44336 !important;
}
div.itemsList {
  position: fixed;
  top: 56px;
  z-index: 6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: white;
  -moz-transition: all 0.4s ease, z-index 0s !important;
  -o-transition: all 0.4s ease, z-index 0s !important;
  -webkit-transition: all 0.4s ease, z-index 0s !important;
  transition: all 0.4s ease, z-index 0s !important;
}
#history-pages-all div.itemsList.history {
  z-index: 1003;
}
div.itemsList.no-overflow {
  overflow: hidden;
}
body.desktop.History.Index div.itemsList.with-tabs {
  padding-top: 40px;
}
div.itemsList paper-ripple {
  color: #0d87e9;
}
@media screen and (max-width: 73.5em) {
  body.desktop #mainOnline div.itemsList:not(.withBottomPanel) {
    will-change: transform;
    margin-bottom: 41px;
  }
}
body.desktop div.itemsList {
  left: 0;
  width: 375px;
  bottom: 0px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  color: #212121;
  z-index: 1003;
  top: 56px;
  /*.transition(margin-bottom);*/
  /* jeśli wielkośc ekranu jest duża to chcemy większą listę  XLarge screens*/
}
body.desktop div.itemsList.history {
  top: calc(56px + 40px + 1px);
}
body.desktop div.itemsList:not([data-scroll='0']) {
  z-index: 6 !important;
}
body.desktop div.itemsList:not([data-scroll]) {
  z-index: 1003 !important;
}
body.desktop div.itemsList.hidden-from-screen {
  left: -375px;
}
@media only screen and (min-width: 90.063em) {
  body.desktop div.itemsList:not(.always-narrow) {
    width: 470px !important;
  }
  body.desktop div.itemsList.hidden-from-screen:not(.always-narrow) {
    left: -470px !important;
  }
}
@media screen and (max-width: 73.5em) {
  body.desktop div.itemsList {
    will-change: transform;
  }
  body.desktop div.itemsList.withBottomPanel:not(.with-full-screen-charts) {
    margin-bottom: 264px;
  }
}
@media only screen and (max-width: 62.5em) {
  body.desktop div.itemsList.list-xxl,
  body.desktop div.itemsList.list-xxxl,
  body.desktop div.itemsList.list-xl {
    will-change: inherit;
  }
}
body.desktop div.itemsList.homeHistoryList {
  position: absolute;
  top: 0;
}
body.desktop div.itemsList.list-xl {
  width: 600px !important;
}
body.desktop div.itemsList.list-xl.hidden-from-screen {
  left: -600px !important;
}
body.desktop div.itemsList.list-xxl {
  width: 735px !important;
}
body.desktop div.itemsList.list-xxl.alttaxi {
  width: 850px !important;
}
body.desktop div.itemsList.list-xxl.hidden-from-screen {
  left: -735px !important;
}
body.desktop div.itemsList.list-xxxl {
  width: 850px !important;
}
body.desktop div.itemsList.list-xxxl.hidden-from-screen {
  left: -850px !important;
}
body.desktop #events-history div.itemsList.history {
  top: calc(56px);
}
@media screen and (max-width: 76.875em) {
  body.desktop.list-xxl div.itemsList.withBottomPanel {
    margin-bottom: 264px;
  }
}
body.phone div.itemsList {
  will-change: transform;
  width: 100%;
  position: fixed;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
body.phone div.itemsList.homeHistoryList {
  top: 56px;
}
body.phone #history-main-page div.itemsList:not(#chartsContainer) {
  top: 104px;
}
body.phone #events-history div.itemsList {
  top: 56px;
}
div.itemsList.homeHistoryList {
  font-size: 90%;
  width: 100% !important;
}
div.itemsList.homeHistoryList li {
  border-right: medium none;
  padding-left: 0;
}
div.itemsList div {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
div.itemsList ul {
  margin: 0;
  padding: 0;
}
div.itemsList ul li {
  position: relative;
  list-style-type: none;
  background-color: #ffffff;
  border-style: solid;
  border-color: darkgray darkgray;
  border-width: 1px;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid transparent;
  border-right: none;
  border-left: none;
  padding-left: 0;
  overflow: hidden;
  transition: background-color 0s;
  -moz-transition: all 0.4s ease, border 0s, background-color 0s;
  -o-transition: all 0.4s ease, border 0s, background-color 0s;
  -webkit-transition: all 0.4s ease, border 0s, background-color 0s;
  transition: all 0.4s ease, border 0s, background-color 0s;
  max-height: 130px;
  /*#Online &:not(.previous-objs-li):not(.next-objs-li) {
                min-height: 71px;
            }*/
}
div.itemsList ul li.willBeExpanded:not(.obj-group-li) {
  max-height: 0;
  border: none;
}
div.itemsList ul li.obj-group-li {
  border-style: solid;
  border-width: 1px;
  border-top: 1px solid #ffd1b8;
  border-bottom: none;
  border-right: none;
  border-left: none;
}
div.itemsList ul li.obj-group-li.willBeExpanded iron-icon {
  transform: rotate(180deg) !important;
}
div.itemsList ul li #next-objs-li,
div.itemsList ul li #previous-objs-li {
  cursor: pointer;
}
#events-history div.itemsList ul li {
  position: relative;
}
div.itemsList ul li.dateHeader {
  text-align: center;
  padding: 5px;
  font-size: 80%;
  /*background-color: @accentColor;
                color: white;*/
  background-color: #f4f4f4;
}
div.itemsList ul li.dateHeader small {
  font-weight: normal;
}
div.itemsList ul li.dateHeader:active,
div.itemsList ul li.dateHeader.selected {
  background-color: #f4f4f4 !important;
}
div.itemsList ul li.dateHeader.recTime {
  border: 0 !important;
}
div.itemsList ul li.dateHeader:not(.private-state):first-child {
  border-bottom: 1px solid #D5D5D5 !important;
}
div.itemsList ul li:last-child:not(#next-objs-li) {
  border-bottom: 1px solid #E8E8E8;
}
div.itemsList ul li.selected {
  background-image: none;
  background-color: #e0e0e0;
  /*border-top: 1px solid @borderColor;*/
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #D5D5D5;
}
body.desktop div.itemsList ul li.selected {
  background-color: #d4ebfd;
  border-left: 6px solid #2196F3 !important;
}
body.desktop div.itemsList ul li.selected > div,
body.desktop div.itemsList ul li.selected > table {
  margin-left: -6px;
}
body.desktop div.itemsList ul li.selected .TrackDataType.rec.desktop {
  margin-left: 0;
}
div.itemsList ul li.selected + li {
  border-top: 1px solid #D5D5D5;
}
div.itemsList ul li.selected:last-child {
  border-bottom: 1px solid #D5D5D5;
}
div.itemsList ul li.selected .objDetailsLine {
  background-color: #2196F3 !important;
}
div.itemsList ul li.selected .objHeader .speedAndTime {
  right: 10px;
}
div.itemsList ul li:active {
  background-image: none;
  background-color: #e0e0e0;
}
body.desktop div.itemsList ul li:active {
  background-color: #d4ebfd;
}
div.itemsList ul li .objHeader {
  overflow: hidden;
  min-height: 61px;
  cursor: pointer;
  padding: 5px 16px 0px 16px;
}
div.itemsList ul li .objHeader.shareIconStyle {
  padding-left: 14px;
}
div.itemsList ul li .objHeader.shareIconStyle .ObjName,
div.itemsList ul li .objHeader.shareIconStyle .address,
div.itemsList ul li .objHeader.shareIconStyle .rent-info {
  padding-left: 14px !important;
}
#Online div.itemsList ul li .objHeader,
#events-history div.itemsList ul li .objHeader {
  width: 95%;
  width: calc(100% - 32px);
}
#Online div.itemsList ul li .objHeader {
  min-height: 61px;
  position: relative;
}
#events-history div.itemsList ul li .objHeader {
  min-height: 69px;
}
div.itemsList ul li .objHeader.with-shipment-desc,
#History div.itemsList ul li .objHeader {
  padding-top: 0;
}
div.itemsList ul li .objHeader.next-objs,
div.itemsList ul li .objHeader.previous-objs {
  height: 30px !important;
  min-height: auto !important;
  text-align: center;
  vertical-align: middle;
}
div.itemsList ul li .objHeader.next-objs iron-icon,
div.itemsList ul li .objHeader.previous-objs iron-icon {
  padding: 4px !important;
}
div.itemsList ul li .objHeader.obj-group-header {
  vertical-align: middle;
  height: 38px;
  min-height: auto !important;
  padding-top: 0;
  display: table;
  background-color: #ffe5d7;
}
div.itemsList ul li .objHeader.obj-group-header span {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 11.78px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #E65100;
}
div.itemsList ul li .objHeader.obj-group-header iron-icon {
  display: table-cell;
  vertical-align: middle;
  color: #E65100;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.itemsList ul li .objHeader.obj-group-header iron-icon.collapsed {
  transform: rotate(180deg);
}
body.phone div.itemsList ul li .objHeader {
  padding: 4px 0px;
}
body.phone div.itemsList ul li .objHeader:not(.trac) {
  padding: 0px 16px;
}
div.itemsList ul li .objHeader div:not(.badge) {
  float: left;
  margin: 6px 6px;
}
div.itemsList ul li .objHeader div:not(.badge).eventMainInfo {
  margin: 6px 6px 6px 35px;
}
div.itemsList ul li .objHeader .listItemImageDiv {
  float: left;
  width: 23px;
  height: 23px;
  text-align: center;
}
div.itemsList ul li .objHeader .listItemImageDiv.gps {
  display: none;
}
div.itemsList ul li .objHeader .listItemImageDiv:first-child {
  margin: 8px 0px 8px 0px;
  width: 36px;
  height: 36px;
}
#Shipments div.itemsList ul li .objHeader .listItemImageDiv:first-child {
  margin: 10px 0px 16px 0px;
}
div.itemsList ul li .objHeader .listItemImageDiv.shareIconStyle:first-child {
  width: 40px;
  height: 40px;
}
div.itemsList ul li .objHeader .listItemImageDiv:nth-child(2) {
  margin: 20px 6px 20px 12px;
}
div.itemsList ul li .objHeader.with-shipment-desc .listItemImageDiv {
  margin-bottom: 32px !important;
}
div.itemsList ul li .objHeader .ObjName {
  font-size: 15px;
  padding-left: 16px;
  float: none;
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: 'Google Sans', Roboto, Arial;
  font-style: normal;
}
div.itemsList ul li .objHeader .ObjectListShowDetailsTd {
  float: right;
  margin-left: 0px;
  margin: auto;
  padding: 4px;
}
div.itemsList ul li .objHeader .ObjectListShowDetails {
  width: 30px;
  height: 30px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
}
div.itemsList ul li .objHeader .ObjectListShowDetails.collapse {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
div.itemsList ul li .objHeader .speedAndTime {
  padding: 0;
  margin: 0px 0px 1px 6px;
  float: right;
  right: 16px;
}
div.itemsList ul li .objHeader .speedAndTime > div {
  width: 100%;
  text-align: right;
  color: #727272;
  /*body.phone & {
                                                width: 100%;
                                            }*/
}
div.itemsList ul li .objHeader .speedAndTime > div.speedTd {
  margin: 0px 3px 0 0;
  min-width: 18px;
  text-align: right;
  color: #727272;
  /*margin-bottom: 5px;*/
  line-height: 115%;
  float: left;
}
div.itemsList ul li .objHeader .speedAndTime > div.speedTd.hidden {
  display: none;
}
div.itemsList ul li .objHeader .speedAndTime > div.speedTd span {
  font-size: 90%;
  color: #727272;
  margin-left: 3px;
  padding-right: 3px;
  margin: 0;
  float: none;
}
div.itemsList ul li .objHeader .speedAndTime > div.lastActivityTd.home {
  margin-top: 9px;
}
div.itemsList ul li .objHeader .speedAndTime > div.disconnectedInfo {
  color: #F44336;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd {
  margin-right: 1px;
  color: #212121;
  float: none;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd span {
  color: #212121;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd span.LowSpeeding {
  color: #fbc02d;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd span.MediumSpeeding {
  color: #F44336;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd.LowSpeeding {
  color: #fbc02d;
}
div.itemsList ul li .objHeader.connected .speedAndTime .speedTd.MediumSpeeding {
  color: #F44336;
}
div.itemsList ul li .objDetails {
  font-size: 80%;
  padding: 0 5px;
  width: 100%;
  text-align: center;
}
body.phone div.itemsList ul li .objDetails table tr td:first-child {
  margin: 10px 0px 5px 0px;
  font-size: 90%;
  color: #666666;
  letter-spacing: 0.4px;
}
body.phone div.itemsList ul li .objDetails table tr td:first-child.light {
  color: #7A7A7A;
}
body.phone div.itemsList ul li .objDetails table tr td:first-child span.value {
  color: #212121;
  font-size: 95%;
}
div.itemsList ul li .objDetails .objDetailsLine {
  height: 1px;
  background-color: #2196F3;
  margin-left: 63px;
}
body.list-xxl div.itemsList ul li .objDetails .objDetailsLine {
  margin-top: 20px;
}
div.itemsList ul li:first-child {
  border-top: none;
}
body.phone .summaryDetails tr td:first-child {
  margin: 10px 0px 5px 0px;
  font-size: 90%;
  color: #666666;
  letter-spacing: 0.4px;
}
body.phone .summaryDetails tr td:first-child.light {
  color: #7A7A7A;
}
img {
  outline: none!important;
}
#tooltipInfoWindow {
  visibility: hidden;
  background-color: white;
  color: #212121;
  text-align: center;
  padding: 5px 12px;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1020;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  margin: 0 !important;
  border: 1px solid lightgray;
  text-transform: none;
}
#tooltipInfoWindow .details-geo-position {
  display: none;
}
#tooltipInfoWindow .info,
#tooltipInfoWindow getStopTooltip {
  color: gray;
}
#tooltipInfoWindow .info,
#tooltipInfoWindow .time {
  font-family: 'Google Sans', Roboto, Arial;
  color: gray;
}
#tooltipInfoWindow.visible {
  opacity: 1;
  visibility: visible;
}
#tooltipInfoWindow.right {
  transform: translate(25px, -50%);
}
#tooltipInfoWindow.top {
  transform: translate(-50%, -45px);
}
#tooltipInfoWindow.top.two-line {
  transform: translate(-50%, -59px);
}
#tooltipInfoWindow.top.three-line {
  transform: translate(-50%, -73px);
}
#tooltipInfoWindow.top.three-rows {
  transform: translate(-50%, -130px);
}
#tooltipInfoWindow.top.three-rows.noTachoRec {
  transform: translate(-50%, -116px);
}
#tooltipInfoWindow.top.two-rows {
  transform: translate(-50%, -96px);
}
#tooltipInfoWindow.top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: lightgray transparent transparent transparent;
}
#ObjMapTooltipTable .objNameTd {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
#ObjMapTooltipTable .driverTd {
  text-align: left;
  font-size: 13px;
  color: var(--base-color);
}
#ObjMapTooltipTable .driverTd .driverName {
  line-height: 20px;
  vertical-align: bottom;
}
#ObjMapTooltipTable .driverTd .tacho-state-icon {
  width: 16px;
  margin-left: 6px;
}
#ObjMapTooltipTable .driverStateTd {
  padding-left: 12px;
  text-align: right;
}
#ObjMapTooltipTable .objSpeedTd {
  vertical-align: bottom;
  font-weight: 500;
  padding-left: 14px;
  line-height: 20px;
  text-align: right;
}
#ObjMapTooltipTable .iconsTd {
  text-align: left;
}
#ObjMapTooltipTable td.left {
  text-align: left;
}
#ObjMapTooltipTable .device-icon {
  padding: 0 4px 0 4px;
}
#ObjMapTooltipTable .device-icon svg {
  height: 20px;
}
#ObjMapTooltipTable .device-icon:first-child {
  padding-left: 0;
}
#ObjMapTooltipTable span.material-icons {
  font-size: 18px;
}
#ObjMapTooltipTable .tooltip.inner-table {
  min-width: 28px;
}
#routingCard paper-tab span {
  text-align: left;
}
#routingCard paper-input {
  width: 300px;
}
#routingCard,
#searchCard,
#searchResultCard {
  display: none;
  position: absolute;
  bottom: 228px;
  bottom: calc(264px + 16px);
  right: 16px;
  z-index: 1;
}
#routingCard paper-tabs,
#searchCard paper-tabs,
#searchResultCard paper-tabs {
  --paper-tabs-selection-bar-color: #0D47A1;
  margin-top: 16px;
}
#routingCard paper-tab,
#searchCard paper-tab,
#searchResultCard paper-tab {
  --paper-tab-ink: #BBDEFB;
}
#routingCard paper-tab iron-icon,
#searchCard paper-tab iron-icon,
#searchResultCard paper-tab iron-icon {
  margin-right: 10px;
}
#routingCard paper-tab.iron-selected,
#searchCard paper-tab.iron-selected,
#searchResultCard paper-tab.iron-selected {
  background: #4285f4;
  color: white;
}
#showMoreButton {
  background-size: 38px;
  position: fixed;
  background-color: #ffffff;
  height: 56px;
  width: 56px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  z-index: 1;
  overflow: hidden;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  right: 21px;
  cursor: pointer;
  -webkit-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  bottom: -28px;
  display: none;
  background-position: bottom center;
  background-image: url(../../Images/zwin.svg);
  -moz-transition: margin-left 0.5s ease;
  -o-transition: margin-left 0.5s ease;
  -webkit-transition: margin-left 0.5s ease;
  transition: margin-left 0.5s ease;
  left: 50% !important;
  -webkit-transform: translate(-50%, 0) rotate(180deg);
  -moz-transform: translate(-50%, 0) rotate(180deg);
  -o-transform: translate(-50%, 0) rotate(180deg);
  -ms-transform: translate(-50%, 0) rotate(180deg);
  transform: translate(-50%, 0) rotate(180deg);
}
#showMoreButton:active {
  background-color: #e0e0e0;
}
#showMoreButton:after {
  content: "";
  background-color: #ffffff;
  position: fixed;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
#showMoreButton.big {
  height: 112px;
  width: 112px;
  /*background-size: (@backgroundSize * @buttonBiggerSizeRatio);*/
}
#showMoreButton.big:after {
  opacity: 1;
}
#events-history #showMoreButton {
  z-index: 5 !important;
}
#showMoreButton.with-right-report {
  left: calc(50% - 200px) !important;
}
#showMoreButton.withLeftPanel {
  margin-left: 187.5px;
}
@media only screen and (min-width: 90.063em) {
  #showMoreButton.withLeftPanel {
    margin-left: 235px !important;
  }
}
body.desktop.list-xl #showMoreButton.withLeftPanel {
  margin-left: 300px !important;
}
body.desktop.list-xxl #showMoreButton.withLeftPanel {
  margin-left: 367.5px !important;
}
body.desktop.list-xxxl #showMoreButton.withLeftPanel {
  margin-left: 425px !important;
}
#showMoreButton.big {
  bottom: -56px !important;
  margin-bottom: auto !important;
}
#map:not(.google) {
  position: absolute;
  color: #212121;
  background-color: #F9F9F9;
  right: 0px;
  overflow: hidden;
  top: 56px;
  left: 0;
  bottom: 0px;
  /*.transition;*/
  /*#showMoreButton {
        .showButton(38px);
        //z-index: 9 !important;
        bottom: @buttonMiddlePoint;
        display: none;
        background-position: bottom center;
        background-image: url(../../Images/zwin.svg);
        .transition(margin-left, 0.5s);

        left: 50% !important;
        .transform (translate(-50%, 0) rotate(180deg));
        #events-history & {z-index:5!important;}
        &.with-right-report {left: calc( 50% - 200px) !important;}
        &.withLeftPanel {
            margin-left: (@leftPanelWith / 2);

            @media only screen and (min-width: @XXLargeScreenWidth) {
                margin-left: (@leftPanelWithL / 2) !important;
            }
            body.desktop.list-xl & {margin-left: (@leftPanelWithXL / 2) !important;}
            body.desktop.list-xxl & {margin-left: (@leftPanelWithXXL / 2) !important;}
            body.desktop.list-xxxl & {margin-left: (@leftPanelWithXXXL / 2) !important;}
        }

        &.big { 
            bottom: (@buttonMiddlePoint * @buttonBiggerSizeRatio) !important; 
            margin-bottom: auto !important;
        }
    }*/
}
#map:not(.google) .ol-control button {
  display: block;
  border: none;
}
#map:not(.google) .ol-overlaycontainer-stopevent {
  display: none;
}
#map:not(.google) #mapType {
  top: 128px;
  position: absolute;
  right: 21px;
  color: transparent;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 32px;
  width: 32px;
}
body.phone #map:not(.google) #mapType {
  top: 25px;
}
#map:not(.google) .ol-zoom {
  position: absolute;
  right: 21px;
  color: transparent;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 32px;
  width: 32px;
  background-color: white;
  background-size: 33px auto;
}
#map:not(.google) .ol-zoom.ol-zoom-in-fab {
  top: 19px;
  background-color: white;
  color: gray;
}
body.phone #History #map:not(.google) .ol-zoom.ol-zoom-in-fab {
  top: 68px;
}
#map:not(.google) .ol-zoom.ol-zoom-out-fab {
  background-color: white;
  color: gray;
  top: 67px;
}
#gmap#map:not(.google) .ol-zoom.ol-zoom-out-fab {
  top: 138px;
}
body.phone #History #map:not(.google) .ol-zoom.ol-zoom-out-fab {
  top: 134px;
}
#map:not(.google) .ol-zoom.ol-zoom-in {
  top: 20px;
  background-image: url("../../Images/add_icon_dark.svg");
}
body.phone #History #map:not(.google) .ol-zoom.ol-zoom-in {
  top: 68px;
}
#map:not(.google) .ol-zoom.ol-zoom-out {
  top: 76px;
  background-image: url("../../Images/minus_icon_dark.svg");
  margin-top: 10px;
}
body.phone #History #map:not(.google) .ol-zoom.ol-zoom-out {
  top: 134px;
}
#map:not(.google) .ol-zoom:active {
  background-color: #e0e0e0;
}
#map:not(.google) .ol-rotate {
  top: 243px;
  right: 20px;
  position: absolute;
  height: 32px;
  width: 32px;
}
#map:not(.google) .ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
}
body.phone #map:not(.google) .ol-rotate {
  right: 21px;
}
#map:not(.google) .ol-rotate.touchdevice {
  top: 105px;
}
#map:not(.google) .ol-rotate button {
  color: #606060;
  height: 56px;
  width: 56px;
  background-color: white;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#map:not(.google).with-right-report .ol-rotate {
  right: 420px;
}
#map:not(.google) .ol-compass {
  display: block;
  font-size: 2.2em;
  font-weight: 400;
}
#map:not(.google) .ol-scale-line {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
#map:not(.google) .ol-scale-line .ol-scale-line-inner {
  /*border: 1px solid black;*/
  border: 1px solid #888888;
  border-top: none;
  /*color: @textColor;*/
  color: #575757;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  padding: 0 2px;
}
#map:not(.google) #centerDiv {
  position: absolute;
  background-color: #ffffff;
  color: gray;
  overflow: hidden;
  bottom: 50px;
  background-size: 21px;
  right: 21px;
  height: 32px;
  width: 32px;
}
body.phone #map:not(.google) #centerDiv {
  bottom: 100px;
}
#map:not(.google).with-right-report #centerDiv {
  right: 421px;
}
#map:not(.google) div#followDiv {
  background-color: #E65100;
  background-image: url(../../Images/Phone/cel.png);
  background-image: url(../../Images/Phone/cel_white.png);
  filter: alpha(opacity=60);
  background-size: 28px;
}
body.phone #History #map:not(.google) div#followDiv {
  top: 223px;
}
#map:not(.google) div#followDiv.touchdevice {
  top: inherit;
  /*bottom: 120px;*/
  top: 30px;
}
body.phone #History #map:not(.google) div#followDiv.touchdevice {
  top: 78px;
}
#map:not(.google) div#followDiv:active {
  background-color: #a93b00;
}
#map:not(.google) div#followDiv.active {
  background-color: #E65100;
}
#map:not(.google) div#followDiv.following {
  background-color: #474747;
  opacity: 0.65;
}
#map:not(.google) div#followDiv img {
  padding-top: 0;
  max-width: 25px;
}
#map:not(.google) paper-fab.with-right-report {
  margin-right: 420px !important;
}
#map:not(.google) paper-fab#followDiv {
  position: absolute;
  background-color: #E65100;
  top: 175px;
  right: 21px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gmap#map:not(.google) paper-fab#followDiv {
  top: 208px;
}
body.phone #History #map:not(.google) paper-fab#followDiv {
  top: 223px;
}
#map:not(.google) paper-fab#followDiv.touchdevice {
  top: 30px;
}
body.phone #History #map:not(.google) paper-fab#followDiv.touchdevice {
  top: 78px;
}
#map:not(.google) .ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
}
#map:not(.google) .ol-popup:after,
#map:not(.google) .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#map:not(.google) .ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
#map:not(.google) .ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
#map:not(.google) .ol-popup-sizer {
  text-decoration: none;
  position: absolute;
  width: 20px;
  height: 20px;
  color: #989898;
  cursor: pointer;
}
#map:not(.google) .ol-popup-sizer:hover {
  color: #7F7F7F;
}
#map:not(.google) .ol-popup-sizer:active {
  color: #7F7F7F;
}
#map:not(.google) .ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
#map:not(.google) .ol-popup-closer:hover {
  color: #7F7F7F;
}
#map:not(.google) .ol-popup-closer:active {
  color: #7F7F7F;
}
#map:not(.google) .ol-popup-closer:after {
  content: url(../../Images/close_icon.svg);
}
#map:not(.google) .ol-popup-content {
  min-width: 342px;
  overflow-x: auto;
}
#map:not(.google) .ol-popup.marker {
  margin-bottom: 30px;
}
body.phone #History #map:not(.google) {
  -ms-touch-action: none;
}
body.phone.History #events-history #map:not(.google) {
  top: 56px;
}
#map:not(.google) .ol-popup-sizer {
  top: 4px;
  right: 28px;
}
#map:not(.google) .ol-popup-sizer:after {
  content: url(../../Images/minus_icon_dark.svg);
}
google-map #map:not(.google) .ol-popup-sizer:after {
  display: none;
}
#streetViewCard {
  background-color: white;
  border-radius: 8px;
  padding: 14px;
  display: none;
  z-index: 1008;
  position: absolute;
  left: 32px;
  bottom: 32px;
}
#streetViewCard .header {
  font-size: 16px;
  font-weight: 500;
  color: #E65100;
  display: block;
  margin-bottom: 8px;
}
#streetViewCard .desc {
  color: #696969;
  font-weight: 400;
  font-size: 14px;
  display: block;
}
div#map.google {
  position: absolute;
  color: #212121;
  background-color: #F9F9F9;
  right: 0px;
  overflow: hidden;
  top: 56px;
  left: 0;
  bottom: 0px;
  /*.transition;*/
  /*#showMoreButton {
        .showButton(38px);
        //z-index: 9 !important;
        bottom: @buttonMiddlePoint;
        display: none;
        background-position: bottom center;
        background-image: url(../../Images/zwin.svg);
        .transition(margin-left, 0.5s);

        left: 50% !important;
        .transform (translate(-50%, 0) rotate(180deg));
        #events-history & {z-index:5!important;}
        &.with-right-report {left: calc( 50% - 200px) !important;}
        &.withLeftPanel {
            margin-left: (@leftPanelWith / 2);

            @media only screen and (min-width: @XXLargeScreenWidth) {
                margin-left: (@leftPanelWithL / 2) !important;
            }
            body.desktop.list-xl & {margin-left: (@leftPanelWithXL / 2) !important;}
            body.desktop.list-xxl & {margin-left: (@leftPanelWithXXL / 2) !important;}
            body.desktop.list-xxxl & {margin-left: (@leftPanelWithXXXL / 2) !important;}
        }

        &.big { 
            bottom: (@buttonMiddlePoint * @buttonBiggerSizeRatio) !important; 
            margin-bottom: auto !important;
        }
    }*/
  top: 0px;
  /*&.street-view {
        top: 56px !important;
        height: calc(100% - 56px) !important;
        bottom: 0 !important;
    }*/
}
div#map.google .ol-control button {
  display: block;
  border: none;
}
div#map.google .ol-overlaycontainer-stopevent {
  display: none;
}
div#map.google #mapType {
  top: 128px;
  position: absolute;
  right: 21px;
  color: transparent;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 32px;
  width: 32px;
}
body.phone div#map.google #mapType {
  top: 25px;
}
div#map.google .ol-zoom {
  position: absolute;
  right: 21px;
  color: transparent;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 32px;
  width: 32px;
  background-color: white;
  background-size: 33px auto;
}
div#map.google .ol-zoom.ol-zoom-in-fab {
  top: 19px;
  background-color: white;
  color: gray;
}
body.phone #History div#map.google .ol-zoom.ol-zoom-in-fab {
  top: 68px;
}
div#map.google .ol-zoom.ol-zoom-out-fab {
  background-color: white;
  color: gray;
  top: 67px;
}
#gmapdiv#map.google .ol-zoom.ol-zoom-out-fab {
  top: 138px;
}
body.phone #History div#map.google .ol-zoom.ol-zoom-out-fab {
  top: 134px;
}
div#map.google .ol-zoom.ol-zoom-in {
  top: 20px;
  background-image: url("../../Images/add_icon_dark.svg");
}
body.phone #History div#map.google .ol-zoom.ol-zoom-in {
  top: 68px;
}
div#map.google .ol-zoom.ol-zoom-out {
  top: 76px;
  background-image: url("../../Images/minus_icon_dark.svg");
  margin-top: 10px;
}
body.phone #History div#map.google .ol-zoom.ol-zoom-out {
  top: 134px;
}
div#map.google .ol-zoom:active {
  background-color: #e0e0e0;
}
div#map.google .ol-rotate {
  top: 243px;
  right: 20px;
  position: absolute;
  height: 32px;
  width: 32px;
}
div#map.google .ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
}
body.phone div#map.google .ol-rotate {
  right: 21px;
}
div#map.google .ol-rotate.touchdevice {
  top: 105px;
}
div#map.google .ol-rotate button {
  color: #606060;
  height: 56px;
  width: 56px;
  background-color: white;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
div#map.google.with-right-report .ol-rotate {
  right: 420px;
}
div#map.google .ol-compass {
  display: block;
  font-size: 2.2em;
  font-weight: 400;
}
div#map.google .ol-scale-line {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
div#map.google .ol-scale-line .ol-scale-line-inner {
  /*border: 1px solid black;*/
  border: 1px solid #888888;
  border-top: none;
  /*color: @textColor;*/
  color: #575757;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  padding: 0 2px;
}
div#map.google #centerDiv {
  position: absolute;
  background-color: #ffffff;
  color: gray;
  overflow: hidden;
  bottom: 50px;
  background-size: 21px;
  right: 21px;
  height: 32px;
  width: 32px;
}
body.phone div#map.google #centerDiv {
  bottom: 100px;
}
div#map.google.with-right-report #centerDiv {
  right: 421px;
}
div#map.google div#followDiv {
  background-color: #E65100;
  background-image: url(../../Images/Phone/cel.png);
  background-image: url(../../Images/Phone/cel_white.png);
  filter: alpha(opacity=60);
  background-size: 28px;
}
body.phone #History div#map.google div#followDiv {
  top: 223px;
}
div#map.google div#followDiv.touchdevice {
  top: inherit;
  /*bottom: 120px;*/
  top: 30px;
}
body.phone #History div#map.google div#followDiv.touchdevice {
  top: 78px;
}
div#map.google div#followDiv:active {
  background-color: #a93b00;
}
div#map.google div#followDiv.active {
  background-color: #E65100;
}
div#map.google div#followDiv.following {
  background-color: #474747;
  opacity: 0.65;
}
div#map.google div#followDiv img {
  padding-top: 0;
  max-width: 25px;
}
div#map.google paper-fab.with-right-report {
  margin-right: 420px !important;
}
div#map.google paper-fab#followDiv {
  position: absolute;
  background-color: #E65100;
  top: 175px;
  right: 21px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gmapdiv#map.google paper-fab#followDiv {
  top: 208px;
}
body.phone #History div#map.google paper-fab#followDiv {
  top: 223px;
}
div#map.google paper-fab#followDiv.touchdevice {
  top: 30px;
}
body.phone #History div#map.google paper-fab#followDiv.touchdevice {
  top: 78px;
}
div#map.google .ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
}
div#map.google .ol-popup:after,
div#map.google .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
div#map.google .ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
div#map.google .ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
div#map.google .ol-popup-sizer {
  text-decoration: none;
  position: absolute;
  width: 20px;
  height: 20px;
  color: #989898;
  cursor: pointer;
}
div#map.google .ol-popup-sizer:hover {
  color: #7F7F7F;
}
div#map.google .ol-popup-sizer:active {
  color: #7F7F7F;
}
div#map.google .ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
div#map.google .ol-popup-closer:hover {
  color: #7F7F7F;
}
div#map.google .ol-popup-closer:active {
  color: #7F7F7F;
}
div#map.google .ol-popup-closer:after {
  content: url(../../Images/close_icon.svg);
}
div#map.google .ol-popup-content {
  min-width: 342px;
  overflow-x: auto;
}
div#map.google .ol-popup.marker {
  margin-bottom: 30px;
}
#mainOnline div#map.google,
#History div#map.google,
body > div#map.google {
  height: auto;
  bottom: 42px;
  top: 56px;
}
div#map.google.street-view {
  top: 0 !important;
  height: 100% !important;
  bottom: 0 !important;
  z-index: 1007;
}
body.phone #History div#map.google {
  -ms-touch-action: none;
  top: 0px;
}
body.phone #events-history div#map.google {
  top: 0px;
}
div#map.google .ol-popup-sizer {
  top: -4px;
  right: 22px;
}
div#map.google .ol-popup-sizer iron-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
#unfoldListButton {
  left: -30px;
  position: absolute;
  top: 90px;
}
#unfoldListButton.with-list {
  display: block !important;
  left: calc(375px - 1px);
}
@media only screen and (min-width: 90.063em) {
  #unfoldListButton.with-list {
    left: calc(470px - 1px);
  }
}
#unfoldListButton.with-list.hidden {
  display: none !important;
}
body.list-xxl #Online #unfoldListButton {
  left: 735px !important;
}
body.list-xxl #Online #unfoldListButton iron-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.list-xxxl #Online #unfoldListButton {
  left: 850px !important;
}
body.list-xxxl #Online #unfoldListButton iron-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#Online #showHideArrows {
  display: none;
}
body.list-xxxl #Online #showHideArrows,
body.list-xxl #Online #showHideArrows {
  display: block;
}
#showListButton {
  background-size: 30px;
  position: fixed;
  background-color: #ffffff;
  height: 56px;
  width: 56px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  z-index: 1;
  overflow: hidden;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  right: 21px;
  cursor: pointer;
  -webkit-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  box-shadow: 0px -2px 8px 6px rgba(50, 50, 50, 0.27);
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  z-index: 5;
  left: 0;
  background-position: center right;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*domyślna wartość dla rozwijania dolnego paska*/
  top: 73px!important;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
#showListButton:active {
  background-color: #e0e0e0;
}
#showListButton:after {
  content: "";
  background-color: #ffffff;
  position: fixed;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
#showListButton.big {
  height: 112px;
  width: 112px;
  /*background-size: (@backgroundSize * @buttonBiggerSizeRatio);*/
}
#showListButton.big:after {
  opacity: 1;
}
body.phone #showListButton {
  bottom: 22px;
  display: none;
}
#showListButton.withBottomPanel {
  margin-top: -calc(132px) !important;
}
#showListButton.big {
  left: calc(-28px * 2);
}
body.History #showListButton,
body.Shipments #showListButton {
  display: none;
}
.unfold-button {
  cursor: pointer;
  background-color: white;
  -moz-border-radius: 0 2px 2px 0 !important;
  -webkit-border-radius: 0 2px 2px 0 !important;
  border-radius: 0 2px 2px 0 !important;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 28px !important;
  width: 24px !important;
  border-radius: 0 10px 10px 0 !important;
  color: #E65100;
  background-color: #ffffff;
}
.unfold-button iron-icon {
  margin: 2px 0 0 2px;
  color: #E65100;
}
#showLessButton {
  position: absolute;
  top: -28px;
  left: 47%;
  background-image: url(../../Images/zwin.svg);
  background-size: 38px;
  height: 56px;
  width: 56px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  z-index: 1;
  overflow: hidden;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  right: 21px;
  cursor: pointer;
  background-position: bottom center;
  z-index: 0;
  border: 1px solid #D5D5D5;
}
#showLessButton:active {
  background-color: #e0e0e0;
}
img#closeBottomPanel {
  width: 30px;
  height: 30px;
  float: right;
  padding: 7px;
  cursor: pointer;
}
img#closeBottomPanel:hover {
  background-color: #F1F3F5;
}
img#closeBottomPanel:active {
  background-color: #cacaca;
}
#toolsInfo,
#chartsToolsInfo {
  font-size: 70%;
  position: fixed;
  width: 100%;
  min-height: 1px;
  /*padding-bottom: 5px;
    padding-top: 5px;*/
  /*z-index: 1100;*/
  bottom: 0px;
  cursor: pointer;
  background-color: white;
  color: #212121;
}
#chartsToolsInfo {
  border-top: 1px solid #D5D5D5;
}
#toolsInfo,
#toolsInfo2 {
  will-change: transform;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*body.phone & { height: @toolsInfoExpandedHeight; }*/
}
#toolsInfo #LocationValue.address,
#toolsInfo2 #LocationValue.address {
  font-size: 85%;
}
body.desktop #toolsInfo,
body.desktop #toolsInfo2 {
  left: 15px;
  display: none;
  width: auto;
  min-width: 260px;
  max-width: 30%;
  position: absolute;
  bottom: 15px;
  overflow: hidden;
  z-index: 1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body.desktop #toolsInfo.withLeftPanel,
body.desktop #toolsInfo2.withLeftPanel {
  left: 375px;
  left: calc(375px + 15px);
}
@media only screen and (min-width: 90.063em) {
  body.desktop #toolsInfo.withLeftPanel,
  body.desktop #toolsInfo2.withLeftPanel {
    left: 470px;
    left: calc(470px + 15px);
  }
}
body.desktop #toolsInfo.withCharts,
body.desktop #toolsInfo2.withCharts {
  bottom: 38%;
  bottom: calc(33% + 25px + 15px);
}
body.desktop #toolsInfo.withCharts.chartsHidden,
body.desktop #toolsInfo2.withCharts.chartsHidden {
  bottom: 15px;
}
body:not(.ios) #toolsInfo.hiddenIfoLines,
body:not(.ios) #toolsInfo2.hiddenIfoLines {
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  bottom: 78px;
}
body.ios #toolsInfo.hiddenIfoLines,
body.ios #toolsInfo2.hiddenIfoLines {
  -webkit-transform: translateY(calc(100% -  78px));
}
#toolsInfo #mobileInfo1Value,
#toolsInfo2 #mobileInfo1Value,
#toolsInfo #mobileInfo2Value,
#toolsInfo2 #mobileInfo2Value,
#toolsInfo #LocationValue,
#toolsInfo2 #LocationValue {
  font-size: 85%;
}
#toolsInfo.notconnected #mobileInfo1Value,
#toolsInfo2.notconnected #mobileInfo1Value,
#toolsInfo.notconnected #mobileInfo2Value,
#toolsInfo2.notconnected #mobileInfo2Value,
#toolsInfo.notconnected #LocationValue,
#toolsInfo2.notconnected #LocationValue {
  font-weight: bold;
  color: #212121;
  opacity: 0;
}
#toolsInfo.notconnected #batteryLoadingTd,
#toolsInfo2.notconnected #batteryLoadingTd {
  width: 64px;
  display: none;
  opacity: 0.5;
}
#toolsInfo #LocationValue:empty + img,
#toolsInfo2 #LocationValue:empty + img {
  display: none;
}
#toolsInfo #objSpeedValue,
#toolsInfo2 #objSpeedValue {
  font-weight: bold;
  font-size: 110%;
}
#toolsInfo #objSpeedValue.LowSpeeding,
#toolsInfo2 #objSpeedValue.LowSpeeding {
  color: #fbc02d;
}
#toolsInfo #objSpeedValue.MediumSpeeding,
#toolsInfo2 #objSpeedValue.MediumSpeeding {
  color: #F44336;
}
#toolsInfo .arrowButton,
#toolsInfo2 .arrowButton {
  position: absolute;
  top: calc(5px + 25px / 2);
  right: 0;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 5px;
  min-width: 20px;
}
#toolsInfo #objSpeedUnit,
#toolsInfo2 #objSpeedUnit {
  font-size: 45%;
  font-style: italic;
}
#toolsInfo #objSpeedUnit.LowSpeeding,
#toolsInfo2 #objSpeedUnit.LowSpeeding {
  color: #fbc02d;
}
#toolsInfo #objSpeedUnit.MediumSpeeding,
#toolsInfo2 #objSpeedUnit.MediumSpeeding {
  color: #F44336;
}
#toolsInfo #toolsInfoChild,
#toolsInfo2 #toolsInfoChild {
  display: block;
  margin: 0 0 5px 0;
  line-height: 130%;
  font-size: 130%;
  overflow: hidden;
}
#toolsInfo #toolsInfoChild .toolsInfoIcon,
#toolsInfo2 #toolsInfoChild .toolsInfoIcon {
  color: #FFFFFF;
  font-size: 140%;
  float: left;
  height: 36px;
  width: 36px;
  margin-right: 7px;
  cursor: pointer;
}
#toolsInfo #toolsInfoChild #MapObjectListItemConnectedPhone,
#toolsInfo2 #toolsInfoChild #MapObjectListItemConnectedPhone {
  height: 35px;
  width: auto;
}
#toolsInfo #toolsInfoChild #objNameValue,
#toolsInfo2 #toolsInfoChild #objNameValue {
  position: absolute;
  left: 57px;
  right: 130px;
  padding-right: 5px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 3px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
#toolsInfo #toolsInfoChild #objNameValue.noSpeed,
#toolsInfo2 #toolsInfoChild #objNameValue.noSpeed {
  right: 50px;
}
#toolsInfo #toolsInfoChild #objSpeedValueAndUnit,
#toolsInfo2 #toolsInfoChild #objSpeedValueAndUnit {
  display: inline-block;
  float: right;
  margin: 0px 6px 0 0;
  font-size: 180%;
  padding-right: 40px;
  white-space: nowrap;
  right: 130px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 100%;
}
#toolsInfo #baseInfoLines,
#toolsInfo2 #baseInfoLines {
  display: block;
  height: 38px;
  line-height: 100%;
  overflow: hidden;
  padding: 25px 10px 20px 10px;
  border-bottom: 1px solid #e8e8e8;
  background: white;
  color: #212121;
  /*background: @baseColor;
        color: @textColorOnDarkBackground;

        #bottomToolsInfo iron-icon {
            fill: @textColorOnDarkBackground;
            color: @textColorOnDarkBackground;
        }*/
}
#toolsInfo #baseInfoLines #bottomToolsInfo iron-icon,
#toolsInfo2 #baseInfoLines #bottomToolsInfo iron-icon {
  fill: gray;
  color: gray;
}
#toolsInfo.hiddenIfoLines #baseInfoLines,
#toolsInfo2.hiddenIfoLines #baseInfoLines {
  border-bottom: none;
  /*background: @backgroundColorDefault;
        color: @textColor;

        #bottomToolsInfo iron-icon {
            fill:gray;
            color:gray;
        }*/
}
#toolsInfo #additionalInfoLines,
#toolsInfo2 #additionalInfoLines {
  /*padding-top: 10px;*/
  font-size: 140%;
  min-height: 40px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
body.desktop.History #toolsInfo #additionalInfoLines,
body.desktop.History #toolsInfo2 #additionalInfoLines {
  height: auto;
}
body.desktop #toolsInfo #additionalInfoLines,
body.desktop #toolsInfo2 #additionalInfoLines {
  display: inline-block;
  padding-top: 0;
  margin-top: 0;
}
body.phone #toolsInfo #additionalInfoLines #firstLineObjInfo,
body.phone #toolsInfo2 #additionalInfoLines #firstLineObjInfo {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 17px;
}
body.phone #toolsInfo #additionalInfoLines #firstLineObjInfo tr:last-child,
body.phone #toolsInfo2 #additionalInfoLines #firstLineObjInfo tr:last-child {
  display: none;
}
body.phone #toolsInfo #additionalInfoLines #firstLineObjInfo #underGauge,
body.phone #toolsInfo2 #additionalInfoLines #firstLineObjInfo #underGauge {
  font-size: 13.5px;
  font-weight: 500;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo {
  display: none;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo td,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo td {
  width: 30%;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo td .label,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo td .label {
  font-size: 70%;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo.onecolumn td,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo.onecolumn td {
  width: 100%;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo.twocolumns td,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo.twocolumns td {
  width: 50%;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo.threecolumns td,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo.threecolumns td {
  width: 33%;
}
body.phone #toolsInfo #additionalInfoLines #secondLineObjInfo.fourcolumns td,
body.phone #toolsInfo2 #additionalInfoLines #secondLineObjInfo.fourcolumns td {
  width: 25%;
}
body.phone #toolsInfo #additionalInfoLines span#mobileInfo4Value,
body.phone #toolsInfo2 #additionalInfoLines span#mobileInfo4Value {
  white-space: nowrap;
}
body.phone #toolsInfo #additionalInfoLines span#mobileInfo4Value.frosty,
body.phone #toolsInfo2 #additionalInfoLines span#mobileInfo4Value.frosty {
  color: #2196F3;
}
body.phone #toolsInfo #additionalInfoLines span#mobileInfo4Value.cold,
body.phone #toolsInfo2 #additionalInfoLines span#mobileInfo4Value.cold {
  color: #77C004;
}
body.phone #toolsInfo #additionalInfoLines span#mobileInfo4Value.warm,
body.phone #toolsInfo2 #additionalInfoLines span#mobileInfo4Value.warm {
  color: #ff9800;
}
body.phone #toolsInfo #additionalInfoLines span#mobileInfo4Value.hot,
body.phone #toolsInfo2 #additionalInfoLines span#mobileInfo4Value.hot {
  color: #f44336;
}
#toolsInfo #additionalInfoLines .lastTdInfo,
#toolsInfo2 #additionalInfoLines .lastTdInfo {
  padding-right: 112px;
}
body.phone #toolsInfo.with-additional-info #additionalInfoLines #firstLineObjInfo tr:last-child,
body.phone #toolsInfo2.with-additional-info #additionalInfoLines #firstLineObjInfo tr:last-child {
  display: table-row;
}
body.phone #toolsInfo.with-additional-info #additionalInfoLines #secondLineObjInfo,
body.phone #toolsInfo2.with-additional-info #additionalInfoLines #secondLineObjInfo {
  display: table;
}
body.phone #toolsInfo.show-gauges.with-additional-info #additionalInfoLines,
body.phone #toolsInfo2.show-gauges.with-additional-info #additionalInfoLines {
  height: 219px;
}
body.phone #toolsInfo.show-gauges #additionalInfoLines #firstLineObjInfo,
body.phone #toolsInfo2.show-gauges #additionalInfoLines #firstLineObjInfo {
  padding-bottom: 10px;
}
#toolsInfo #additionalInfoButtons,
#toolsInfo2 #additionalInfoButtons {
  font-size: 14.27px;
  border-spacing: 0;
  float: right;
  width: 100%;
  text-align: center;
  border-top: 1px solid #e8e8e8;
}
#toolsInfo #additionalInfoButtons td,
#toolsInfo2 #additionalInfoButtons td {
  width: 50%;
}
#toolsInfo #additionalInfoButtons td #historyButton,
#toolsInfo2 #additionalInfoButtons td #historyButton,
#toolsInfo #additionalInfoButtons td #moreButton,
#toolsInfo2 #additionalInfoButtons td #moreButton {
  width: 100%;
  padding-bottom: 2px;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #2196F3;
}
#toolsInfo #objDateTime,
#toolsInfo2 #objDateTime {
  font-size: 100%;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 3px;
  right: 140px;
  left: 57px;
  line-height: 110%;
  margin-top: 5px;
}
#toolsInfo #objDateTime.noSpeed,
#toolsInfo2 #objDateTime.noSpeed {
  right: 45px;
}
body.phone #History #toolsInfo #objDateTime,
body.phone #History #toolsInfo2 #objDateTime {
  margin-top: 0;
}
#toolsInfo #historyToolsInfoChild,
#toolsInfo2 #historyToolsInfoChild {
  padding: 25px 0 36px 0;
}
#toolsInfo #historyToolsInfoChild #objDateTime,
#toolsInfo2 #historyToolsInfoChild #objDateTime {
  left: 50px;
}
#toolsInfo #objSpeedParent,
#toolsInfo2 #objSpeedParent {
  display: inline-block;
  float: right;
  font-size: 110%;
}
body.phone #toolsInfo #objSpeedParent,
body.phone #toolsInfo2 #objSpeedParent {
  margin-top: 3px;
  padding-right: 31px;
  font-size: 180%;
}
#toolsInfo #recInfoPopup .objInfoLabel,
#toolsInfo2 #recInfoPopup .objInfoLabel {
  font-size: 85%;
  font-weight: bold;
}
#toolsInfo #recInfoPopup .objInfoValue,
#toolsInfo2 #recInfoPopup .objInfoValue {
  font-size: 85%;
}
#toolsInfo #nextPrevArrows .infoTd img.arrow,
#toolsInfo2 #nextPrevArrows .infoTd img.arrow {
  cursor: default;
}
#toolsInfo #nextPrevArrows .infoTd img.arrow.more,
#toolsInfo2 #nextPrevArrows .infoTd img.arrow.more {
  color: #212121;
}
#toolsInfo #nextPrevArrows .infoTd .arrowButton,
#toolsInfo2 #nextPrevArrows .infoTd .arrowButton {
  color: #212121;
}
.contextMenu {
  display: none;
  position: fixed;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 6px 0;
  z-index: 10000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.contextMenu#goToHistoryContextMenu {
  z-index: 99999999;
}
.contextMenu div.contextMenuItem {
  cursor: pointer;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 4px 16px 4px 16px;
  position: relative;
  white-space: nowrap;
}
.contextMenu div.contextMenuItem:hover {
  background-color: #F8F8F8;
}
.contextMenu div.contextMenuItem#addDestinationGoalContextItem {
  border-top: 1px solid #e8e8e8;
  padding-top: 5px;
}
.contextMenu div.contextMenuItem#zoomInContextItem {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 5px;
}
#pointPopupTemplate span {
  font-size: 90%;
}
#pointPopupTemplate p.small {
  margin-top: 8px;
  margin-bottom: 8px;
}
.pac-controls {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  margin-top: 5px;
  margin-right: -4px;
  border: 1px solid transparent;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 30px;
  outline: none;
}
#pac-input {
  background-color: #ff5d06;
  color: white;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  box-shadow: none;
}
body.desktop #pac-input {
  max-width: 16%;
}
@media only screen and (max-width: 59.375em) {
  body.desktop #pac-input {
    max-width: 16%;
    margin-left: 10px;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 51.25em) {
  body.desktop #pac-input {
    max-width: 10%;
    margin-left: 8px;
    margin-right: 8px !important;
  }
}
@media only screen and (max-width: 46.1875em) {
  body.desktop #pac-input {
    display: none !important;
  }
}
#pac-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
  font-size: 90%;
  opacity: 0.8;
}
#pac-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  font-size: 90%;
  opacity: 0.8;
}
#pac-input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
  font-size: 90%;
  opacity: 0.8;
}
#pac-input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  font-size: 90%;
  opacity: 0.8;
}
#pac-input:focus,
#pac-input.active {
  color: #212121;
  background-color: #fff;
  border-color: #4d90fe;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input:focus::-webkit-input-placeholder,
#pac-input.active::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #212121;
  font-size: 90%;
}
#pac-input:focus::-moz-placeholder,
#pac-input.active::-moz-placeholder {
  /* Firefox 19+ */
  color: #212121;
  font-size: 90%;
}
#pac-input:focus:-ms-input-placeholder,
#pac-input.active:-ms-input-placeholder {
  /* IE 10+ */
  color: #212121;
  font-size: 90%;
}
#pac-input:focus:-moz-placeholder,
#pac-input.active:-moz-placeholder {
  /* Firefox 18- */
  color: #212121;
  font-size: 90%;
}
#routingCard iron-icon[icon=search] {
  fill: #737573;
  padding-top: 20px;
}
#pointsPopupMinimalised {
  position: absolute;
  background-color: white;
  z-index: 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px lightgray solid;
  opacity: 0;
}
#pointsPopupMinimalised.noTransition {
  -moz-transition: all 0s ease 0.4s ease;
  -o-transition: all 0s ease 0.4s ease;
  -webkit-transition: all 0s ease 0.4s ease;
  transition: all 0s ease 0.4s ease;
}
#pointsPopupMinimalised.visible {
  z-index: 9;
  opacity: 1;
  bottom: auto!important;
  top: calc(56px + 24px) !important;
  right: auto!important;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  left: 500px!important;
  left: calc(375px + 24px) !important;
}
@media only screen and (min-width: 90.063em) {
  #pointsPopupMinimalised.visible {
    left: calc(470px + 24px) !important;
  }
}
#pointsPopupMinimalised.visible.hidden-from-screen {
  left: 24px!important;
}
body.list-xxl #pointsPopupMinimalised.visible {
  left: calc(735px + 24px) !important;
}
body.list-xxxl #pointsPopupMinimalised.visible {
  left: calc(850px + 24px) !important;
}
#pointsPopupMinimalised paper-icon-button {
  color: gray;
  width: 33px;
  height: 33px;
  cursor: pointer;
}
div#map .marker-label {
  background-color: white;
  border-radius: 2px;
  padding: 2px;
  opacity: 0.9;
  border: 1px solid #DBDBDB;
  margin-top: 11px;
}
.popupBoxBackground {
  z-index: 20007;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.popupBoxBackground.hidden {
  opacity: 0;
  pointer-events: none;
  display: block;
}
.popupBoxBackground.hidden .popup {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -moz-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -o-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -ms-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  transform: translate(calc(-50% + 1px), calc(-50% + 1px));
}
body.ios .popupBoxBackground.hidden .popup {
  -webkit-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -moz-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -o-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -ms-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popupBoxBackground .popup {
  position: fixed;
  z-index: 90000;
  max-height: 95%;
  background: white;
  color: #212121;
  line-height: 110%;
  font-size: 14px;
  -webkit-box-shadow: -2px 6px 17px 7px rgba(50, 50, 50, 0.44);
  -moz-box-shadow: -2px 6px 17px 7px rgba(50, 50, 50, 0.44);
  box-shadow: -2px 6px 17px 7px rgba(50, 50, 50, 0.44);
  top: 50%;
  left: 50%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -moz-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -o-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -webkit-filter: blur(0);
}
body.ios .popupBoxBackground .popup {
  -webkit-transform: translate(-50%, -50%);
}
.popupBoxBackground .popup .header span {
  cursor: pointer;
}
.popupBoxBackground .popup .header span.showButton {
  color: gray;
}
.popupBoxBackground .popup .popup-table + .popupContainer {
  padding-top: 14px;
}
.popupBoxBackground .popup .popupContainer {
  padding: 20px;
  max-height: 400px;
  overflow-y: auto;
  line-height: 120%;
}
@media only screen and (max-height: 600px) {
  .popupBoxBackground .popup .popupContainer {
    max-height: 350px;
  }
}
@media only screen and (max-height: 500px) {
  .popupBoxBackground .popup .popupContainer {
    max-height: 200px;
  }
}
@media only screen and (max-height: 350px) {
  .popupBoxBackground .popup .popupContainer {
    max-height: 100px;
  }
}
@media only screen and (max-height: 250px) {
  .popupBoxBackground .popup .popupContainer {
    max-height: 50px;
  }
}
@media only screen and (max-height: 200px) {
  .popupBoxBackground .popup .popupContainer {
    max-height: 10px;
  }
}
.popupBoxBackground .popup .popupContainer .languagePopup {
  padding-bottom: 0;
}
.popupBoxBackground .popup .popupContainer table {
  border-collapse: collapse;
}
.popupBoxBackground .popup .popupContainer #fromDayDiv .label,
.popupBoxBackground .popup .popupContainer #DaysNumberDiv .label {
  margin-top: 0;
}
.popupBoxBackground .popup .showButton {
  color: #2196F3;
  padding: 6px 15px;
  cursor: pointer;
  display: block;
  text-align: center;
}
.popupBoxBackground .popup .showButton.second {
  color: #212121;
}
.popupBoxBackground .popup .showButton span {
  display: block;
  vertical-align: middle;
}
.popupBoxBackground .popup .showButton:hover {
  background-color: #F1F3F5;
}
.popupBoxBackground .popup .showButton:active {
  background-color: #cacaca;
}
.popupBoxBackground.progressPopup {
  background: rgba(0, 0, 0, 0);
}
.popupBoxBackground.progressPopup .popup {
  min-width: 190px;
  min-height: 78px;
  -webkit-filter: blur(0);
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
  -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
  -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
  -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
  transform: translate(-50%, -50%) translateZ(0) scale(1);
}
.popupBoxBackground.progressPopup .popup #progressDiv .spinner {
  position: static;
}
paper-dialog {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
paper-dialog table.popup-table tr:first-child td:first-child {
  -moz-border-top-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}
paper-dialog table.popup-table tr:first-child td:last-child {
  -moz-border-top-right-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
common-popup .phoneSettingsPartView {
  font-size: 65%;
  line-height: 65%;
}
common-popup #notificationsDiv table {
  border-collapse: collapse;
}
common-popup #notificationsDiv table tr th {
  background-color: initial;
  color: #666666;
  font-size: 70%;
  font-weight: bold;
  padding: 10px 10px 0 10px;
}
common-popup #notificationsDiv table tr td {
  border: none;
}
#appInfoHeader {
  cursor: auto;
  white-space: nowrap;
  padding-bottom: 30px;
  font-size: 14px;
}
#appInfoHeader span {
  white-space: nowrap;
}
#appInfoHeader span.selected {
  font-weight: bold;
}
#moreTable,
.popup-table {
  text-align: center;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 300px;
  cursor: pointer;
  margin-top: 0 !important;
  -ms-word-break: break-word;
  word-break: break-word;
}
#moreTable.suspendToDate,
.popup-table.suspendToDate {
  cursor: default;
}
#datePicker > #moreTable,
#datePicker > .popup-table {
  width: 250px;
}
#datePicker.withMonthPicker > #moreTable,
#datePicker.withMonthPicker > .popup-table {
  width: 280px;
}
#moreTable tr,
.popup-table tr {
  padding: 20px;
  font-size: 120%;
}
#moreTable tr:not(.headerTr),
.popup-table tr:not(.headerTr) {
  font-size: 14px;
}
#moreTable tr th,
.popup-table tr th,
#moreTable tr:first-child td.common-popup,
.popup-table tr:first-child td.common-popup {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 10px 16px;
  height: 35px;
  font-weight: normal;
  text-align: left;
}
#moreTable#moreTable tr td,
#moreTable.popup-table tr td {
  width: 50%;
  text-align: center;
}
#moreTable#moreTable tr td div,
#moreTable.popup-table tr td div {
  white-space: normal;
}
#moreTable tr td:not(.common-popup),
.popup-table tr td:not(.common-popup) {
  padding: 10px;
  border: 1px solid #ededed;
  max-height: 100px;
  position: relative;
}
#moreTable tr td:not(.common-popup):first-child,
.popup-table tr td:not(.common-popup):first-child {
  border-left: 0;
}
#moreTable tr td:not(.common-popup):last-child,
.popup-table tr td:not(.common-popup):last-child {
  border-right: 0;
}
#moreTable tr td:not(.common-popup) img,
.popup-table tr td:not(.common-popup) img {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 40px;
}
#moreTable tr:first-child td,
.popup-table tr:first-child td {
  border-top: 0;
}
#moreTable tr:last-child td,
.popup-table tr:last-child td {
  border-bottom: 0;
}
#moreTable {
  color: #2196F3;
  font-weight: 500;
  margin: auto;
}
#moreTable td {
  height: 100px;
  font-size: 78%;
  text-transform: uppercase;
}
#moreTable .icon {
  padding: 10px;
}
#moreTable .icon iron-icon,
#moreTable .icon svg {
  width: 32px;
  height: 32px;
}
#moreTable .icon svg path {
  fill: #2196F3 !important;
}
#moreTable.suspendToDate {
  cursor: default;
  width: 370px;
}
#moreTable.suspendToDate #suspendToDate {
  width: 160px;
  margin: auto;
}
#appInfo {
  font-size: 90%;
  min-width: 230px;
  max-width: 550px;
  overflow: auto;
  cursor: auto;
}
#confirmationPopup {
  min-width: 230px;
}
#confirmationPopup .popupTitle {
  padding: 10px;
  background-color: #E65100;
  color: white;
  margin: 0;
}
#confirmationPopup .popupTitle div {
  max-width: 350px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#confirmationPopup .popupContainer {
  padding: 24px;
}
#confirmationPopup .showButton {
  padding: 18px 12px;
}
#confirmationPopup .showButton#confirmButton {
  margin-right: 8px;
}
body.phone .Popup {
  background-image: url(../../Images/backgroundGray.png);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: white;
  z-index: 2000;
}
#shipmentsObjsTableMain {
  line-height: 100%;
}
#shipmentsObjsTableMain tr {
  padding: 0!important;
}
#shipmentsObjsTableMain td {
  padding-bottom: 0!important;
}
#shipmentsObjsTableMain tr.obj td {
  padding-top: 10px!important;
  line-height: 110%;
}
#shipmentsObjsTableMain tr.obj:hover {
  background-color: lightgray;
}
#sendCommandTable {
  width: 282px;
}
#sendCommandTable tr {
  padding: 0;
}
#sendCommandTable tr td {
  border: none;
}
#sendCommandTable paper-dropdown-menu,
#sendCommandTable paper-input {
  width: 80%;
}
#pointGroupsTable {
  font-size: 85%;
}
#pointGroupsTable > table,
#pointGroupsTable > div {
  margin: 16px;
}
#pointGroupsTable,
#shipmentsObjsTable,
#shipmentsObjsTableMain,
#activeRulesObjdTable,
#filterEventTypesTable,
#sendCommandTable,
.defaultPopup {
  border-collapse: collapse;
}
#pointGroupsTable:not(#sendCommandTable):not(#filterEventTypesTable),
#shipmentsObjsTable:not(#sendCommandTable):not(#filterEventTypesTable),
#shipmentsObjsTableMain:not(#sendCommandTable):not(#filterEventTypesTable),
#activeRulesObjdTable:not(#sendCommandTable):not(#filterEventTypesTable),
#filterEventTypesTable:not(#sendCommandTable):not(#filterEventTypesTable),
#sendCommandTable:not(#sendCommandTable):not(#filterEventTypesTable),
.defaultPopup:not(#sendCommandTable):not(#filterEventTypesTable) {
  min-width: 400px;
}
#pointGroupsTable tr,
#shipmentsObjsTable tr,
#shipmentsObjsTableMain tr,
#activeRulesObjdTable tr,
#filterEventTypesTable tr,
#sendCommandTable tr,
.defaultPopup tr {
  padding: 20px;
  font-size: 120%;
}
#pointGroupsTable tr th,
#shipmentsObjsTable tr th,
#shipmentsObjsTableMain tr th,
#activeRulesObjdTable tr th,
#filterEventTypesTable tr th,
#sendCommandTable tr th,
.defaultPopup tr th {
  cursor: default;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #898989;
  padding: 10px 16px;
  height: 35px;
  font-weight: normal;
  text-align: left;
  -moz-border-top-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
#pointGroupsTable tr td,
#shipmentsObjsTable tr td,
#shipmentsObjsTableMain tr td,
#activeRulesObjdTable tr td,
#filterEventTypesTable tr td,
#sendCommandTable tr td,
.defaultPopup tr td {
  padding: 10px;
}
#pointGroupsTable tr td input,
#shipmentsObjsTable tr td input,
#shipmentsObjsTableMain tr td input,
#activeRulesObjdTable tr td input,
#filterEventTypesTable tr td input,
#sendCommandTable tr td input,
.defaultPopup tr td input {
  width: 20px;
  height: 20px;
}
#pointGroupsTable tr td:nth-child(1),
#shipmentsObjsTable tr td:nth-child(1),
#shipmentsObjsTableMain tr td:nth-child(1),
#activeRulesObjdTable tr td:nth-child(1),
#filterEventTypesTable tr td:nth-child(1),
#sendCommandTable tr td:nth-child(1),
.defaultPopup tr td:nth-child(1) {
  width: 20px;
  padding-left: 20px;
}
#pointGroupsTable tr td:not(.auto-width):nth-child(2),
#shipmentsObjsTable tr td:not(.auto-width):nth-child(2),
#shipmentsObjsTableMain tr td:not(.auto-width):nth-child(2),
#activeRulesObjdTable tr td:not(.auto-width):nth-child(2),
#filterEventTypesTable tr td:not(.auto-width):nth-child(2),
#sendCommandTable tr td:not(.auto-width):nth-child(2),
.defaultPopup tr td:not(.auto-width):nth-child(2) {
  text-align: left;
  width: 300px;
}
#pointGroupsTable tr td:not(.auto-width):nth-child(3),
#shipmentsObjsTable tr td:not(.auto-width):nth-child(3),
#shipmentsObjsTableMain tr td:not(.auto-width):nth-child(3),
#activeRulesObjdTable tr td:not(.auto-width):nth-child(3),
#filterEventTypesTable tr td:not(.auto-width):nth-child(3),
#sendCommandTable tr td:not(.auto-width):nth-child(3),
.defaultPopup tr td:not(.auto-width):nth-child(3) {
  text-align: left;
  font-size: 90%;
  width: 100px;
}
#pointGroupsTable tr:last-child td,
#shipmentsObjsTable tr:last-child td,
#shipmentsObjsTableMain tr:last-child td,
#activeRulesObjdTable tr:last-child td,
#filterEventTypesTable tr:last-child td,
#sendCommandTable tr:last-child td,
.defaultPopup tr:last-child td {
  padding-bottom: 20px;
}
#pointGroupsTable tr span.pointsCount,
#shipmentsObjsTable tr span.pointsCount,
#shipmentsObjsTableMain tr span.pointsCount,
#activeRulesObjdTable tr span.pointsCount,
#filterEventTypesTable tr span.pointsCount,
#sendCommandTable tr span.pointsCount,
.defaultPopup tr span.pointsCount,
#pointGroupsTable tr span.obj-battery,
#shipmentsObjsTable tr span.obj-battery,
#shipmentsObjsTableMain tr span.obj-battery,
#activeRulesObjdTable tr span.obj-battery,
#filterEventTypesTable tr span.obj-battery,
#sendCommandTable tr span.obj-battery,
.defaultPopup tr span.obj-battery {
  color: gray;
  text-align: left;
  font-size: 80%;
  width: 100px;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1 .toggle-bar.paper-toggle-button {
  background-color: #000000;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1 .toggle-button.paper-toggle-button {
  background-color: #fafafa;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-bar.paper-toggle-button {
  background-color: #2196F3;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-button.paper-toggle-button {
  background-color: #2196F3;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1 .toggle-ink.paper-toggle-button {
  color: #212121;
}
#pointGroupsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
#shipmentsObjsTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
#shipmentsObjsTableMain tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
#activeRulesObjdTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
#filterEventTypesTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
#sendCommandTable tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button,
.defaultPopup tr paper-toggle-button.paper-toggle-button-1[checked] .toggle-ink.paper-toggle-button {
  color: #2196F3;
}
#filterEventTypesTable {
  min-width: 660px;
}
#filterEventTypesTable tr:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
#filterEventTypesTable tr td {
  font-size: 16px;
  padding: 16px;
  width: 33% !important;
  /*&:nth-child(1) {
                padding-left:30px;
                text-align: left;
                width: auto;
            }

            &:nth-child(2) {
                text-align: left;
                font-size: 80%;
                width: 100px;
            }

            &:nth-child(3) {
                width: 20px;
                text-align: right;
                padding-right: 30px;
            }*/
}
#filterEventTypesTable tr td input {
  width: auto;
  height: auto;
}
#filterEventTypesTable tr td #checkboxLabel {
  font-size: 16px;
}
#filterEventTypesTable tr td paper-checkbox {
  padding-bottom: 12px;
  padding-top: 12px;
}
#filterEventTypesTable tr td paper-radio-group {
  width: 100%;
}
#filterEventTypesTable tr td paper-radio-group > * {
  padding-left: 0;
  width: 33%;
}
#sendCommandTable tr#MediumTypeInfo {
  font-size: 110%;
}
#sendCommandTable tr td {
  padding: 10px 27px!important;
}
#sendCommandTable tr td input {
  width: 150px;
  height: inherit;
}
#sendCommandTable tr td .label {
  font-size: 80%;
}
#activeRulesObjdTable tr td:nth-child(3) {
  width: auto;
}
paper-button.paper-button-link {
  background-color: white;
  color: #2196F3;
}
iron-selector.my {
  position: absolute;
  width: auto;
  min-width: 210px;
  max-width: 500px;
  height: auto;
  min-height: 50px;
  max-height: 400px;
  overflow-y: auto;
  background-color: white;
  z-index: 11;
}
iron-selector.my paper-item {
  padding: 0;
  margin: 0;
}
iron-selector.my paper-button {
  margin: 0;
  width: 100%;
  height: 48px;
  text-transform: none;
  padding: 0px 16px;
  text-align: left;
  padding-top: 12px;
  overflow-x: hidden;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
paper-input.selector {
  cursor: pointer;
  background-image: url(../../Images/arrow_drop_down_dark.svg) !important;
  background-repeat: no-repeat;
  background-position: right 70%;
  background-size: 20px;
}
paper-input.selector[disabled] {
  cursor: auto;
}
#SimpleProgressTemplatePopupContainer {
  background-color: rgba(255, 255, 255, 0.5);
}
#scrim {
  z-index: 101;
}
app-drawer #contentContainer {
  z-index: 102;
}
paper-drawer-panel::shadow #scrim {
  z-index: 101;
}
#appScreenshot {
  cursor: pointer;
}
#appScreenshot:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.phoneSettingsPartView {
  text-align: left;
  /*&:active { background-color: @backgroundSelectedColor; }*/
  padding: 15px 18px;
}
.phoneSettingsPartView:not(.no-bottom-border) {
  border-bottom: 1px solid #e8e8e8;
}
body.desktop .phoneSettingsPartView {
  cursor: pointer;
}
.phoneSettingsPartView.Settings {
  padding: 15px 10px;
  line-height: 20px;
}
.phoneSettingsPartView.homePhoneSettingsPartView {
  border-bottom: none;
  margin: 0 15px;
  padding: 0;
}
.phoneSettingsPartView > table {
  border-collapse: collapse;
  width: 100%;
  /*td {   
                body.phone & { padding: 15px 10px; }
            }*/
}
.phoneSettingsPartView > table#deviceInfoTable {
  width: auto;
}
.phoneSettingsPartView > table .longPartViewLabel {
  max-width: 90%;
}
.phoneSettingsPartView > table .shortPartViewLabel {
  max-width: 45%;
}
body.phone .phoneSettingsPartView > table .shortPartViewLabel {
  max-width: 100%;
}
.phoneSettingsPartView > form {
  padding: 15px 10px;
}
.phoneSettingsPartView .applicationInfo {
  padding: 15px 10px;
}
form > .phoneSettingsPartView {
  padding: 15px 10px;
}
.settingsViewError,
.settingsViewWarning,
.settingsViewConnectionWarning {
  background-size: 18px;
  background-repeat: no-repeat;
  min-height: 20px;
  padding-left: 23px;
  font-size: 90%;
}
.settingsViewError {
  background-image: url(../../Images/cancel-icon.png);
  color: red;
}
.settingsViewWarning,
.settingsViewConnectionWarning {
  background-image: url(../../Images/Warning-icon.png);
}
.settingsViewInfo {
  background-image: url(../../Images/info_icon_dark.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 23px;
  font-size: 90%;
}
.phoneSettingsButtons {
  padding: 20px 10px 24px 10px;
  text-align: center;
  border: 0;
}
body.phone .phoneSettingsButtons {
  padding: 20px 2px 24px 2px;
}
.contactInfo {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: white;
  padding: 6px 10px 6px 38px;
  margin: 6px 5px 5px 0px;
  color: #212121;
  background-repeat: no-repeat;
}
.contactInfo.msg {
  background-image: url(../../Images/msg.png);
  background-position: 10px 8px;
}
body.phone .contactInfo.msg {
  background-image: url(../../Images/Phone/koperta.png);
  background-position: 11px 9px;
  background-size: 19px;
}
.contactInfo.tel {
  background-image: url(../../Images/tel.png);
  background-position: 12px 4px;
}
body.phone .contactInfo.tel {
  background-image: url(../../Images/Phone/telSzary.png);
  background-position: 14px 4px;
  background-size: 13px;
}
.contactInfo.objName {
  background-image: url(../../Images/opcje-ciemne.png);
  background-repeat: no-repeat;
  background-position: 8px 5px;
}
body.phone .contactInfo.objName {
  background-image: url(../../Images/Phone/opcje-ciemne.png);
  background-position: 8px 6px;
  background-size: 18px;
}
.contactInfo input {
  border: none;
  width: 100%;
}
.appInfoDiv {
  font-size: 90%;
  max-height: 380px;
  border-spacing: 2px;
  overflow: hidden;
  text-align: left;
  cursor: auto;
}
.appInfoDiv#appInfo2 {
  max-height: 500px;
}
.appInfoDiv#appInfo4,
.appInfoDiv#appInfo5,
.appInfoDiv#appInfo6,
.appInfoDiv#appInfo7 {
  max-height: 100%;
  display: none;
}
.appInfoDiv#appInfo6 {
  padding: 16px 16px 0 16px;
}
.appInfoDiv#appInfo4,
.appInfoDiv#appInfo8 {
  padding: 16px 16px 0 16px;
}
#drawer {
  z-index: 101;
}
#addReport {
  top: 28px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  #addReport {
    top: 100px;
  }
}
.summaryDetails .spinner {
  position: static!important;
}
body.Settings .page-main-content {
  left: 0;
}
body.Settings .page-main-content paper-toolbar {
  left: auto;
  right: auto;
  width: 100%;
}
#config-pages {
  padding-top: 24px;
}
#summary {
  margin-left: auto;
  margin-right: auto;
}
#summary body.ComboReports.AddReport {
  max-width: 1320px;
}
body.phone #summary {
  cursor: auto;
  font-size: 80%;
  padding-left: 10px;
}
body.phone #summary .summaryTitle {
  font-size: 110%;
  padding-top: 15px;
}
div.summaryDetails:not(.obj-edition):not(.user-edition):not(.driver-edition):not(.group-edition) table:not(.ordinary-table):not(. history-summary) tr td:first-child {
  padding-right: 10px;
}
div.summaryDetails:not(.obj-edition):not(.user-edition):not(.driver-edition):not(.group-edition) table:not(.ordinary-table):not(. history-summary) tr td:nth-child(2n) {
  font-size: 85%;
}
/*body.desktop &*/
.summaryHeader {
  font-size: 12px;
  font-weight: 500;
  padding: 25px 0 5px 0;
  color: #E65100;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
body.desktop div.summaryDetails .SummaryElementValue,
body.desktop div.summaryDetails td.label {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
body.desktop div.summaryDetails .SummaryElementValue:not(.histogram),
body.desktop div.summaryDetails td.label:not(.histogram) {
  -ms-word-break: break-word;
  word-break: break-word;
}
div.summaryDetails textarea.SummaryElementValue,
div.summaryDetails input.SummaryElementValue {
  border: none;
  width: 100%;
  background-color: transparent;
  font-size: 100%;
  font-family: 'Roboto', "Tahoma", "sans-serif", Arial, Helvetica, Sans-Serif;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 1px #F5F5F5 solid;
}
div.summaryDetails table {
  width: 100%;
}
div.summaryDetails table tr td {
  padding: 5px;
}
@media only screen and (min-width: 500px) {
  div.summaryDetails table tr td.not(.icon-width) {
    min-width: 70px;
  }
}
div.summaryDetails table tr td.histogram {
  padding: 0;
}
div.summaryDetails table tr td.histogram .SummaryElementValue.histogram {
  padding: 5px 0;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
div.summaryDetails table tr td.histogram .SummaryElementValue.histogram.zero {
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
  width: 0%!important;
}
.drivingStyleHistogram div.summaryDetails table {
  max-width: 850px;
}
div.summaryDetails#roadsTab td {
  width: auto;
  font-size: 85%;
}
#summaryDiv {
  position: fixed;
  right: 0px;
  top: 56px;
  left: 0;
  bottom: 0px;
  background-color: white;
  overflow: auto;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 10;
  /*@media only screen and (min-width: @XXLargeScreenWidth) {
        body.desktop & { left: @leftPanelWithL; }
    }*/
}
body.desktop.ComboReports.AddReport #summaryDiv {
  background-color: #eee;
  position: fixed;
  top: 56px;
  right: 0;
  left: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  width: auto;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  body.desktop.Settings #summaryDiv,
  body.desktop.History.Index #summaryDiv,
  body.desktop.ComboReports #summaryDiv {
    background-color: #eee;
    position: absolute;
    top: 128px;
    z-index: 10;
  }
}
.leftPanel #summaryDiv {
  top: 0;
}
#summary {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*padding: 10px 5px 10px 5px;*/
  padding: 10px 2%;
  background-color: white;
  z-index: 11;
  position: relative;
  overflow: auto;
  bottom: 0;
  width: 96%;
  top: 40px;
  /*body.desktop.ComboReports.AddReport & {
        padding: 0;
    }*/
  /*body.desktop.ComboReports.AddReport & {background-color: #eee;}*/
}
body.phone #trackList #summary {
  position: relative;
  top: 0;
  margin-left: 0;
}
#summaryTabs ~ #summary {
  top: 115px;
}
body.desktop.ComboReports.AddReportParameters #summary {
  top: 56px;
  position: absolute;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  body.desktop.Settings #summary,
  body.desktop.History.Index #summary,
  body.desktop.ComboReports #summary,
  body.desktop.ComboReports.AddReport #summary {
    -webkit-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
    -moz-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
    box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
    background-color: white;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    top: 70px!important;
    width: auto;
    padding: 9px 0px;
    left: 205px;
    right: 135px;
    /* bottom: 28px; */
    min-height: 60%;
    /* max-height: 80%; */
    /* overflow: auto; */
    min-width: 360px;
    overflow-y: auto;
    bottom: 30px;
    max-width: 1000px;
  }
  body.desktop.ComboReports #summary {
    padding: 0px 0px 9px 0px;
  }
  body.desktop.ComboReports.AddReport #summary {
    /*background-color: #eee;*/
    padding: 10px 10px 10px 0px;
  }
  body.desktop.ComboReports.AddReportParameters #summary,
  body.desktop.ComboReports.AddReport #summary,
  body.desktop.Main.Settings #summary {
    right: 70px;
  }
}
#summary #summaryTitle,
#summary .summaryTitle {
  font-size: 130%;
  line-height: 130%;
  padding: 10px 10px 20px 10px;
  display: none;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  body.desktop.Settings #summary #summaryTitle,
  body.desktop.Settings #summary .summaryTitle,
  body.desktop.History.Index #summary #summaryTitle,
  body.desktop.History.Index #summary .summaryTitle,
  body.desktop.ComboReports #summary #summaryTitle,
  body.desktop.ComboReports #summary .summaryTitle {
    display: block;
  }
  body.desktop.ComboReports.AddReport #summary #summaryTitle,
  body.desktop.ComboReports.AddReport #summary .summaryTitle {
    padding-left: 35px;
  }
}
#drivingStyleContainer #summary #summaryTitle,
#drivingStyleContainer #summary .summaryTitle {
  display: block;
}
#summary table {
  border-collapse: collapse;
}
#summary table.odd-even-rows tr:nth-child(even) {
  background-color: #f4f4f4;
}
#summaryTabs {
  /*margin-top:10px;*/
  width: 100%;
  z-index: 16;
  position: absolute;
  /*.transition;*/
  left: 0;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  background-color: white;
  border-top: 1px solid #EDEDED;
}
#summaryTabs .buttonstyle {
  font-size: 90%;
  color: #212121;
}
#summaryTabs span,
#summaryTabs .span {
  width: 93%;
  text-align: left;
  color: #212121;
  border-left: transparent 4px solid;
  padding: 8px 10px 8px 15px;
  margin-left: 0;
  position: relative;
  font-size: 13.75px;
  line-height: 13.75px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: 'Google Sans', Roboto, Arial;
  font-weight: 500;
  border-radius: 0 17px 17px 0;
}
body.Admin #summaryTabs span,
body.Admin #summaryTabs .span {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-right: 0px;
  width: 89%;
}
#summaryTabs span.expandable,
#summaryTabs .span.expandable {
  background-image: url(../../Images/zwin.svg);
  background-repeat: no-repeat;
  background-position: right;
}
#summaryTabs span.expandable.expanded,
#summaryTabs .span.expandable.expanded {
  background-image: url(../../Images/rozwin.svg);
}
#summaryTabs span.active,
#summaryTabs .span.active {
  color: #E65100;
  font-weight: bold;
  border-left: #E65100 4px solid;
}
#summaryTabs div.active span,
#summaryTabs div.active .span {
  color: #E65100 !important;
}
.tab-category {
  padding: 6px 10px 6px 15px;
  margin-top: 9px;
  margin-bottom: 8px;
}
.tab-category span,
#summaryTabs .tab-category span {
  font-size: 15.71px !important;
  color: #212121 !important;
  padding-left: 0 !important;
}
.tab-category span:hover,
#summaryTabs .tab-category span:hover {
  color: #212121 !important;
}
#History #summaryTabs span,
body.ComboReports #summaryTabs span,
#History #summaryTabs .span,
body.ComboReports #summaryTabs .span {
  font-size: 13.75px;
  line-height: 16px;
  color: #606368;
  border-left: none;
  margin-right: 0;
  padding-right: 0;
}
#History #summaryTabs span iron-icon,
body.ComboReports #summaryTabs span iron-icon,
#History #summaryTabs .span iron-icon,
body.ComboReports #summaryTabs .span iron-icon {
  margin-right: 16px;
  color: #606368;
}
#History #summaryTabs span iron-icon.active,
body.ComboReports #summaryTabs span iron-icon.active,
#History #summaryTabs .span iron-icon.active,
body.ComboReports #summaryTabs .span iron-icon.active {
  display: none;
}
#History #summaryTabs span iron-icon.inactive,
body.ComboReports #summaryTabs span iron-icon.inactive,
#History #summaryTabs .span iron-icon.inactive,
body.ComboReports #summaryTabs .span iron-icon.inactive {
  display: inline-flex;
}
#History #summaryTabs span.active,
body.ComboReports #summaryTabs span.active,
#History #summaryTabs .span.active,
body.ComboReports #summaryTabs .span.active {
  font-weight: 500;
  color: #E65100 !important;
  border-left: none;
  background-color: #ffe5d7;
}
#History #summaryTabs span.active iron-icon,
body.ComboReports #summaryTabs span.active iron-icon,
#History #summaryTabs .span.active iron-icon,
body.ComboReports #summaryTabs .span.active iron-icon {
  fill: #E65100;
}
#History #summaryTabs span.active iron-icon.active,
body.ComboReports #summaryTabs span.active iron-icon.active,
#History #summaryTabs .span.active iron-icon.active,
body.ComboReports #summaryTabs .span.active iron-icon.active {
  display: inline-flex;
}
#History #summaryTabs span.active iron-icon.inactive,
body.ComboReports #summaryTabs span.active iron-icon.inactive,
#History #summaryTabs .span.active iron-icon.inactive,
body.ComboReports #summaryTabs .span.active iron-icon.inactive {
  display: none;
}
#History #summaryTabs span:not(.noLeftPadding),
body.ComboReports #summaryTabs span:not(.noLeftPadding) {
  padding-left: 6px;
  padding-right: 0;
}
#History #summaryTabs span.noLeftPadding,
body.ComboReports #summaryTabs span.noLeftPadding {
  padding-left: 0;
  padding-right: 0;
}
#History #summaryTabs span.noRightPadding,
body.ComboReports #summaryTabs span.noRightPadding {
  padding-right: 0;
}
#drawer paper-header-panel paper-toolbar {
  background-color: white;
}
.summary {
  position: relative;
  z-index: 9;
  height: 90%;
  height: calc(100% - 70px);
}
.summary iron-pages {
  padding-left: 70px;
  padding-right: 70px;
  height: 100%;
}
@media only screen and (max-width: 640px) {
  .summary iron-pages {
    padding-left: 0;
    padding-right: 0;
  }
}
.summary iron-pages > div {
  -moz-transition: all 0.3s ease-in-out, opacity 0.3s ease;
  -o-transition: all 0.3s ease-in-out, opacity 0.3s ease;
  -webkit-transition: all 0.3s ease-in-out, opacity 0.3s ease;
  transition: all 0.3s ease-in-out, opacity 0.3s ease;
}
.summary iron-pages > div:not(.visible).before {
  -webkit-transform: translate(0, -120%);
  -moz-transform: translate(0, -120%);
  -o-transform: translate(0, -120%);
  -ms-transform: translate(0, -120%);
  transform: translate(0, -120%);
}
.summary iron-pages > div:not(.visible).after {
  -webkit-transform: translate(0, 150%);
  -moz-transform: translate(0, 150%);
  -o-transform: translate(0, 150%);
  -ms-transform: translate(0, 150%);
  transform: translate(0, 150%);
}
.summary iron-pages .summaryDetails {
  height: 80%;
  height: calc(100% - 80px);
}
.page-content {
  margin: 70px auto 30px auto;
  height: auto;
  background-color: white;
  max-width: 1200px;
  padding: 10px 25px;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
  -moz-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
  box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.27);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  min-height: 60%;
  padding-bottom: 50px;
  display: block;
  bottom: auto !important;
  min-height: 80%;
}
#rental-history .page-content {
  margin: 16px auto 30px auto;
}
.page-content.has-table {
  height: 90%;
  height: calc(100% - 95px);
}
.page-content.no-max-width {
  max-width: none;
}
#summaryTitle {
  font-size: 130%;
  line-height: 130%;
  padding: 10px 10px 20px 10px;
}
#history-summary-pages table.two-columns td:first-child,
#config-pages table.two-columns td:first-child,
#obj-edit-pages-all table.two-columns td:first-child {
  width: 25%;
}
#history-summary-pages table.three-columns td,
#config-pages table.three-columns td,
#obj-edit-pages-all table.three-columns td {
  width: 33.3% !important;
}
#history-summary-pages table.three-columns td[colspan='2'],
#config-pages table.three-columns td[colspan='2'],
#obj-edit-pages-all table.three-columns td[colspan='2'] {
  width: 66.6% !important;
}
#history-summary-pages table.three-columns td[colspan='3'],
#config-pages table.three-columns td[colspan='3'],
#obj-edit-pages-all table.three-columns td[colspan='3'] {
  width: 100%!important;
}
#history-summary-pages table.four-columns td,
#config-pages table.four-columns td,
#obj-edit-pages-all table.four-columns td {
  width: 25%!important;
}
#history-summary-pages table.four-columns td[colspan='2'],
#config-pages table.four-columns td[colspan='2'],
#obj-edit-pages-all table.four-columns td[colspan='2'] {
  width: 50%!important;
}
#history-summary-pages table.four-columns td[colspan='3'],
#config-pages table.four-columns td[colspan='3'],
#obj-edit-pages-all table.four-columns td[colspan='3'] {
  width: 75%!important;
}
#history-summary-pages table.four-columns td[colspan='4'],
#config-pages table.four-columns td[colspan='4'],
#obj-edit-pages-all table.four-columns td[colspan='4'] {
  width: 100%!important;
}
#drivingStyle table td {
  padding-bottom: 10px;
}
#drawerToolbar {
  width: 375px;
  height: 100%;
  height: calc(100% - 1px);
  float: left;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: white;
  color: #E65100;
  border-bottom: 1px solid #ffd1b8;
}
#drawerToolbar.no-bottom-border {
  border-bottom: 1px solid white;
}
body.phone #drawerToolbar.pseudo {
  display: none;
}
#drawerToolbar:not(.no-right-border) {
  border-right: 1px #c74600 solid;
}
@media only screen and (min-width: 90.063em) {
  body:not(.Rules) #drawerToolbar {
    width: 470px !important;
  }
}
#tools {
  height: 56px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0px;
  background-color: transparent;
  vertical-align: middle;
  overflow: hidden;
  z-index: 15;
  color: white;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*#summaryTabs ~ & {.box-shadow(0px, 0, 0, 0px, transparent);}*/
  /*#tools2 {
        left: 351px;
        position: fixed;
        top: 0;
        height: @tollbarHeight;
        
        @media only screen and (min-width: @XXLargeScreenWidth) {
            body.desktop & {
                left: 406px;// jeśli wielkośc ekranu jest duża to chcemy większą listę  XLarge screens
            }
        }

        #showHideArrows {
            margin: auto;
            top: 14px;
            position: fixed;
            .transition;
        }
    }*/
  /*body.phone &.synchronizing .toolbarTitle.centerVInParent {padding-bottom:10px;}*/
}
#tools:not(.KeratronikOnline) {
  background-color: #E65100;
}
#history-pages-all #tools {
  z-index: 1001;
}
#tools.gradient:not(.KeratronikOnline) {
  background-image: linear-gradient(#c74600, #ff5d06);
}
#tools.KeratronikOnline,
#tools.Seris {
  background-image: linear-gradient(white, white);
  background-image: url(../../Images/Banner/kera.jpg);
  background-position: center;
  background-size: cover;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}
#tools.KeratronikOnline.tall,
#tools.Seris.tall {
  height: 450px !important;
}
#tools.tall {
  height: 192px;
}
#tools.hidden-from-screen {
  left: -375px;
}
@media only screen and (min-width: 90.063em) {
  #tools.hidden-from-screen.hidden-from-screen {
    left: -470px !important;
  }
}
#tools.hidden-from-screen #onlineTitle {
  margin-left: 0px;
}
body.desktop.list-xl #tools.hidden-from-screen {
  left: -600px !important;
}
body.desktop.list-xxl #tools.hidden-from-screen {
  left: -735px !important;
}
body.desktop.list-xxxl #tools.hidden-from-screen {
  left: -850px !important;
}
#tools.with-right-report {
  right: 400px;
}
#tools #onlineTitleLoggedAs {
  margin-left: 0px;
  padding-left: 0;
  font-weight: 500;
  text-decoration: underline;
}
#tools #onlineTitle,
#tools #pointsTitle {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 15px;
  line-height: 17px;
  margin-left: 22px;
}
#tools #onlineTitle .bold,
#tools #pointsTitle .bold {
  font-weight: 500;
  font-size: 16px;
}
body.phone:not(.Configuration):not(.Notifications) #tools #onlineTitle,
body.phone:not(.Configuration):not(.Notifications) #tools #pointsTitle {
  display: none;
}
#tools #objFilterBadge {
  --paper-badge-text-color: #E65100 !important;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  body.desktop.Settings #tools.high,
  body.desktop.History.Index #tools.high,
  body.desktop.ComboReports #tools.high {
    height: 128px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 7;
  }
  body.desktop.Settings #tools.high paper-icon-button.bottom,
  body.desktop.History.Index #tools.high paper-icon-button.bottom,
  body.desktop.ComboReports #tools.high paper-icon-button.bottom {
    margin-top: 80px !important;
  }
  body.desktop.Settings #tools.high .toolbarTitle,
  body.desktop.History.Index #tools.high .toolbarTitle,
  body.desktop.ComboReports #tools.high .toolbarTitle {
    margin-top: 72px !important;
  }
  body.desktop.Settings #tools.high #onlineTitle,
  body.desktop.History.Index #tools.high #onlineTitle,
  body.desktop.ComboReports #tools.high #onlineTitle,
  body.desktop.Settings #tools.high #historyTitle,
  body.desktop.History.Index #tools.high #historyTitle,
  body.desktop.ComboReports #tools.high #historyTitle,
  body.desktop.Settings #tools.high #reportsTitle,
  body.desktop.History.Index #tools.high #reportsTitle,
  body.desktop.ComboReports #tools.high #reportsTitle {
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-width: 125px;
    top: 22% !important;
    font-size: 120%;
    line-height: 120%;
    white-space: normal;
    text-overflow: initial;
  }
}
body.Main.Index #tools {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#tools.high #drawerToolbar {
  border-right: none;
}
#tools.high #drawerToolbar #showHideArrows {
  display: none;
}
#tools.history #drawerToolbar .toolbarTitle {
  top: 29px !important;
  max-width: 90%;
}
@media only screen and (min-width: 75em) and (min-width: 8.5in) {
  body.phone #tools.history #drawerToolbar .toolbarTitle {
    max-width: 30%;
  }
}
@media only screen and (min-width: 90.063em) {
  #tools.history #drawerToolbar .toolbarTitle {
    max-width: 270px;
  }
}
body.desktop #tools.history #drawerToolbar .toolbarTitle {
  padding-right: 0;
  max-width: 170px;
}
@media only screen and (min-width: 90.063em) {
  body.desktop #tools.history #drawerToolbar .toolbarTitle {
    max-width: 265px;
  }
}
body.desktop #tools.history #drawerToolbar .toolbarTitle.relocations {
  max-width: 270px !important;
}
#tools.history #drawerToolbar .toolbarTitle.events {
  max-width: calc(100% - 150px) !important;
}
#tools input-search {
  color: #212121;
  --primary-text-color: white;
  --secondary-text-color: white;
}
#tools #objNameSearch,
#tools #pointNameSearch {
  float: left;
  width: 70%;
  width: calc(100% - 80px);
  /*position: fixed;
    top: 0;
    left: 64px;
    right: 64px;*/
}
body.desktop #tools #objNameSearch,
body.desktop #tools #pointNameSearch {
  --paper-input-container-input-color: #E65100;
  --primary-text-color: #E65100;
  --secondary-text-color: #E65100;
  color: #E65100;
}
body.phone #tools #objNameSearch,
body.phone #tools #pointNameSearch {
  width: calc(100% - 130px);
}
#tools #objNameSearch paper-input-container input,
#tools #pointNameSearch paper-input-container input {
  color: white;
}
#tools #objNameSearch paper-input-container label,
#tools #pointNameSearch paper-input-container label {
  color: rgba(255, 255, 255, 0.7);
  width: 291px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 90.063em) {
  #tools #objNameSearch paper-input-container label,
  #tools #pointNameSearch paper-input-container label {
    width: 386px;
  }
}
#tools #objNameSearch paper-input-container div.input-content.label-is-floating.paper-input-container label,
#tools #pointNameSearch paper-input-container div.input-content.label-is-floating.paper-input-container label {
  -webkit-transform: translate3d(0, -60%, 0) scale(0.75);
  -moz-transform: translate3d(0, -60%, 0) scale(0.75);
  -o-transform: translate3d(0, -60%, 0) scale(0.75);
  -ms-transform: translate3d(0, -60%, 0) scale(0.75);
  transform: translate3d(0, -60%, 0) scale(0.75);
}
body[data-browsername="Internet Explorer"] #tools #objNameSearch paper-input-container .underline div,
body[data-browsername="Internet Explorer"] #tools #pointNameSearch paper-input-container .underline div {
  top: auto;
  bottom: -5px;
}
#tools .hoverElement {
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 3px 7px;
  cursor: pointer;
}
#tools .hoverElement.expand {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#tools .hoverElement:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#tools a {
  margin: 3px 7px;
  cursor: pointer;
}
#tools a:hover {
  text-decoration: none;
}
#tools .mainMenuElement {
  width: 65px;
  min-width: 45px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#tools .mainMenuElement.FullScreen,
#tools .mainMenuElement.ExitFullScreen,
#tools .mainMenuElement.HistorySummaryMenu,
#tools .mainMenuElement.UserLocationMenu {
  background-size: 24px;
}
#tools .mainMenuElement.UserLocationMenu div {
  background-image: url(../../Images/user_location_icon.svg);
}
#tools .mainMenuElement.FullScreen div {
  background-image: url(../../Images/full_screen_icon.svg);
}
#tools .mainMenuElement.ObjInfoSummary div {
  background-image: url(../../Images/info_icon_white.svg);
}
#tools .mainMenuElement.Settings div {
  background-image: url(../../Images/settings_icon_white.svg);
}
#tools .mainMenuElement.ExitFullScreen div {
  background-image: url(../../Images/full_screen_exit_icon.svg);
}
#tools .mainMenuElement.HistorySummaryMenu div {
  background-image: url(../../Images/sum2.svg);
}
#tools .mainMenuElement.LanguageMenu div {
  background-image: url(../../Images/language_icon_white.svg);
}
#tools .mainMenuElement.PointGroupSharingMenu div {
  background-image: url(../../Images/user_location_icon.svg);
}
#tools .mainMenuElement#ListMenu,
#tools .mainMenuElement#MapMenu,
#tools .mainMenuElement#HistoryMenu,
#tools .mainMenuElement#HistoryDate,
#tools .mainMenuElement#ChartsMenu,
#tools .mainMenuElement#TagMenu,
#tools .mainMenuElement#HistorySummaryMenu,
#tools .mainMenuElement#EventsMore,
#tools .mainMenuElement#HistoryMore #tools .mainMenuElement#LanguageMenu,
#tools .mainMenuElement#OptionsMenu,
#tools .mainMenuElement#FullScreen,
#tools .mainMenuElement#UserLocationMenu,
#tools .mainMenuElement#ObjDetailsMenu,
#tools .mainMenuElement#PointGroupSharingMenu {
  float: right;
}
#tools .mainMenuElement#MainMenu,
#tools .mainMenuElement#DetailsMenu {
  float: left;
}
#tools #MainMenu2 {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  display: none;
}
#tools.hidden-from-screen #MainMenu2 {
  opacity: 1;
  display: block;
}
#tools #emptyMenuElement {
  position: absolute;
  top: 9px;
  left: 135px;
}
#tools .toolbarTitle {
  line-height: 130%;
  padding: 0 10px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#tools .toolbarTitle.online {
  padding-left: 0;
}
body.Home.Index #tools .toolbarTitle,
body.Account #tools .toolbarTitle {
  white-space: normal;
  line-height: 120%;
  max-width: 100%;
}
body.History.Index #tools.high #historyTitle {
  display: none;
}
#tools #historyTitle {
  /*position: absolute!important;*/
  /*left: 68px;*/
  right: auto;
  max-width: 23%;
  left: 16px;
  float: left;
}
@media only screen and (max-width: 50.313em) {
  #tools #historyTitle {
    max-width: 15%;
  }
}
@media only screen and (max-width: 45.625em) {
  #tools #historyTitle {
    max-width: 10%;
  }
}
@media only screen and (min-width: 90.063em) {
  #tools #historyTitle {
    max-width: 28%;
  }
}
body.phone #tools #historyTitle {
  position: absolute !important;
  left: 68px;
  right: 115px;
  max-width: none;
  min-width: 68px;
}
body.phone #events-history #tools #historyTitle {
  right: 130px;
}
#tools #historyGoal {
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 15%;
  display: -webkit-box;
  line-height: 105%;
  max-width: 22%;
  left: 785px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 90.063em) {
  #tools #historyGoal {
    left: 880px;
  }
}
@media only screen and (max-width: 1524px) {
  #tools #historyGoal {
    max-width: 15%;
  }
}
@media only screen and (max-width: 90.063em) {
  #tools #historyGoal {
    max-width: 22%;
  }
}
@media only screen and (max-width: 1388px) {
  #tools #historyGoal {
    max-width: 15%;
  }
}
@media only screen and (max-width: 1288px) {
  #tools #historyGoal {
    max-width: 10%;
  }
}
#tools.hidden-from-screen #historyTitle {
  max-width: 40%;
}
@media only screen and (max-width: 50.313em) {
  #tools.hidden-from-screen #historyTitle {
    max-width: 30%;
  }
}
@media only screen and (max-width: 45.625em) {
  #tools.hidden-from-screen #historyTitle {
    max-width: 24%;
  }
}
@media only screen and (min-width: 90.063em) {
  #tools.hidden-from-screen #historyTitle {
    max-width: 50%;
  }
}
#tools #loginTitle {
  color: white;
  text-decoration: none;
  margin-left: 16px;
  margin-right: 0;
  padding-right: 0;
  font-weight: bold;
}
#tools #operationsLeft,
paper-toolbar #operationsLeft,
#tools #servicesSummary,
paper-toolbar #servicesSummary,
#tools #onlineObjSummary,
paper-toolbar #onlineObjSummary {
  height: 40px;
  left: 389px;
  border-spacing: 0;
  float: left;
  top: 0;
  margin-top: 8px;
  margin-left: 20px;
  background-color: #ff5d06;
}
#rental-history #tools #operationsLeft,
#rental-history paper-toolbar #operationsLeft,
#rental-history #tools #servicesSummary,
#rental-history paper-toolbar #servicesSummary,
#rental-history #tools #onlineObjSummary,
#rental-history paper-toolbar #onlineObjSummary {
  height: 48px;
  left: 220px !important;
  margin-left: 250px;
}
@media only screen and (max-width: 1050px) {
  #rental-history #tools #operationsLeft,
  #rental-history paper-toolbar #operationsLeft,
  #rental-history #tools #servicesSummary,
  #rental-history paper-toolbar #servicesSummary,
  #rental-history #tools #onlineObjSummary,
  #rental-history paper-toolbar #onlineObjSummary {
    left: 150px !important;
  }
}
body.unresolved #tools #operationsLeft,
body.unresolved paper-toolbar #operationsLeft,
body.unresolved #tools #servicesSummary,
body.unresolved paper-toolbar #servicesSummary,
body.unresolved #tools #onlineObjSummary,
body.unresolved paper-toolbar #onlineObjSummary {
  display: none;
}
@media only screen and (min-width: 90.063em) {
  #tools #operationsLeft,
  paper-toolbar #operationsLeft,
  #tools #servicesSummary,
  paper-toolbar #servicesSummary,
  #tools #onlineObjSummary,
  paper-toolbar #onlineObjSummary {
    left: 440px !important;
  }
}
#tools #operationsLeft td,
paper-toolbar #operationsLeft td,
#tools #servicesSummary td,
paper-toolbar #servicesSummary td,
#tools #onlineObjSummary td,
paper-toolbar #onlineObjSummary td {
  height: calc(56px - 16px);
  padding: 0;
}
#tools #operationsLeft td.historyBetweenDates,
paper-toolbar #operationsLeft td.historyBetweenDates,
#tools #servicesSummary td.historyBetweenDates,
paper-toolbar #servicesSummary td.historyBetweenDates,
#tools #onlineObjSummary td.historyBetweenDates,
paper-toolbar #onlineObjSummary td.historyBetweenDates {
  font-size: 90%;
  cursor: pointer;
  text-align: left;
  position: relative;
  padding-left: 8px;
  white-space: nowrap;
}
#tools #operationsLeft td.historyBetweenDates.no-arrows,
paper-toolbar #operationsLeft td.historyBetweenDates.no-arrows,
#tools #servicesSummary td.historyBetweenDates.no-arrows,
paper-toolbar #servicesSummary td.historyBetweenDates.no-arrows,
#tools #onlineObjSummary td.historyBetweenDates.no-arrows,
paper-toolbar #onlineObjSummary td.historyBetweenDates.no-arrows {
  padding-right: 8px;
}
#tools #operationsLeft td.historyBetweenDates #dayOfTheWeekDiv,
paper-toolbar #operationsLeft td.historyBetweenDates #dayOfTheWeekDiv,
#tools #servicesSummary td.historyBetweenDates #dayOfTheWeekDiv,
paper-toolbar #servicesSummary td.historyBetweenDates #dayOfTheWeekDiv,
#tools #onlineObjSummary td.historyBetweenDates #dayOfTheWeekDiv,
paper-toolbar #onlineObjSummary td.historyBetweenDates #dayOfTheWeekDiv {
  font-weight: 500;
  padding-bottom: 5px;
  min-width: 83px;
}
#tools #operationsLeft td.historyBetweenDates span,
paper-toolbar #operationsLeft td.historyBetweenDates span,
#tools #servicesSummary td.historyBetweenDates span,
paper-toolbar #servicesSummary td.historyBetweenDates span,
#tools #onlineObjSummary td.historyBetweenDates span,
paper-toolbar #onlineObjSummary td.historyBetweenDates span {
  font-size: 75%;
  white-space: nowrap;
}
#tools #operationsLeft td img,
paper-toolbar #operationsLeft td img,
#tools #servicesSummary td img,
paper-toolbar #servicesSummary td img,
#tools #onlineObjSummary td img,
paper-toolbar #onlineObjSummary td img {
  height: 100%;
  width: 30px;
}
#rental-history #tools:not([page=fleet-summary]):not([page=moneybox-transactions]) #operationsLeft,
#rental-history paper-toolbar:not([page=fleet-summary]):not([page=moneybox-transactions]) #operationsLeft {
  left: 0px !important;
}
#tools #onlineObjSummary,
paper-toolbar #onlineObjSummary {
  margin-left: 70px;
  border-radius: 8px;
  height: 38px;
  margin-top: 9px;
}
#tools #onlineObjSummary iron-icon,
paper-toolbar #onlineObjSummary iron-icon {
  margin-left: 12px;
  margin-top: -3px;
}
#tools #onlineObjSummary span,
paper-toolbar #onlineObjSummary span {
  margin-left: 8px;
  margin-right: 12px;
}
#servicesSummary {
  margin-left: 0px !important;
  border-radius: 3px;
  min-width: 441px;
}
#servicesSummary td {
  padding: 0 16px !important;
}
#servicesSummary td:first-child {
  padding-left: 24px !important;
}
#servicesSummary td:last-child {
  padding-right: 24px !important;
}
#servicesSummary .label {
  color: white !important;
  font-size: 13.75px;
  letter-spacing: 0.25px;
}
#servicesSummary .value {
  color: white !important;
  font-size: 15.72px;
  letter-spacing: 0.5px;
}
#servicesSummary .value.highlight {
  color: var(--accent-color) !important;
  font-weight: 500;
}
body.desktop.list-xl #drawerToolbar,
body.desktop #drawerToolbar.list-xl {
  width: 600px !important;
}
body.desktop.list-xxl #drawerToolbar,
body.desktop #drawerToolbar.list-xxl {
  width: 735px !important;
}
body.desktop.list-xxxl #drawerToolbar,
body.desktop #drawerToolbar.list-xxxl {
  width: 850px !important;
}
#tabs {
  cursor: default;
  top: 56px;
  position: fixed;
  width: 100%;
  color: #E65100;
  background-color: white;
  z-index: 8900;
  border-bottom: none;
  height: 48px;
  padding: 0;
  margin: 0;
}
#tabs table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
#tabs table #TagTab {
  display: none;
}
#tools,
#tabs {
  /*@media only screen and (min-width: @PhoneDesktopScreenWidthBoundary) {
        body.desktop.Settings &.high div.inside,
        body.desktop.History.Index &.high div.inside,
        body.desktop.ComboReports &.high div.inside {
            background-position: center 90%;
        }
    }*/
}
#tools .mainMenuElement,
#tabs .mainMenuElement {
  height: 56px;
  text-align: center;
  background-position: center 0;
  cursor: pointer;
}
#tools .mainMenuElement.mainTab,
#tabs .mainMenuElement.mainTab {
  height: 100%;
}
#tools .mainMenuElement.ListMenu div,
#tabs .mainMenuElement.ListMenu div,
#tools .mainMenuElement.HistoryMenu div,
#tabs .mainMenuElement.HistoryMenu div,
#tools .mainMenuElement.HistoryDate div,
#tabs .mainMenuElement.HistoryDate div,
#tools .mainMenuElement.ChartsMenu div,
#tabs .mainMenuElement.ChartsMenu div,
#tools .mainMenuElement.MainMenu div,
#tabs .mainMenuElement.MainMenu div,
#tools .mainMenuElement.DetailsMenu div,
#tabs .mainMenuElement.DetailsMenu div,
#tools .mainMenuElement.DetailsBackMenu div,
#tabs .mainMenuElement.DetailsBackMenu div,
#tools .mainMenuElement.HistoryBackMenu div,
#tabs .mainMenuElement.HistoryBackMenu div,
#tools .mainMenuElement.MoreMenu div,
#tabs .mainMenuElement.MoreMenu div {
  background-size: 24px;
}
#tools .mainMenuElement.OptionsMenu div,
#tabs .mainMenuElement.OptionsMenu div {
  background-size: 24px;
}
#tools .mainMenuElement.GroupFilerMenu,
#tabs .mainMenuElement.GroupFilerMenu,
#tools .mainMenuElement.ObjFilerMenu,
#tabs .mainMenuElement.ObjFilerMenu {
  position: absolute;
  width: auto;
  max-width: 193px;
  height: 56px;
  fill: white !important;
  margin-right: 10px;
  left: 72px;
  padding-left: 0;
  z-index: 999;
  top: 0;
}
body.phone #tools .mainMenuElement.GroupFilerMenu,
body.phone #tabs .mainMenuElement.GroupFilerMenu,
body.phone #tools .mainMenuElement.ObjFilerMenu,
body.phone #tabs .mainMenuElement.ObjFilerMenu {
  max-width: 50%;
}
body.phone #events-history #tools .mainMenuElement.GroupFilerMenu,
body.phone #events-history #tabs .mainMenuElement.GroupFilerMenu,
body.phone #events-history #tools .mainMenuElement.ObjFilerMenu,
body.phone #events-history #tabs .mainMenuElement.ObjFilerMenu {
  position: absolute;
  left: 180px;
}
@media only screen and (min-width: 90.063em) {
  body.desktop #tools .mainMenuElement.GroupFilerMenu,
  body.desktop #tabs .mainMenuElement.GroupFilerMenu,
  body.desktop #tools .mainMenuElement.ObjFilerMenu,
  body.desktop #tabs .mainMenuElement.ObjFilerMenu {
    max-width: 288px;
  }
}
#tools .mainMenuElement.GroupFilerMenu iron-icon,
#tabs .mainMenuElement.GroupFilerMenu iron-icon,
#tools .mainMenuElement.ObjFilerMenu iron-icon,
#tabs .mainMenuElement.ObjFilerMenu iron-icon {
  position: absolute;
  right: 0px;
  top: 16px;
}
#tools .mainMenuElement.GroupFilerMenu.pointsFilter iron-icon,
#tabs .mainMenuElement.GroupFilerMenu.pointsFilter iron-icon,
#tools .mainMenuElement.ObjFilerMenu.pointsFilter iron-icon,
#tabs .mainMenuElement.ObjFilerMenu.pointsFilter iron-icon {
  margin-right: -24px;
}
#tools .mainMenuElement#GroupFilerMenuCombobox,
#tabs .mainMenuElement#GroupFilerMenuCombobox {
  text-align: left;
  top: -15px;
  width: 120px;
  transition-duration: 0s;
}
@media only screen and (min-width: 90.063em) {
  #tools .mainMenuElement#GroupFilerMenuCombobox,
  #tabs .mainMenuElement#GroupFilerMenuCombobox {
    width: 200px;
    transition-duration: 0.4s;
  }
}
#tools .mainMenuElement.ListMenu div,
#tabs .mainMenuElement.ListMenu div {
  background-image: url(../../Images/list_white_24px.svg);
}
#tools .mainMenuElement.HistoryMenu div,
#tabs .mainMenuElement.HistoryMenu div {
  background-image: url(../../Images/list_white_24px.svg);
}
#tools .mainMenuElement.HistoryDate div,
#tabs .mainMenuElement.HistoryDate div {
  background-image: url(../../Images/history_date_icon.svg);
}
#tools .mainMenuElement.MoreMenu div,
#tabs .mainMenuElement.MoreMenu div {
  background-image: url(../../Images/ic_more_icon.svg);
}
#tools .mainMenuElement.ChartsMenu div,
#tabs .mainMenuElement.ChartsMenu div {
  background-image: url(../../Images/charts_icon.svg);
}
#tools .mainMenuElement.MainMenu div,
#tabs .mainMenuElement.MainMenu div {
  background-image: url(../../Images/menu_icon.svg);
}
#tools .mainMenuElement.OptionsMenu div,
#tabs .mainMenuElement.OptionsMenu div {
  background-image: url(../../Images/find_icon_light.svg);
}
#tools .mainMenuElement.GroupFilerMenu div,
#tabs .mainMenuElement.GroupFilerMenu div,
#tools .mainMenuElement.ObjFilerMenu div,
#tabs .mainMenuElement.ObjFilerMenu div {
  max-width: 90%;
  min-width: 80%;
  padding-left: 0;
  padding-right: 30px;
  float: left;
}
#tools .mainMenuElement.DetailsMenu div,
#tabs .mainMenuElement.DetailsMenu div,
#tools .mainMenuElement.DetailsBackMenu div,
#tabs .mainMenuElement.DetailsBackMenu div,
#tools .mainMenuElement.HistoryBackMenu div,
#tabs .mainMenuElement.HistoryBackMenu div {
  background-image: url(../../Images/back.svg);
}
#tools .mainMenuElement.MapMenu div,
#tabs .mainMenuElement.MapMenu div {
  background-image: url(../../Images/map_icon.svg);
}
#tools .mainMenuElement.TagMenu div,
#tabs .mainMenuElement.TagMenu div {
  background-image: url(../../Images/tag_icon.svg);
}
#tools .mainMenuElement.selected,
#tabs .mainMenuElement.selected {
  background-color: #a93b00;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-repeat: repeat-x;
}
#tools div.inside,
#tabs div.inside {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
#synchronizingInfo {
  position: fixed;
  z-index: 4;
  bottom: 0;
  right: 0;
  left: 0;
  top: 56px;
  opacity: 0;
  height: 0;
  text-align: center;
  font-size: 75%;
  background-color: #2196F3;
  pointer-events: none;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  color: white;
}
body.desktop #synchronizingInfo {
  line-height: 170%;
  padding-left: 375px;
}
@media only screen and (min-width: 90.063em) {
  body.desktop #synchronizingInfo {
    padding-left: 470px;
  }
}
body.desktop #synchronizingInfo.without-list {
  padding-left: 0;
}
#synchronizingInfo.synchronizing {
  opacity: 1;
  height: 20px;
}
body.desktop.list-xl #synchronizingInfo {
  padding-left: 600px;
}
body.desktop.list-xxl #synchronizingInfo {
  padding-left: 735px;
}
body.desktop.list-xxxl #synchronizingInfo {
  padding-left: 850px;
}
paper-toolbar #middleBar,
paper-toolbar #bottomBar {
  z-index: 9!important;
}
body.Settings paper-toolbar #topBar {
  z-index: 9!important;
}
paper-toolbar.dark-theme {
  background-color: #E65100;
  color: white;
  fill: white;
}
/*! Hint.css (base version) - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */

/*-------------------------------------*	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
[data-hint] {
  position: relative;
  display: inline-block;
  /**
	 * tooltip arrow
	 */
  /**
	 * tooltip body
	 */ }
  [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1; }
  [data-hint]:hover:before, [data-hint]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms; }
  [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap; }

[data-hint='']:before, [data-hint='']:after {
  display: none !important; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: #383838; }

.hint--top-right:before {
  border-top-color: #383838; }

.hint--top:before {
  border-top-color: #383838; }

.hint--bottom-left:before {
  border-bottom-color: #383838; }

.hint--bottom-right:before {
  border-bottom-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }

.hint--top:before {
  left: calc(50% - 6px); }

.hint--top:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--top:hover:before, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top:hover:after, .hint--top:focus:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }

.hint--bottom:before {
  left: calc(50% - 6px); }

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.hint--bottom:hover:before, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom:hover:after, .hint--bottom:focus:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px; }

.hint--right:after {
  margin-bottom: -14px; }

.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }

.hint--right:hover:before, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--right:hover:after, .hint--right:focus:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px; }

.hint--left:after {
  margin-bottom: -14px; }

.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }

.hint--left:hover:before, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--left:hover:after, .hint--left:focus:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * top-left tooltip
 */
.hint--top-left:before {
  margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after {
  bottom: 100%;
  left: 50%; }

.hint--top-left:before {
  left: calc(50% - 6px); }

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--top-left:after {
  margin-left: 12px; }

.hint--top-left:hover:before, .hint--top-left:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-left:hover:after, .hint--top-left:focus:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

/**
 * top-right tooltip
 */
.hint--top-right:before {
  margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after {
  bottom: 100%;
  left: 50%; }

.hint--top-right:before {
  left: calc(50% - 6px); }

.hint--top-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--top-right:after {
  margin-left: -12px; }

.hint--top-right:hover:before, .hint--top-right:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--top-right:hover:after, .hint--top-right:focus:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
  top: 100%;
  left: 50%; }

.hint--bottom-left:before {
  left: calc(50% - 6px); }

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.hint--bottom-left:after {
  margin-left: 12px; }

.hint--bottom-left:hover:before, .hint--bottom-left:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-left:hover:after, .hint--bottom-left:focus:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

/**
 * bottom-right tooltip
 */
.hint--bottom-right:before {
  margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after {
  top: 100%;
  left: 50%; }

.hint--bottom-right:before {
  left: calc(50% - 6px); }

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0); }

.hint--bottom-right:after {
  margin-left: -12px; }

.hint--bottom-right:hover:before, .hint--bottom-right:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--bottom-right:hover:after, .hint--bottom-right:focus:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 * 	1) hint--small
 * 	2) hint--medium
 * 	3) hint--large
 *
 */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em; }

.hint--small:after {
  width: 80px; }

.hint--medium:after {
  width: 150px; }

.hint--large:after {
  width: 300px; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  -moz-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--top-right:after {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  -moz-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--bottom-right:after {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--left:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

.hint--always.hint--right:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 99999999;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0px 12px 36px 16px rgba(0, 0, 50, 0.24);
    -moz-box-shadow: 0px 12px 36px 16px rgba(0, 0, 50, 0.24);
    box-shadow: 0px 12px 36px 16px rgba(0, 0, 50, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid white;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
  font-size: 17px;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
  background-image: url(../../Images/arrow_prev.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 28px;
  cursor: pointer;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
  transform: rotate(180deg);
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.28571429%;
  font-size: 15px;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: 0.3125em 0;
  border: 1px solid transparent;
  font-size: 80%;
  width: 35px;
  margin: 5px auto;
  -moz-border-radius: 37px;
  -webkit-border-radius: 37px;
  border-radius: 37px;
}
.picker__day--today {
  position: relative;
  color: #2196F3;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
  color: white!important;
  background-color: white!important;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #d4ebfd;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #2196F3;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  padding: 0.66em 0;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  color: #2196F3;
  cursor: pointer;
}
.picker__button--today:focus,
.picker__button--today:active,
.picker__button--today:hover,
.picker__button--clear:focus,
.picker__button--clear:active,
.picker__button--clear:hover,
.picker__button--close:focus,
.picker__button--close:active,
.picker__button--close:hover {
  background: #b1dcfb;
  outline: none;
}
body.desktop .picker__button--today:active,
body.desktop .picker__button--clear:active,
body.desktop .picker__button--close:active {
  border-color: #0089ec;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}
/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */