@import url("css/video.css");

BODY {
  background-color: #ffffff;
  color: #000000;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 10px;
  scrollbar-arrow-color: #464646;
  scrollbar-3dlight-color: #999999;
  scrollbar-darkshadow-color: #999999;
  scrollbar-face-color: #d4d0c8;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #e6e6e6;
}
A,
A:visited,
A:active {
  color: rgba(174, 49, 17, 1);
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}

html,
body {
  height: 100%;
}
body {
  width: 100vw;
  overflow-x: hidden;
}

/* Custom FONTS */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");

/* Index */
/* kai STRICT doctype: .idx_wrapper            { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -88px; } */
.idx_wrapper {
  height: 100%;
  margin-bottom: -88px;
}
.idx_border {
  width: 100%;
  height: 100%;
  background-color: #c0c0c0;
}
.idx_border_inside {
  vertical-align: top;
  -webkit-box-align: top;
  background-color: #ffffff;
}
.idx_ContainerTable {
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  overflow: scroll;
}
.idx_header {
  width: 100%;
  padding: 0px;
  border-bottom: none;
  border-width: 1px;
  border-color: #c0c0c0;
}
/*.idx_menu				{ width: 100%; height: 20px; background-color: #ebe8e8; border-bottom: solid;  border-width: 1px;  border-color: #c0c0c0; padding: 0px; } */
.idx_menu {
  width: 100%;
  height: 20px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 0px;
}
.idx_menu_tracking {
  width: 100%;
  min-width: 1190px;
  line-height: 26px;
  background-color: #ebe8e8;
  border-bottom: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 0px;
  font-size: 12px !important;
}
.idx_body {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 0px;
  vertical-align: top;
  -webkit-box-align: top;
}
.idx_body_christmas {
  width: 100%;
  height: 100%;
  background-image: url(images/christmas_bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0px;
  vertical-align: top;
}
.idx_body_default {
  width: 100%;
  height: 100%;
  background-image: url(images/default_bg.jpg);
  padding: 0px;
  vertical-align: top;
}
/* .idx_body_default {
  width: 100%;
  height: 100%;
  background-image: url(images/christmas_bg.jpg);
  padding: 0px;
  vertical-align: top;
  background-size: cover;
  background-repeat: no-repeat;
} */
.idx_footer {
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  border-top: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 0px;
}
.idx_footerSU {
  width: 100%;
  height: 79px;
  background-color: #ffffff;
  border-top: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding: 0px;
}

.park {
  border: 1px;
  background-color: #0c22ca;
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  width: 15px;
  text-align: center;
  padding: 0px;
  border-style: solid;
  font-size: 9px;
}
.offline {
  border: 1px;
  background-color: #ca0c22;
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  width: 15px;
  text-align: center;
  padding: 0px;
  border-style: solid;
  font-size: 9px;
}
/* hide scroll */
/*#body>table>tbody       {display:inline-block;}*/
#body > table > tbody > tr {
  display: flex;
  width: 100vw;
  height: 100%;
}
/* #table_screen           {display:flex; width:100vw; background-color: red;}  */
#pcHolder {
  overflow: hidden;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  scrollbar-arrow-color: #464646;
  scrollbar-3dlight-color: #999999;
  scrollbar-darkshadow-color: #999999;
  scrollbar-face-color: #d4d0c8;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-track-color: #e6e6e6;
}
-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* Header */
.head_text {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.head_text i {
  color: #de8c23;
}
.logo_cell {
  background: red;
  height: 60px;
  background-repeat: no-repeat;
}
.corner_div {
  height: 40px;
  width: 140px;
  background: white;
  position: relative;
  margin-top: -20px;
  float: left;
  margin-left: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.corner_div:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-top: 14px solid #eeeeee;
  border-left: 14px solid white;
  width: 0;
}
/* .logo-background        { background-image:url("images/logo_basic.png"); background-repeat:no-repeat; background-size: 50%; background-position: bottom; margin-top: -22px; border-bottom: 40px solid rgba(199, 61, 61, 0.644); border-left: 0px solid transparent; border-right: 30px solid transparent; width: 120px; position: absolute;} */
.navbar-header {
  max-height: 40px;
  max-width: 125px;
  margin-left: 5px;
  padding-right: 10px;
  margin-top: 0px;
  align-self: center;
}

/* #list_cont > div:nth-child(2) { width: 290px !important;} */
/* Footer */
.copyright {
  font-size: 10px;
  text-align: center;
}
.idx_simbio {
  height: 43px;
  text-align: center;
}

/* Menu */
.menu_body {
  width: 100%;
  height: auto;
  font-family: Helvetica;
  font-size: 11px;
  margin-top: 4px;
  background-color: #ffffff;
  color: #565656;
}
DIV.menu {
  color: #b0b0b0;
  padding: 5px 1px;
  vertical-align: top;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
DIV.menu i {
  margin-right: 6px;
}
DIV.menu a i {
  margin-right: 6px;
  color: #de8c23;
  font-size: 16px;
}
DIV.menu a {
  color: #565656;
  text-decoration: none;
  padding: 1px 5px;
  white-space: nowrap;
  cursor: pointer !important;
}
DIV.menu a:hover {
  color: #000;
  border-bottom: 3px solid #ff9f24; /*background-color: #d0d0d0; */
  cursor: pointer;
}
DIV.menu a:visited {
  color: #565656;
}
SPAN.menu {
  padding: 1px 5px 1px 5px;
}
DIV.menu a.s {
  padding: 1px 5px 1px 5px;
  color: #000000;
  border-bottom: 3px solid #ff9f24; /*background-color: #d0d0d0;*/
}
DIV.menu_right {
  float: right;
}
.support_header {
  float: right;
  display: inline;
  background-color: #eeeeee;
  padding: 4px 2px 4px 4px;
  border-radius: 4px;
  margin-bottom: 4px;
  font-size: 11px;
  color: #7c7c7c;
}
.support_header div {
  display: inline;
  margin: 8px;
  background-color: #eeeeee;
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 4px;
  text-transform: uppercase;
}

.user-dropdown {
  position: relative;
  display: inline-block;
}
.user-dropbtn {
  cursor: pointer;
  color: black;
  font-size: 14px;
  border: none;
  background-color: transparent;
}
.user-dropbtn i {
  font-size: 16px;
}
.user-dropdown-content {
  display: none;
  position: absolute;
  right: 0px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  border: 1px solid #ff9f24;
}
.user-dropdown-content a {
  color: black;
  padding: 4px 4px 4px 10px !important;
  text-decoration: none;
  display: block;
  font-size: 14px;
  border-bottom: 0px solid #f1f1f1;
}
.user-dropdown-content a:hover {
  background-color: #ffffff;
  border-bottom: 0px solid white !important;
}
.user-dropdown:hover .user-dropdown-content {
  display: block;
}
.user-dropdown:hover .fa-chevron-down,
.user-dropdown .fa-chevron-up {
  display: none;
}
.user-dropdown:hover .fa-chevron-up,
.user-dropdown .fa-chevron-down {
  display: inherit;
}
.user-dropdown:hover .fa-caret-down,
.user-dropdown .fa-caret-up {
  display: none;
}
.user-dropdown:hover .fa-caret-up,
.user-dropdown .fa-caret-down {
  display: unset;
}

.take-over-button {
  height: 19px;
  color: gray;
  border: 1px solid orange;
  background: white;
  cursor: pointer;
}

.take-over-button:hover {
  border: 1px solid white;
  color: white;
  background-color: orange;
}

.tableHeader {
  font-size: 10px;
  vertical-align: middle;
  background-color: #e5e5cc;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;
}

/* Home */
.login_border {
  background-color: #a0a0a0;
  width: 170px;
  height: 100px;
}
.login_cell {
  font-size: 10px;
  vertical-align: middle;
  background-color: #ffffff;
}
.login_submit {
  width: 73px;
  height: 16px !important;
  font-family: Tahoma, Arial !important;
  font-size: 9px !important;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #bbbb77;
  cursor: pointer;
} /* 5c8a2a cccc66 */
.login_submit_disabled {
  width: 73px;
  height: 16px !important;
  font-family: Tahoma, Arial !important;
  font-size: 9px !important;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #c3b6b6;
  cursor: default;
}
#login_field {
  width: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0a0a0;
}
.home_bar {
  width: 200px;
  text-align: left;
  vertical-align: top;
  background-color: #faf8f8;
}
.home_BarInfo {
  width: auto;
  text-align: left;
  vertical-align: top;
  border-left: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  background-color: #faf8f8;
}
.LoginField {
  border-bottom: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
.news_table {
  background-color: #a0a0a0;
  width: 170px;
  height: auto;
  margin-bottom: 10px;
}
.news_cell {
  height: 300px;
  font-size: 10px;
  vertical-align: top;
  padding: 5px;
  background-color: #ffffff;
}
.news_div {
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 10px;
}
.news_date {
  font-size: 11px;
  font-family: Verdana;
}
.news_title {
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
}
.news_body {
  font-size: 11px;
  font-family: Arial;
  margin-top: 5px;
  margin-bottom: 10px;
}
.NewsBody_div {
  border-bottom: 1px solid #a0a0a0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.NewsBody_date {
  font-size: 12px;
  font-family: Verdana;
  text-indent: 10pt;
}
.NewsBody_title {
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  text-indent: 10pt;
  margin-top: 5px;
}
.NewsBody_body {
  font-size: 12px;
  font-family: Arial;
  text-align: justify;
  text-indent: 10pt;
  margin-top: 10px;
}

/* Registracija */
.reg_header {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #a0a0a0;
  background-color: #e5e5cc;
}
.reg_mess {
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 10px;
}
.reg_mess_ok {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #64ac5a;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 10px;
}
.reg_field {
  font-size: 12px;
  width: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0a0a0;
}
.reg_FieldName {
  font-size: 12px;
  text-align: right;
  vertical-align: top;
  font-family: Tahoma, Arial;
  padding: 1px 5px 1px 0px;
}
.reg_footer {
  font-size: 11px;
  font-family: Verdana;
  margin-top: 10px;
  padding: 5px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #a0a0a0;
}
.reg_footer ul {
  list-style-type: disc;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
}

/* BODY pavadinimas */
.body_header {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  padding: 3px 0px 0px 0px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #a0a0a0;
  background-color: #e5e5cc;
}
.body_HeaderMenuTabSp {
  font-size: 1px;
  border-bottom: 1px solid #a0a0a0;
  padding: 1px;
}
.body_HeaderMenuTab {
  font-family: Tahoma;
  font-size: 11px;
  color: #666666;
  border-bottom: 1px solid #a0a0a0;
  text-align: center;
  padding: 2px 0px 2px 0px;
}
.body_HeaderMenuTabS {
  font-family: Tahoma;
  font-size: 11px;
  color: #000;
  border: 1px solid #a0a0a0;
  border-bottom: none;
  text-align: center;
  padding: 2px 0px 2px 0px;
  background-color: #fff;
}
.body_HeaderMenuTabSpan {
  padding: 0px 7px 0px 7px;
  cursor: pointer;
}

div.global-info-message-container {
  position: fixed;
  z-index: 99999999999999999999999999999;
  background-color: #ffffff;
  border: 1px solid #e5d9cd;
  left: 10px;
  top: 10px;
  right: 10px;
  padding: 40px 20px 20px 20px;
  border-radius: 4px;
}

div.global-info-message-container.default > div.gl-ms-title > div.gl-ms-close {
  color: #efefef !important;
}
div.global-info-message-container.default > div.gl-ms-title {
  background-color: #e5d9cd !important;
}
div.global-info-message-container.default {
  border: 1px solid #e5d9cd !important;
  background-color: #e5d9cd;
}

div.global-info-message-container.orange > div.gl-ms-title > div.gl-ms-close {
  color: #efefef !important;
}
div.global-info-message-container.orange > div.gl-ms-title {
  background-color: orange !important;
}
div.global-info-message-container.orange {
  border: 1px solid orange !important;
  background-color: orange;
}

div.global-info-message-container.red > div.gl-ms-title > div.gl-ms-close {
  color: #efefef !important;
}
div.global-info-message-container.red > div.gl-ms-title {
  background-color: #d56161 !important;
}
div.global-info-message-container.red {
  border: 1px solid #d56161 !important;
  background-color: #d56161;
}

div.global-info-message-container.green > div.gl-ms-title > div.gl-ms-close {
  color: #767676 !important;
}
div.global-info-message-container.green > div.gl-ms-title {
  background-color: #86d186 !important;
}
div.global-info-message-container.green {
  border: 1px solid #86d186 !important;
  background-color: #86d186;
}

div.global-info-message-container > div.gl-ms-title > div.gl-ms-close {
  position: absolute;
  right: 6px;
  top: 2px;
  color: #767676;
  cursor: pointer;
}

div.global-info-message-container > div.gl-ms-body {
  font-size: 16px;
}
div.global-info-message-container > div.gl-ms-title {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  font-size: 16px;
  padding: 10px;
  background-color: #e5d9cd;
  color: #ffffff;
}

/* Pliuso (iskleidimas/sutraukimas saraso)*/
.plus {
  cursor: pointer;
}

/* Lentele */
table.tbl {
  border-top: 1px solid #cbbebe;
  border-bottom: 1px solid #cbbebe;
  font-family: Tahoma;
  font-size: 11px;
}
table.tbl caption {
  color: #000000;
  background-color: #e6e0e0;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
td.hr {
  /*overflow: hidden; */
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #e6e0e0;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1;
}
td.hrborder {
  border: 1px solid #cbbebe;
}
td.hrvtop {
  vertical-align: top;
}
td.gr {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #e5d9cd;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  empty-cells: show;
}
tr.hq {
  padding: 0px;
}
td.hq {
  height: 1px;
  border-bottom: 1px solid #000;
  font-size: 1px;
}

tr.bc0 {
  background-color: #ffffff;
}
tr.bc1 {
  background-color: #f1eeee;
}
tr.bc2 {
  background-color: #ffffff;
  color: #000000;
}
tr.bc3 {
  background-color: #f1eeee;
  color: #007700;
}
tr.opened {
  background-color: #f4f6f6;
}
td.hc0 {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  background-color: #f1eeee;
  white-space: nowrap;
}
td.hc1 {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  background-color: #e6e0e0;
  white-space: nowrap;
}

tr.bc0r {
  background-color: #ffebeb;
}
tr.bc1r {
  background-color: #f1dada;
}
tr.bcw {
  background-color: #f8d8d8;
} /* F8D8D8 */
tr.bcs {
  background-color: #d3d0d0;
} /*C3D9FF E0ECFF CFC3A7 9BB2D1 CFC3A7*/
td.hc0r {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  background-color: #f1dada;
  white-space: nowrap;
}
td.hc1r {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  background-color: #e6cccc;
  white-space: nowrap;
}
td.hcw {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  background-color: #e8c8c8;
  white-space: nowrap;
}
td.hc0d {
  background-color: #ffffff;
}
td.hc1d {
  background-color: #e5d9cd;
}

td.bc {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid #cbbebe;
  overflow: hidden;
  white-space: nowrap;
}
td.bce {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
}
td.dbcj {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #cbbebe;
  overflow: hidden;
  white-space: nowrap;
}
td.bcj {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid #cbbebe;
}
td.dbbcj {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #cbbebe;
}
td.bcdi {
  font-size: 11px;
  color: #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}
td.leftborder {
  border-left: 1px solid #cbbebe;
}
td.rightborder {
  border-right: 1px solid #cbbebe;
}
td.bottomborder {
  border-bottom: 1px solid #cbbebe;
}
tr.hl {
  background-color: #cbbebe;
  padding: 0px;
}
td.hl {
  height: 1px;
  border: none;
}
td.hpl {
  background-color: #f1eeee;
  border-bottom: 1px solid #cbbebe;
  font-size: 12px;
  color: #000000;
  padding: 3px;
  text-align: left;
  width: auto;
}
td.hpr {
  background-color: #f1eeee;
  border-bottom: 1px solid #cbbebe;
  font-size: 12px;
  color: #000000;
  padding: 3px;
  text-align: right;
  width: auto;
}
SPAN.hp1 {
  padding-left: 10px;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 2px;
}
SPAN.hp2 {
  padding-right: 10px;
  font-weight: normal;
}
SPAN.page {
  font-size: 12px;
  font-family: Tahoma;
  padding-right: 3px;
  padding-left: 3px;
}

/*Statistika->keliones marsrutas*/
/*td.bc1 				{ font-size: 11px; padding: 1px 5px 1px 5px; border: none; } */
td.hc2 {
  font-size: 11px;
  padding: 1px 5px 1px 5px;
  white-space: nowrap;
}
td.hr2 {
  /*overflow: hidden; */
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  background-color: #e6e0e0;
  border-top: 1px solid #000;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
tr.h2 {
  padding: 0px;
}
td.h2 {
  height: 1px;
  border-bottom: 1px solid #000;
  font-size: 1px;
  background-color: #ccc;
}

.bgc_gr {
  background-color: #eeeeee;
}
.bgc_dgr {
  background-color: #cccccc;
}

/*Statistika->Kuro sanaudos*/
td.minfuelcell {
  min-width: 30px;
  text-align: right;
}
#ajax_and_print_btn {
  max-width: 400px;
}
/*END: Statistika->Kuro sanaudos*/

/* Tracking */
/*.CarPoint				{ position:absolute; z-index: 5; }*/
.trObjText {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  position: absolute;
  border: 1px solid #484;
  background-color: #cfc;
  padding: 1px;
  z-index: 1;
}
.tr_Hint {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9; /*font-family: Tahoma;*/
  font-size: 11px;
  color: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
  height: auto;
  border: 1px solid #606060;
  background-color: #ffffff;
  padding: 3px;
  z-index: 1000;
  visibility: hidden;
}
.tr_HintTable {
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
}
.tr_HintTable .td1 {
  text-align: right;
  font-weight: bold;
  padding-right: 5px;
}
/* Info window */
.tr_CarWin {
  /*filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;*/
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  position: absolute;
  width: 230px; /*height: 400px;*/
  border: 1px solid #000000;
  background-color: #ebe8e8;
  padding: 0px;
  z-index: 999;
}
.tr_CarWinTitle {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  width: auto;
  height: auto;
  border-bottom: 1px solid #000000;
  background-color: #cfd8d8;
  padding: 1px;
}
.tr_CarWinTitleName {
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  width: auto;
  padding-left: 3px;
}
.tr_CarWinTitleClose {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  width: 16px;
  border: 1px solid #6e5959;
  background-color: #907474;
  cursor: pointer;
}
.tr_CarWinInfo {
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  width: auto;
  height: auto;
  padding: 3px;
}
.tr_CarWinMenu {
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  width: auto;
  height: auto;
  padding: 0px;
}
.tr_CarWinMenuTabSp {
  font-size: 1px;
  border-bottom: 1px solid #444444;
  padding: 1px;
}
.tr_CarWinMenuTab {
  font-family: Tahoma;
  font-size: 11px;
  color: #666666;
  border-bottom: 1px solid #444444;
  text-align: center;
  padding: 2px 0px 2px 0px;
}
.tr_CarWinMenuTabS {
  font-family: Tahoma;
  font-size: 11px;
  color: #222222;
  border: 1px solid #444444;
  text-align: center;
  padding: 2px 0px 2px 0px;
  background-color: #d3d0d0;
  border-bottom: none;
}
.tr_CarWinMenuTabSpan {
  cursor: pointer;
  padding: 0px 7px 0px 7px;
}
.tr_CarWinMenuS {
  font-size: 2px;
  background-color: #d3d0d0;
}
.tr_CarWinData {
  /*position: fixed; */
  font-family: Tahoma;
  font-size: 11px;
  color: #000000;
  width: 230px;
  height: 237px;
  padding: 0px;
  overflow-y: scroll;
}
.tr_CarWinDTbl {
  font-family: Tahoma;
  font-size: 11px;
}
.tr_CarWinDC0 {
  background-color: #ebe8e8;
}
.tr_CarWinDC1 {
  background-color: #d3d0d0;
}
.tr_CarWinCDC {
  padding: 1px 2px 1px 2px;
  white-space: nowrap;
}
.tr_CarWinCDCT {
  padding: 1px 2px 1px 2px;
  white-space: nowrap;
  border-bottom: 1px solid #444444;
}
.tr_CarWinDiv {
  border-top: 1px solid #a3a0a0;
  border-bottom: 1px solid #a3a0a0;
}
.tr_CarWinDLTbl {
  font-family: Tahoma;
  font-size: 11px;
}
.tr_CarWinDLtr {
}
.tr_CarWinDLtrs {
  background-color: #d3d0d0;
}
/* Legend column */

.tr_LegendCol {
  width: auto;
  padding: 0px;
  vertical-align: top;
  background-color: #ffffff;
  border-right: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  padding-left: 2px;
}
.tr_LegendCont {
  height: 100%;
  padding: 0px;
  vertical-align: top;
  background-color: #ffffff;
}
.tr_LegendTime {
  width: auto;
  height: 100px;
  padding: 0px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  background-color: #f3f0f0;
  font-size: 10px;
}
.tr_LegendCar {
  width: 100%;
  height: auto;
  padding: 0px;
  vertical-align: top;
  background-color: #f3f0f0;
}
.tr_LegendCarDiv {
  width: auto;
  overflow-y: scroll;
}
.trCarListTbl {
  font-family: Tahoma;
  font-size: 11px;
  list-style-type: none;
  padding: 0px;
}

.tdCarDataButton {
  font-size: 10px;
  margin: 0px 2px 0px 2px;
  border: medium none;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #bbbb77;
  width: 80px;
  font-family: Tahoma, Arial;
}
.tdCarDataButtonDisable {
  background-color: #c9cbc8;
}

.calendar_block {
  margin: 0px 3px 0px 7px;
}
.control_block {
  margin: 0px 9px 0px 9px;
}

.butt_license,
.butt_trailer_lic {
  color: #b12f0b;
}
/*.butt_license:hover, .butt_trailer_lic:hover{ text-decoration:underline; color:#B12F0B;}*/

.trCarListTr {
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
.trCarListTr .tdL {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #f3f0f0;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  empty-cells: show;
}
.trCarListTr .tdC {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  empty-cells: show;
  overflow: hidden;
}
.trCarListTr .tdR {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #f3f0f0;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  empty-cells: show;
}
.trCarListTrOver {
  background-color: rgb(224, 224, 224);
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  white-space: nowrap;
}
.trCarListTrOver .tdL {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
}
.trCarListTrOver .tdC {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  vertical-align: middle;
  overflow: hidden;
}
.trCarListTrOver .tdR {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
}
.trCarListTrSel {
  background-color: #cfd8d8;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  white-space: nowrap;
}
.trCarListTrSel .tdL {
  border-bottom: 1px solid #adbdbd;
  border-top: 1px solid #adbdbd;
  border-left: 1px solid #adbdbd;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
}
.trCarListTrSel .tdC {
  border-bottom: 1px solid #adbdbd;
  border-top: 1px solid #adbdbd;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  overflow: hidden;
}
.trCarListTrSel .tdR {
  border-bottom: 1px solid #adbdbd;
  border-top: 1px solid #adbdbd;
  border-right: 1px solid #adbdbd;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
}
/* Map column */
.tr_MapCol {
  width: auto;
  padding: 0px;
  vertical-align: top;
  background-color: #ffffff;
  border-left: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
.tr_MapGraph {
  width: auto;
  height: 150px;
  padding: 0px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #c0c0c0;
  background-color: #faf8f8;
}
.tr_Map {
  width: auto;
  height: auto;
  padding: 0px;
  background-color: #ffffff;
}
.trMapDiv {
  border: 1px none #f88;
  position: absolute;
}
.trTrackDiv {
  border: 1px none #8f8;
  position: absolute;
}
.trToolZoomin {
  position: absolute;
  overflow: hidden;
  right: 55px;
  top: 61px;
  width: 24px;
  height: 24px;
}
.trToolZoomout {
  position: absolute;
  overflow: hidden;
  right: 29px;
  top: 61px;
  width: 24px;
  height: 24px;
}
.trToolFull {
  position: absolute;
  overflow: hidden;
  right: 3px;
  top: 61px;
  width: 24px;
  height: 24px;
}
.trToolSelect {
  position: absolute;
  overflow: hidden;
  right: 29px;
  top: 87px;
  width: 24px;
  height: 24px;
}
.trToolPan {
  position: absolute;
  overflow: hidden;
  right: 3px;
  top: 87px;
  width: 24px;
  height: 24px;
}
.trToolReload {
  position: absolute;
  overflow: hidden;
  right: 3px;
  top: 113px;
  width: 24px;
  height: 24px;
}
.lsf_glider_popup {
  font-weight: bold;
  text-align: right;
  padding-right: 3px;
}
.olControlButtonItemActive {
  position: absolute;
  background-image: url("/images/menu_slide.png");
  width: 18px;
  height: 18px;
}
.olControlPanel {
  width: 18px;
  height: 18px;
  bottom: 3px;
  left: 270px;
  cursor: pointer;
}
/* Data column */
.tr_DataCol {
  width: 200px;
  padding: 0px;
  vertical-align: top;
  background-color: #faf8f8;
}
.tr_DataDiv {
  position: fixed;
  width: 200px;
  top: 58px;
  left: auto;
  bottom: 45px;
  overflow-y: scroll;
  border-left: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}

/* Calendar */
.Calendar {
  width: auto;
  border: 1px none #ff0000;
  font-size: 12px !important;
}
.Tracking_header {
  display: inline-block;
}
.CalendCell {
  padding: 2px 2px 2px 2px;
}
.CalendInput {
  font-size: 11px !important;
  width: 110px;
  border: 1px solid #a0a0a0;
}
.CalendBrowse {
  font-size: 9px;
  width: 18px;
  height: 17px;
  background-color: #e3e0e0;
  border: 1px solid #a0a0a0;
}
.CalendSubmit {
  width: 80px;
  height: 16px;
  font-family: Tahoma, Arial;
  font-size: 9px !important;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #bbbb77;
}
.ObjBTN {
  height: 17px;
  font-family: Tahoma, Arial;
  font-size: 11px;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #bbbb77;
}
.CalendLink {
  font-family: Tahoma;
  font-size: 9px;
}
.CalendLink1 {
  font-family: Tahoma;
  font-size: 11px;
}

/* Menu */
.MenuCol {
  width: 190px;
  padding: 0px;
  vertical-align: top;
  background-color: #f3f0f0;
  border-right: 1px solid #c0c0c0;
}
.MenuL0 {
  background-color: #f3f0f0;
  width: auto;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  vertical-align: middle;
  white-space: nowrap;
}
.MenuL0 a {
  text-decoration: none;
  color: #000000;
}
.MenuL0 a:hover {
  text-decoration: none;
  color: #000000;
}
.MenuL0 a:visited {
  text-decoration: none;
  color: #000000;
}
.MenuL0d {
  border: 1px solid #f3f0f0;
  padding: 2px;
  margin: 2px;
  width: auto;
  vertical-align: top;
}
.MenuL0h {
  border: 1px solid #909090;
  background-color: #d3d0d0;
  padding: 2px;
  margin: 2px;
  width: auto;
  vertical-align: top;
}

.MenuL1 {
  background-color: #e3e0e0;
  width: auto;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: solid;
  border-top: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
.MenuL1 a {
  text-decoration: none;
  color: #000000;
}
.MenuL1 a:hover {
  text-decoration: none;
  color: #000000;
}
.MenuL1 a:visited {
  text-decoration: none;
  color: #000000;
}
.MenuL1d {
  border: 1px solid #e3e0e0;
  padding: 2px;
  margin: 2px;
  width: auto;
  vertical-align: top;
}
.MenuL1h {
  border: 1px solid #909090;
  background-color: #d3d0d0;
  padding: 2px;
  margin: 2px;
  width: auto;
  vertical-align: top;
}

.MenuLs {
  border: 1px solid #c0c0c0;
  background-color: #faf8f8;
  padding: 2px;
  margin: 2px;
  width: auto;
  vertical-align: top;
}

.InfoCol {
  position: relative;
  width: 100%;
  padding: 10px 0 0 10px;
  vertical-align: top;
  background-color: #ffffff;
  font-family: Tahoma, Verdana, Arial;
  font-size: 11px;
  overflow: hidden;
  border-bottom: 2px solid #c0c0c0;
}
.msg_err {
  font-family: Tahoma, Verdana, Arial;
  font-size: 13px;
  color: #b00000;
  font-weight: bold;
  margin: 15px;
}
.msg_ok {
  font-family: Tahoma, Verdana, Arial;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  margin: 15px;
}
.edit_field {
  width: 120px;
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0a0a0;
}
.form_submit {
  padding: 1px;
  font-family: Tahoma, Arial;
  font-size: 10px;
  color: #000000;
  border: 1px solid #b0b0b0;
  background-color: #e0e0e0;
  cursor: pointer;
}
.div_note {
  padding: 5px;
  font-family: Tahoma, Verdana, Arial;
  font-size: 11px;
  color: #000000;
  border-top: 1px solid #c0c0c0;
}
.man_link {
  color: #b12f0b;
  text-decoration: underline;
  cursor: pointer;
}

.paklaida_input {
  width: 40px;
  text-align: center;
}
.element_name_input {
  width: 150px;
}

/* LSF */
.LsfTasksList {
  font-size: 9px;
  width: 170px;
  border: 1px solid #a0a0a0;
}
.LsfTasksListTitle {
  font-size: 12px;
  font-family: Tahoma;
  font-weight: bold;
  padding: 2px;
}
.LsfTasksListDelay {
  font-size: 11px;
  font-family: Tahoma;
  padding: 2px;
  vertical-align: top;
}

/* HTML Report table*/
#report_table {
  font-size: 11px;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
  border-spacing: 0px;
}
#report_table td {
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}
#reports {
  overflow-y: scroll;
}
.reports_que_table {
  overflow-y: scroll;
}
#template_list {
  overflow-y: scroll;
  max-height: 300px;
}

/* Objects*/
.create_new b,
div.obj-sort b {
  font-weight: normal;
  cursor: pointer;
  color: #b12f0b;
}
.create_new b:hover,
div.obj-sort b:hover {
  text-decoration: underline;
}
.object_span_r {
  text-align: left;
  color: #b12f0b;
  cursor: pointer;
}

/*  Nauju objektu ir objektu tipu sukurimo formu stiliai  */
div.form-container {
  margin: 10px;
  padding: 5px;
  background-color: #fff;
  width: 1040px; /*border: #EEE 1px solid;*/
}

p.legend {
  margin-bottom: 1em;
}
p.legend em {
  color: #c00;
  font-style: normal;
}

div.hr {
  border: 1px solid #999999;
  padding: 0; /*overflow: hidden; */
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #e6e0e0;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

div.errors {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  border: #fc6 1px solid;
  background-color: #ffc;
}
div.errors p {
  margin: 0;
}
div.errors p em {
  color: #c00;
  font-style: normal;
  font-weight: bold;
}

div.save_ok {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  border: #bcd196 1px solid;
  background-color: #cbe2a2;
}
div.save_ok p {
  margin: 0;
}
div.save_ok p em {
  color: #41561b;
  font-style: normal;
  font-weight: bold;
}

div.form-container form p {
  margin: 0;
}
div.form-container form p.note {
  margin-left: 170px;
  font-size: 90%;
  color: #333;
}
div.form-container form fieldset {
  margin: 10px 0;
  padding: 10px;
  border: #ddd 1px solid;
}
div.form-container form legend {
  font-weight: bold;
  color: #666;
}
div.form-container form fieldset,
.input_holder {
  padding: 0.25em 0;
}
div.form-container label,
div.form-container span.label {
  width: 150px;
  display: block;
  float: left;
  text-align: right;
  position: relative;
}
div.form-container label.error,
div.form-container span.error {
  color: #c00;
}
div.form-container label em,
div.form-container span.label em {
  position: absolute;
  right: 0;
  font-size: 120%;
  font-style: normal;
  color: #c00;
}
div.form-container input.error {
  border-color: #c00;
  background-color: #fef;
}
div.form-container input,
select {
  margin-left: 10px;
  vertical-align: top;
}
/*div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }   */
div.form-container div.controlset label,
div.form-container div.controlset input {
  display: inline;
  float: none;
}
div.form-container div.controlset div {
  margin-left: 170px;
}
div.form-container div.buttonrow {
  margin-left: 150px;
}
div.fl-left {
  position: relative;
  float: left;
  width: 165px;
}
span.scheduledark {
  background-color: #70c064;
  cursor: pointer;
  border: 1px solid white;
}
span.schedulelight {
  background-color: #cbe2a2;
  cursor: pointer;
  border: 1px solid white;
}
span.greentxt {
  color: #008000;
}
.browntxt {
  color: #b12f0b;
}

.instanteditoff {
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
/*
.instantediton     { border: 1px solid #6A7171; font-size: 11px; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right:1px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.instanteditover   { border: 1px solid #6A7171; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right:5px; overflow: hidden; white-space: nowrap; vertical-align: middle; }
*/
.instantediton {
  background-color: #e3e0e0;
  font-size: 11px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 1px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
.instanteditover {
  background-color: #e3e0e0;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

.contextMenu {
  position: absolute;
  display: block;
  background-color: #f5f6ee;
  border: 2px solid black;
  padding: 5px;
  cursor: pointer;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}
.paddedLeft {
  padding-left: 10px;
}

.veh_standing {
  width: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #0c22ca;
  color: #fff;
  font-weight: bold;
}

div.cleardiv {
  clear: both;
}

td.tbl-right {
  text-align: right;
}

.greybckgrnd {
  background-color: #f1eeee;
}

/*------------------------------------------------------------------------------------------------------*/
/*ikonos*/
.icon_matrix {
  padding: 0px 5px 5px 0px;
  cursor: pointer;
}

.faulty_day {
  background-color: #ff9999;
}

/*laikino user'io kurimas */
.temp_usr_left_col {
  text-align: right;
  padding: 7px 3px 1px 0px;
}
.temp_usr_right_col {
  text-align: left;
  padding: 7px 0px 1px 3px;
}
.temp_usr_right_col input[type="text"] {
  width: 80%;
}
.temp_usr_right_col textarea {
  height: 100px;
}
/*-----------------------------------------------   Searchas   -----------------------------------------*/
.search_results {
  border: 1px solid black;
}
.search_results ul {
  list-style-type: decimal;
  padding-left: 25px;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #5b5858;
}
.search_results li {
  padding: 2px;
  cursor: pointer;
}
.search_results li:hover {
  color: #000000;
}

div.obj-sort b {
  margin-right: 5px;
}
/*------------------------------------------------- homepage ikonkes -----------------------------------*/
.homebar_div {
  display: block;
  text-align: center;
}
.homebar_div .item {
  border: 1px solid #c0c0c0;
  padding: 2px;
  width: 164px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  margin-top: 10px;
}
.homebar_div .item img {
  padding-top: 7px;
  max-width: 140px;
  max-height: 140px;
  width: auto !important;
  width: expression(document.body.clientWidth > 140 ? "140px": "auto");
}
/*------------------------------------------------- Routing styles --------------------------------------*/
.floating-route-list table {
  width: 100%;
  font-size: 12px;
}

.floating-route-list table thead tr td {
  background-color: #e6e0e0 !important;
  text-align: center;
  font-weight: bold;
}

.floating-route-list table:not(thead) tr td:first-child {
  text-align: center;
}
.floating-route-list table:not(thead) tr td {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #f3f0f0;
  vertical-align: middle;
  empty-cells: show;
  background-color: #f3f0f0;
  padding: 2px 4px;
}

#routes_container {
}
#user_routes_container {
  width: 40%;
}
#routing_map {
  width: 59%;
  height: 450px;
  border: 1px solid #808080;
  padding: 0;
}
#routemap {
  width: 100%;
  height: 100%;
  border: 1px solid #808080;
  padding: 0;
}
.tbl-row-margin-bottom {
  padding-bottom: 10px;
}
#dia #search_key {
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid #aaaaaa;
  height: 19px;
}
.route_icon {
  cursor: default !important;
}
.new_obj_red_border {
  border: 1px solid red;
}
/*------------------------------------------------- Context Menu ----------------------------------------*/
.context_menu_item {
  cursor: pointer;
}
.context_menu_item b:hover {
  font-weight: bold;
}
.context_menu_item b {
  font-weight: normal;
}
.img-btn {
  cursor: pointer;
}
/*-------------------------------------------------  MonthView  -----------------------------------------*/
.month_view table tr td {
  border: 1px solid #999999;
  padding: 0;
}
.month_view table {
  border-collapse: collapse;
  margin-top: 10px;
  margin-left: 5px;
}
.month_view .header {
  font-size: 14px;
  text-align: center;
  border: 0px !important;
}
.month_view .day_box {
  width: 86px;
  height: 118px;
  position: relative;
  padding: 0px;
  font-size: 12px;
}
.month_view .day_box div {
  height: 14px;
}
.month_view .day_box.clicked
{
  background-color: #f0f0f0;
}
.month_view .day_hdr {
  margin: 0px;
  background-color: #cccccc;
  font-size: 14px !important;
  padding-left: 3px;
  height: 20px !important;
}
.month_view .tco_cell {
  margin-left: 10px;
  text-align: center;
  position: relative;
}
.month_view .tco_drive img {
  position: absolute;
  left: 0px;
  clip: rect(0px, 12px, 12px, 0px);
}
.month_view .tco_work img {
  position: absolute;
  left: 0px;
  clip: rect(12px, 12px, 24px, 0px);
  top: -12px;
}
.month_view .tco_rest img {
  position: absolute;
  left: 0px;
  clip: rect(24px, 12px, 36px, 0px);
  top: -24px;
}
.month_view .tco_available img {
  position: absolute;
  left: 0px;
  clip: rect(36px, 12px, 48px, 0px);
  top: -36px;
}
.month_view .tco_violation img {
  position: absolute;
  left: 0px;
  clip: rect(48px, 12px, 60px, 0px);
  top: -48px;
}
.month_view .day_hdr .hd_mnth {
  display: none;
}
.month_view .day_box .box_shield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  /*for IE*/
  filter: alpha(opacity = 50);
  z-index: 1;
}
.month_view .navigation_bar {
  display: inline;
  width: 100%;
}
.month_view {
  margin-top: 10px;
  position: relative;
}

/*------------------------------------- Tracking TCO ------------------------------------*/
.track_tco .tco_cell {
  position: relative;
}
.track_tco {
  position: relative;
}
/*------------------------------------- Exploitation Notice ----------------------------*/
#exploitationTable {
  box-sizing: border-box;
  display: inline-block;
}
/*.explotation_bottom_controll span { display: inline; margin: 5px 10px; padding: 5px; }*/
.explotation_bottom_controll button {
  margin-right: 10px;
}
.fieldset_ignition {
  float: left;
  text-align: center;
}
.exploitation_notice {
  cursor: default !important;
  width: 16px;
  height: 16px;
  margin: 0px 1px -1px 1px;
  z-index: 5;
  font-size: 14px;
}

.explotation_cursorPntr {
  cursor: pointer !important;
}

.error_on_input {
  border: 1px solid red !important;
  padding: 1px !important;
}

/* #addNewExploitation td {
    display: none;
} */

.explo_wrpppppp {
  position: relative;
}

#exploitationlist,
.sticky-top-table {
  position: relative;
  border-collapse: collapse;
}

#add_new_expl {
  poasition: absolute;
  top: 0;
  left: 0;
}

#exploitationlist thead td,
.sticky-top-table thead td {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: -0px;
}

.sticky-top-table tr.sticky-total,
tr.sticky-total {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  bottom: -0px;
}

#exploitationlist thead th:first-child,
#exploitationlist thead td:first-child,
.sticky-top-table thead th:first-child,
.sticky-top-table thead td:first-child {
  z-index: 1;
}

#exploitationlist thead th:nth-child(1) td,
.sticky-top-table thead th:nth-child(1) td {
  top: 0px;
  z-index: 1;
}
#exploitationlist thead th:nth-child(2) td,
.sticky-top-table thead th:nth-child(2) td {
  top: 25px;
  z-index: 200;
}

#exploitationlist tbody td:first-child,
.sticky-top-table tbody td:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
}

.sticky-top-table tr.sticky-total td {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
}

.sticky-top-table tr.sticky-total td {
  bottom: 0px;
  z-index: 1;
}

#exploitationhistory tr td .input_fld,
#addNewExploitation td .input_fld {
  width: 80%;
  text-align: center;
  font-size: 10px;
}

.i-tr-saving {
  cursor: pointer;
  font-size: 14px;
  color: #de8c23;
}
.i-tr-cancel {
  cursor: pointer;
  font-size: 14px;
  color: #e68787;
  margin-left: 6px;
}
.i-tr-edit {
  cursor: pointer;
  font-size: 14px;
  color: #8bbf53;
}
.i-tr-delete {
  cursor: pointer;
  font-size: 14px;
  color: #cc6161;
  margin-left: 6px;
}

.tr-tbc {
  padding: 2px;
  font-size: 11px;
}
.tr-tbc:nth-child(odd) {
  background-color: #fff;
}
.tr-tbc:nth-child(odd) {
  background-color: #f3f3f3;
}
.tr-tbc td:last-child {
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.providers-floating-list {
  position: absolute;
  top: 16;
  left: 0;
  right: 0;
  max-height: 150px;
  overflow: hidden auto;
  background-color: gainsboro;
  padding: 0;
}

.providers-floating-list li {
  padding: 4px;
  list-style: none;
  border-bottom: 1px solid #d2d2d2;
}

.providers-floating-list li:hover {
  background-color: #fff;
  cursor: pointer;
}

.search_init {
  border: 0;
  height: 14px;
  background-color: #fbfbfb;
  border-radius: 2px;
  font-size: 10px;
  color: #8a8a8a;
  width: 100%;
  vertical-align: middle;
  padding: 0 0 0 16px;
  margin: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.search_init:focus {
  outline: 0;
  border: 0;
}

.floating-help {
  position: absolute;
  background-color: rgba(229, 217, 205, 0.9);
  border: 2px solid #e6e0e0;
  width: 250px;
  padding: 6px;
  border-radius: 4px;
  z-index: 9999;
}

.explotation-edit-row td .input_fld {
  width: 80%;
  text-align: center;
  font-size: 10px;
}

.exploitation-car-list-td div,
.expl-total-vals div {
  padding: 2px 4px;
  font-size: 10px;
  float: left;
  display: block;
  margin: 0;
  background-color: #d3e2c1;
  border-radius: 0 2px 2px 0;
  opacity: 1;
  cursor: pointer;
}

.exploitation-car-list-td div:hover,
.expl-total-vals div:hover {
  opacity: 0.6;
}
.exploitation-car-list-td p {
  margin: 0;
  float: left;
  text-align: center;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  border-radius: 2px 0 0 2px;
}
.exploitation-car-list-td p.w-btn {
  background-color: #d3e2c1;
}
.total-explo td p {
  padding: 0;
  margin: 0;
}

.total-preview .preview-expl-button {
  background-color: #d3e2c1;
  padding: 2px 6px;
  cursor: pointer;
  float: right;
}
.total-preview .preview-expl-button:hover {
  opacity: 0.6;
}

.toolset-options {
  background-color: #f3eded;
  font-size: 10px;
  text-align: center;
  position: relative;
}
.toolset-options .tool-button {
  position: absolute;
  font-size: 12px;
  background-color: white;
  padding: 2px;
  top: 2px;
  right: 2px;
  color: #757575;
  cursor: hover;
}
.toolset-options #explo-tools-set {
  position: absolute;
  border-top: 1px solid #cbbebe;
  right: 0px;
  width: 0px;
  overflow: hidden;
  top: -1px;
  height: 70px;
  background-color: #e2e2e2;
  text-align: center;
  border-left: 1px solid white;
  -webkit-transition: width 200ms;
  -moz-transition: width 200ms;
  -ms-transition: width 200ms;
  -o-transition: width 200ms;
  transition: width 200ms;
}
.toolset-options #explo-tools-set input {
  width: 80%;
  border: 0px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 10px;
  margin-top: 4px;
}
.toolset-options #explo-tools-set .inside-ch i {
  font-size: 15px;
  color: #fff;
  background-color: #bbb;
  padding: 2px;
  margin: 0;
}
.toolset-options #explo-tools-set .inside-ch i.save {
  font-size: 14px;
  color: green;
  margin: 2px;
  background-color: transparent;
}
.toolset-options #explo-tools-set .inside-ch i.cancel {
  color: red;
  margin: 2px;
  font-size: 14px;
  background-color: transparent;
}
/* .explotation-edit-row td.bc {
    padding: 0;
} */

/* #addNewExploitation td.show {
    display: table-cell;
    height: auto;
} */

.showObjOFC {
  display: table-row;
}
.hideObjOFC {
  display: none;
}

.mObjStyle {
  height: 25px;
}

.explotation-edit-row {
  height: 25px;
}

.mObjStyle:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}

.hideHistory {
  display: table-row;
}
.showHistory {
  display: none;
}

.showTrack {
  display: table-row;
}
.hideTrack {
  display: none;
}

.addError {
  border: 2px solid red !important;
}
.table_hst tr td {
  text-align: center;
}

.tbl_specialbg {
  background-color: #f1eeee;
}

.tbl_tdborderLR {
  border-left: 1px solid #cbbebe;
  border-right: 1px solid #cbbebe;
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
}

.warn_explo_1 {
  color: rgb(195, 195, 195);
}
.warn_explo_2 {
  color: #f9bb6c;
}
.warn_explo_3 {
  color: rgb(255, 46, 0);
}

#explTemplTable tr:nth-child(odd) {
  background-color: #f1eeee;
}

#explTemplTable tr td:nth-child(even) {
  text-align: right;
}

.odd_even_bg_1 {
  background-color: #e6e0e0;
}
.odd_even_bg_0 {
  background-color: #f1eeee;
}

/*-------------------------------------- pageSettings ----------------------------------*/
.pageSettingsHolder .checkboxNode {
  white-space: nowrap;
  display: inline-block;
  width: 200px;
}

.optionsPanel {
  background-color: #e5e5cc;
  padding: 7px;
  margin: 0px 10px 0px 10px;
  border: 1px solid #a0a0a0;
  overflow-y: auto;
  height: 400px;
}
.optionsPanel .panel-block {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  white-space: nowrap;
}
.optionsPanel .cities {
  width: 160px;
}
.optionsPanel .depts {
  width: 160px;
}
.optionsPanel .ob_types {
  width: 210px;
}
.optionsPanel .panel-block div {
  height: 350px;
  overflow-y: auto;
}
.optionsPanel fieldset {
  border: 1px solid #c0c0c0;
  font-family: Verdana;
  padding: 5px;
}
.optionsPanel legend {
  font-weight: bold;
  color: black;
}
.statisticsFlotChart {
  height: 400px;
  margin: 7px 10px 0px 10px;
  position: relative;
}
.statisticsFlotChartTitle {
  font-size: 20px;
  text-align: center;
  margin: 7px 10px 0px 10px;
  position: relative;
}
.statisticsFlotAxisLabels {
  margin: 7px 10px 0px 10px;
  position: relative;
  height: 12px;
}
.statisticsFlotAxisLabels .axis-label {
  font-size: smaller;
  color: #545454;
  display: inline-block;
  position: absolute;
}
.statisticsFlotAxisLabels .left-y-axis {
  left: 0px;
  text-align: left;
}
.statisticsFlotAxisLabels .right-y-axis {
  right: 0px;
  text-align: right;
}

/*************************************************************************************************/
.driverTable_Link {
  text-align: left;
  color: #b12f0b;
  cursor: pointer;
}

/****************************************** GAS STATIONS *****************************************/
.gasstations {
  /*background-image: url('images/gasstations.png');*/
  height: 35px;
  width: 99px;
  background-repeat: no-repeat;
  margin: 2px 10px 2px 5px;
}
.gasstation-statoil {
  background-image: url("images/statoil.jpg");
}
.gasstation-emsi {
  background-image: url("images/emsi.png");
}
.gasstation-lukoil {
  background-image: url("images/lukoil.jpg");
}
.gasstation-bp {
  background-image: url("images/bp.jpg");
}
.gasstation-as24 {
  background-image: url("images/as24.png");
}
.gasstation-ventus {
  background-image: url("images/orlen.png");
}
.gasstation-neste, .gasstation-nestecsv {
  background-image: url("images/neste.jpg");
}
.gasstation-vakoil {
  background-image: url("images/vakoil.png");
}
.gasstation-zil {
  background-image: url("images/zilinskis.png");
}
.gasstation-pasv_nr1,
.gasstation-pasv_nr2,
.gasstation-pasv_nr3,
.gasstation-pasv_nr4 {
  background-image: url("images/pasv.png");
}
.gasstation-funn {
  background-image: url("images/funn.png");
}
.gasstation-mprc {
  background-image: url("images/mprc.png");
}
.gasstation-circlek,
.gasstation-circlek_lv {
  background-image: url("images/circlek.png");
}
.gasstations-small {
  /*background-image: url('images/gasstations_small.png');*/
  background-repeat: no-repeat;
  margin: 3px;
  height: 20px;
  width: 57px;
}
.gasstation-small-statoil,
.gasstation-small-statoil_lv {
  background-image: url("images/statoil_small.jpg");
}
.gasstation-small-emsi {
  background-image: url("images/emsi_small.png");
}
.gasstation-small-lukoil {
  background-image: url("images/lukoil_small.jpg");
}
.gasstation-small-as24 {
  background-image: url("images/as24_small.png");
}
.gasstation-small-ventus {
  background-image: url("images/orlen_small.png");
}
.gasstation-small-neste, .gasstation-small-nestecsv {
  background-image: url("images/neste_small.jpg");
}
.gasstation-small-vakoil {
  background-image: url("images/vakoil_small.png");
}
.gasstation-small-zil {
  background-image: url("images/zilinskis_small.png");
}
.gasstation-small-pasv_nr1,
.gasstation-small-pasv_nr2,
.gasstation-small-pasv_nr3,
.gasstation-small-pasv_nr4 {
  background-image: url("images/pasv_small.png");
}
.gasstation-small-funn {
  background-image: url("images/funn_small.png");
}
.gasstation-small-circlek,
.gasstation-small-circlek_lv {
  background-image: url("images/circlek_small.png");
}

.gasstation-small-bp {
  background-image: url("images/bp.jpg");
  background-size: auto 100%;
}
.gasstation-name {
  white-space: nowrap;
}

/****************************************** FUEL ICONS *****************************************/
/*
.fuelicons{
	background-image: url('images/fuel_icons.png');
	background-repeat: no-repeat;
	height: 20px;
	margin-left: auto; 
	margin-right: auto;
}
*/
.fuelicons {
  background-image: url("images/fuel_icons15.png");
  background-repeat: no-repeat;
  height: 15px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-left: auto;
  margin-right: auto;
}
.fuelicon-odometer {
  background-position: 0px 0px;
  width: 24px;
}
.fuelicon-driving {
  background-position: -24px 0px;
  width: 13px;
}
.fuelicon-stopped {
  background-position: -37px 0px;
  width: 15px;
}
.fuelicon-total {
  background-position: -52px 0px;
  width: 16px;
}
.fuelicon-engine {
  background-position: -68px 0px;
  width: 24px;
}
.fuelicon-gps {
  background-position: -92px 0px;
  width: 15px;
}
.fuelicon-patrdown {
  background-position: -107px 0px;
  width: 12px;
}
.fuelicon-patrup {
  background-position: -120px 0px;
  width: 13px;
}

/****** OBJECTS' SCHEDULE ************************************************************************/
.obj_sched_el {
  font-size: 11px;
  color: #000000;
  text-align: center;
  vertical-align: bottom;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
.obj_sched_curr_el {
  font-weight: bold;
  background-color: #b8c7c7;
}
.obj_sched_other_el {
  background-color: #dad2d2;
}
.obj_sched_occupied_el {
  border-style: solid;
  border-width: 1px;
  border-color: #c3b6b6;
  background-color: #f9f6f6; /*F1EEEE;*/
}
.obj_sched_no_el {
  background-color: #ffffff;
}
.obj_sched_notwork_el {
  background-color: #f9bbaa;
}
.obj_sched_inobject_el {
  background-color: #c4dcc1;
}
.obj_sched_notobject_el {
  background-color: #fbcdc1;
}
.obj_sched_free_el {
  background-color: #f9f6f6; /*F1EEEE;*/
  cursor: pointer;
}
.obj_sched_onlease_el {
  background-color: #cbecd6;
}
.obj_sched_notleased_el {
  background-color: #f8e0a5;
}
.obj_sched_subtitle {
  color: #b12f0b;
  font-weight: bold;
  margin-bottom: 15px;
}
td.obj_sched_month_day {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #e6e0e0;
  text-align: right;
  vertical-align: bottom;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 4px;
}
td.obj_sched_month_day_free {
  background-color: #ffffff;
}
td.obj_sched_month_day_current {
  background-color: #b09c9c;
}
/****** END: OBJECTS' SCHEDULE ************************************************************************/

/****** ADMINISTRATION OBJECTS********************************************************************/

.regular_obj_el {
  padding: 2px 2px 2px 5px;
  /*border: 1px solid #F1EEEE;*/
  border: 1px solid #f4f6f6;
  background-color: #f4f6f6;
}

.chosen_obj_el {
  border-color: rgb(207, 202, 244);
  background-color: rgb(207, 202, 244);
}

a.obj_special_link {
  color: black;
}
/****** END: ADMINISTRATION OBJECTS********************************************************************/

.olPopupCloseBox {
  background: url("images/delete16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
}
#clusterTable {
  font-size: 11px;
  border-collapse: collapse;
  margin: 3px 0px 3px 3px;
}
#clusterTable td.firstCol {
  padding: 0;
  margin: 0;
}
#clusterTable td.firstCol div {
  height: 12px;
  left: 577px;
  opacity: 1;
  overflow: hidden;
  top: 131px;
  max-width: 100px;
  margin: 2px 1px 2px 0px;
  font-size: 10px;
  /*font-weight: bold;*/
  cursor: pointer;
  text-align: center;
  padding: 0px 2px;
}
#clusterTable div.car {
  /*background-color: #CCFFCC;
    border: 1px solid #448844;*/
  background-color: white;
  border: 1px solid #aaaaaa;
}
#clusterTable div.trailer {
  background-color: #ffeeaa;
  border: 1px solid #be9800;
}
#clusterTable td.secondCol div {
  margin-right: 3px;
}
#cardatagraph {
  position: absolute;
  z-index: 100;
  left: 0px;
  right: 0px;
  opacity: 1;
  font-size: 12px;
  background-color: #ebe8e8;
  border: 1px solid black;
  height: 220px;
  display: none;
}
#clusterPopup {
  position: absolute;
  z-index: 100;
  opacity: 1;
  font-size: 12px;
  background-color: #ebe8e8;
  border: 1px solid black;
  display: none;
}

.form-login {
  background: #ffffff;
  max-width: 320px;
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin: 10px auto;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.form-login select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  border: none;
  position: absolute;
  top: -0;
  right: -0;
  background: #ef7f1a;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-align-last: center;
}

.form-login select::-ms-expand {
  display: none;
}

.form-login option {
  border: none;
  outline: none;
}

.form-login .form_logo_cont {
  width: 100%;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
}

.form-login .form_logo_cont .form_logo {
  display: inline-block;
}

.form-login .login-extra {
  display: block;
  padding: 40px;
}
.form-login p {
  margin: 0 0 20px;
  color: #a2a2a2;
  font-size: 15px;
  line-height: 1;
}
.form-login input {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin: 0 0 20px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-weight: 400;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-login input:focus {
  border: 1px solid #33b5e5;
  color: #333333;
}
.form-login button {
  cursor: pointer;
  background: #ef7f1a;
  width: 100%;
  border: 0;
  padding: 10px 15px;
  color: #ffffff;
  font-weight: bold;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form-login button:hover {
  background: #c16a1d;
}
.form-login .forgot-password {
  background: #f2f2f2;
  width: 100%;
  padding: 15px 40px;
  box-sizing: border-box;
  color: #666666;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.form-login .forgot-password a {
  color: #333333;
}

/*-------------------------------------------------*\
            CHARTS
\*-------------------------------------------------*/

.pie_chart {
  margin: 0 0 20px 10px;
  padding: 0;
  margin-top: -20px;
}

.pie_chart a {
  margin-top: 100px;
  margin-left: 110px;
  transform: scale(0.7);
}

.pie_chart text {
  margin: 0;
  padding: 0;
}

.pac-icon {
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.pac-icon.arrow_down_red {
  background-image: url("images/icons/arrow_down_red.png");
}
.pac-icon.arrow_up_green {
  background-image: url("images/icons/arrow_up_green.png");
}
.pac-icon.box_closed {
  background-image: url("images/icons/box_closed.png");
}
.pac-icon.cube_blue {
  background-image: url("images/icons/cube_blue.png");
}
.pac-icon.cube_green {
  background-image: url("images/icons/cube_green.png");
}
.pac-icon.cube_yellow {
  background-image: url("images/icons/cube_yellow.png");
}
.pac-icon.factory {
  background-image: url("images/icons/factory.png");
}
.pac-icon.flag_black {
  background-image: url("images/icons/flag_black.png");
}
.pac-icon.flag_blue {
  background-image: url("images/icons/flag_blue.png");
}
.pac-icon.flag_brown {
  background-image: url("images/icons/flag_brown.png");
}
.pac-icon.flag_chaki {
  background-image: url("images/icons/flag_chaki.png");
}
.pac-icon.flag_darkbrown {
  background-image: url("images/icons/flag_darkbrown.png");
}
.pac-icon.flag_darkgreen {
  background-image: url("images/icons/flag_darkgreen.png");
}
.pac-icon.flag_darkred {
  background-image: url("images/icons/flag_darkred.png");
}
.pac-icon.flag_darkviolet {
  background-image: url("images/icons/flag_darkviolet.png");
}
.pac-icon.flag_darkyellow {
  background-image: url("images/icons/flag_darkyellow.png");
}
.pac-icon.flag_green {
  background-image: url("images/icons/flag_green.png");
}
.pac-icon.flag_grey {
  background-image: url("images/icons/flag_grey.png");
}
.pac-icon.flag_lightblue {
  background-image: url("images/icons/flag_lightblue.png");
}
.pac-icon.flag_lightgreen {
  background-image: url("images/icons/flag_lightgreen.png");
}
.pac-icon.flag_lightred {
  background-image: url("images/icons/flag_lightred.png");
}
.pac-icon.flag_red {
  background-image: url("images/icons/flag_red.png");
}
.pac-icon.flag_violet {
  background-image: url("images/icons/flag_violet.png");
}
.pac-icon.flag_yellow {
  background-image: url("images/icons/flag_yellow.png");
}
.pac-icon.hammer {
  background-image: url("images/icons/hammer.png");
}
.pac-icon.house {
  background-image: url("images/icons/house.png");
}
.pac-icon.houses {
  background-image: url("images/icons/houses.png");
}
.pac-icon.office-building {
  background-image: url("images/icons/office-building.png");
}
.pac-icon.P {
  background-image: url("images/icons/P.png");
}
.pac-icon.package {
  background-image: url("images/icons/package.png");
}
.pac-icon.parking {
  background-image: url("images/icons/parking.png");
}
.pac-icon.pawn_glass_blue {
  background-image: url("images/icons/pawn_glass_blue.png");
}
.pac-icon.pawn_glass_green {
  background-image: url("images/icons/pawn_glass_green.png");
}
.pac-icon.triangle_blue {
  background-image: url("images/icons/triangle_blue.png");
}
.pac-icon.triangle_green {
  background-image: url("images/icons/triangle_green.png");
}
.pac-icon.triangle_orange {
  background-image: url("images/icons/triangle_orange.png");
}
.pac-icon.triangle_red {
  background-image: url("images/icons/triangle_red.png");
}
.pac-icon.triangle_violet {
  background-image: url("images/icons/triangle_violet.png");
}
.pac-icon.triangle_yellow {
  background-image: url("images/icons/triangle_yellow.png");
}
.pac-icon.truck_blue {
  background-image: url("images/icons/truck_blue.png");
}
.pac-icon.truck_red {
  background-image: url("images/icons/truck_red.png");
}
.pac-icon.wheel {
  background-image: url("images/icons/wheel.png");
}
.pac-icon.worker {
  background-image: url("images/icons/worker.png");
}
.pac-icon.wrench {
  background-image: url("images/icons/wrench.png");
}
.pac-icon.gazprom {
  background-image: url("images/icons/gazprom.png");
}
.pac-icon.cube {
  background-image: url("images/icons/cube.png");
}
.pac-icon.blank-space {
  background-image: url("images/blank.gif");
}

/* TCO */
.tco_act td:not(:first-child) {
  padding: 4px 10px;
}
.tco_gen_img {
  vertical-align: sub;
  cursor: pointer;
}
.font_dlLink {
  color: rgba(174, 49, 17, 1);
  cursor: pointer;
  font-size: 11px;
  overflow: hidden;
  width: 83%;
  display: inline-block;
  white-space: nowrap;
  height: 13px;
  text-align: left;
  position: relative;
  padding-left: 0px;
  padding-right: 14px;
  text-overflow: ellipsis;
}

.font_dlLink:hover {
  text-decoration: underline;
}

.tco_sorting {
  font-size: 12px;
  width: 14px;
}

.tco_sorting:hover {
  cursor: pointer;
  background-color: #fff;
}

.complete font {
  color: orange;
}
.error font {
  color: orange;
}

.tco_loader_green {
  filter: saturate(10) hue-rotate(-75deg);
}
.tco-circle {
  width: 10px;
  height: 10px;
  border-radius: 15px;
  float: left;
  margin-right: 10px;
}
.tco-circle.gray {
  background-color: #dbdbdb;
}
.tco-circle.red {
  background-color: #dd5d5d;
}
.tco-circle.yellow {
  background-color: #e2c963;
}
.tco-circle.green {
  background-color: #43b210;
}

.tco_icon_pre {
  font-family: "Roboto Condensed", sans-serif;
  background-color: #7a7a7a;
  padding: 0 2px;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  border-radius: 2px;
  margin-left: 4px;
  cursor: default;
}

/* ADMIN WEB TEXTS EDITS */
.ted-table {
  font-size: 12px;
}
.ted-table .edit-row {
  float: left;
  width: 50px;
}
.ted-table tr:nth-child(2) input {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  width: 100%;
  color: #dbdbdb;
}
.ted-table tr:nth-child(2) input:focus {
  outline: 0;
  border-color: black;
}

.ted-table tr:not(:nth-child(2)) input {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  width: 100%;
  color: #747474;
}
.ted-table tr:not(:nth-child(2)) input:focus {
  outline: 0;
  border-color: black;
}

.ted-table tr:nth-child(2),
.ted-table tr:first-child {
  background-color: #aaaaaa;
  color: #ededed;
  font-weight: bold;
}
.ted-table tr:first-child td,
.ted-table tr:nth-child(2) td {
  text-align: center;
  border-right: 0px;
}

.ted-table tr td:first-child {
  width: 20px;
}

.ted-table tr td {
  padding: 2px 8px;
  border-right: 1px solid gray;
}
.hide-ted-row {
  display: none;
}
.show-ted-row {
  display: table-row;
}

.force-11px,
.force-11px:focus,
.force-11px:hover,
.force-11px:active {
  font-size: 11px;
}

.file-select {
  width: 50%;
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid gray;
}

.file-wrapp {
  padding: 20px;
}
.file-select span {
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid gray;
}

.file-wrapp ul li {
  margin-right: 20px;
  padding: 5px;
  font-size: 11px;
  background-color: rgb(241, 241, 241);
  text-align: center;
  display: inline-block;
  color: #a55a14;
}
.file-wrapp .file-image {
  padding: 10px 5px;
  background-color: rgb(185, 185, 185);
  width: 50px;
  margin-left: 0 auto;
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  clip-path: polygon(
    0 23%,
    0 7%,
    4% 0,
    29% 0,
    32% 7%,
    60% 7%,
    98% 7%,
    100% 10%,
    100% 100%,
    15% 100%,
    0 100%,
    0% 85%
  );
}

.file-wrapp .exe {
  color: rgb(196, 127, 0);
}
.file-wrapp .dmg {
  color: rgb(167, 115, 20);
}
.file-wrapp .docx {
  color: rgb(103, 84, 212);
}
.file-wrapp .pdf {
  color: rgb(146, 64, 64);
}

.perfect-datetimepicker {
  position: relative;
  width: 200px;
  margin: 2px 0 0;
  padding: 0;
  font-size: 10px;
  color: #333;
  background-color: #fafafa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 0;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.perfect-datetimepicker * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.perfect-datetimepicker table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 2px;
  background-color: white;
  padding: 3px;
}
.perfect-datetimepicker table td {
  border: 0;
  text-align: center;
  padding: 2px;
  width: 34px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
}
.perfect-datetimepicker table td.weekend {
  color: #d9534f;
}
.perfect-datetimepicker table.mt tbody td {
  width: 58px;
  height: 20px;
}
.perfect-datetimepicker td.day {
  width: 14.28571429%;
}
.perfect-datetimepicker td.name {
  font-weight: bold;
}
.perfect-datetimepicker td.oday {
  color: #cccccc;
  cursor: auto;
}
.perfect-datetimepicker td.disabled {
  color: #999;
  cursor: auto;
}
.perfect-datetimepicker td i {
  font-size: 10px;
  font-weight: bold;
}
.perfect-datetimepicker td table.tt {
  border: 0;
  padding: 0;
}
.perfect-datetimepicker table.tt {
  padding: 5px;
}
.perfect-datetimepicker table.tt td.hover {
  border: 0;
}
.perfect-datetimepicker table.tt td.common {
  width: 5px;
}
.perfect-datetimepicker table.tt tbody td {
  width: 40px;
  height: 14px;
}
.perfect-datetimepicker table.tt input {
  outline: none;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 0 !important;
  width: 38px;
  height: 24px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  -ms-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  -webkit-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  -o-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
.perfect-datetimepicker table.tt input:focus {
  border-color: #66afe9;
  -webkit-box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
  box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
}
.perfect-datetimepicker
  table.tt
  input[type="number"]::-webkit-inner-spin-button,
.perfect-datetimepicker
  table.tt
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.perfect-datetimepicker table.tt input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.perfect-datetimepicker .buttonpane {
  border-top: 1px solid #cccccc;
}
.perfect-datetimepicker tbody td.hover {
  background-color: #eee;
  padding: 1px;
  border: 1px solid #cccccc;
}
.perfect-datetimepicker tbody td.today {
  font-weight: bold;
  color: #bbbb77;
}
.perfect-datetimepicker tbody td.selected {
  font-weight: bold;
  padding: 1px;
  color: white;
  background-color: #bbbb77;
  border: 1px solid #bbbb77;
}
.perfect-datetimepicker tfoot td.hover {
  background-color: #eee;
  padding: 1px;
  border: 1px solid #eee;
}
.perfect-datetimepicker thead td.hover {
  background-color: #eee;
  padding: 1px;
  border: 1px solid #eee;
}
.perfect-datetimepicker thead td.title {
  font-weight: bold;
  text-align: center;
  padding: 2px;
}
i {
  font-family: "finex";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "finex";
  src: url("./font/iconfont.eot");
  /* IE9*/
  src: url("./font/iconfont.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./font/iconfont.woff") format("woff"),
    /* chrome、firefox */ url("./font/iconfont.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("./font/iconfont.svg#svgFontName") format("svg");
  /*  iOS 4.1- */
}
i.icon-datepicker-minus:before {
  content: "\e601";
}
i.icon-datepicker-plus:before {
  content: "\e603";
}
i.icon-datepicker-prev:before {
  content: "\e602";
}
i.icon-datepicker-next:before {
  content: "\e600";
}

div.amcharts-chart-div
  > svg
  > g:nth-child(13)
  > g
  > g
  > g
  > path:nth-child(2):hover {
  cursor: pointer;
}

.map-search-pupup {
  background-color: #fff;
  display: inline-block;
  font-size: 11px;
  padding: 4px;
  border-radius: 0 4px 4px 0;
  margin-left: 10px;
  position: relative;
  line-height: 15px;
}

.map-search-pupup:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.map-search-pupup img {
  height: 15px;
  opacity: 0.7;
  vertical-align: bottom;
  margin-right: 4px;
}

/*Loader .For tracking view.   */
.route-search-tracking {
  position: absolute;
  left: -330px;
  background-color: #ffffff;
  width: 80px;
  height: 24px;
  color: rgb(90, 130, 255);
  line-height: 26px;
  padding: 0 4px;
  opacity: 0.6;
}

.route-search-tracking.active-route {
  background-color: #2476ff;
  opacity: 1;
}
.route-search-tracking.active-route:hover {
  background-color: #19beff;
  opacity: 1;
}
.route-search-tracking.active-route i {
  color: #fff;
}

.clear-search-tracking {
  position: absolute;
  left: -304px;
  background-color: #c7a1a1;
  width: 80px;
  height: 24px;
  color: #fff;
  line-height: 26px;
  padding: 0 6px;
  opacity: 0.6;
}

.clear-search-tracking.active-remove {
  background-color: #ff4d39;
  opacity: 1;
}
.clear-search-tracking.active-remove:hover {
  background-color: #ff9172;
}
.clear-search-tracking.active-remove i {
  color: #fff;
}

.clear-search-tracking i,
.route-search-tracking i {
  padding: 4px 0;
}

.closes-cars-tracking {
  position: absolute;
  left: -330px;
  right: 0;
  top: 24;
  height: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: height 100ms, 200ms;
  -moz-transition: height 100ms, 200ms;
  -ms-transition: height 100ms, 200ms;
  -o-transition: height 100ms, 200ms;
  transition: height 100ms, 200ms;
  overflow: hidden;
  cursor: default;
}
.closes-cars-tracking.pulled-out {
  height: 150px;
}

.closes-cars-tracking p {
  padding: 0px;
  margin: 6px 0 0 6px;
  font-size: 12px;
  float: left;
}
.closes-cars-tracking p:nth-child(2) {
  color: #0000cc;
  margin-right: 0px;
  font-size: 10px;
  font-weight: bold;
}

.closes-cars-tracking ul {
  padding: 0;
  margin: 0;
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  top: 28px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(226, 226, 226, 0.8);
}
.closes-cars-tracking ul li {
  list-style: none;
  width: 100%;
  padding: 2px;
  font-size: 12px;
  background-color: rgb(255, 255, 255);
  margin: 4px;
  color: #443d4e;
  cursor: pointer;
}

.closes-cars-tracking ul li.clicked-active {
  background-color: #fec985;
}
.closes-cars-tracking ul li:hover {
  background-color: rgba(254, 148, 11, 0.2);
  color: #443d4e;
}

.actively-looking {
  display: initial !important;
}

.tracking-search-info {
  background-color: #e6e6e6e6;
  position: relative;
  -webkit-transition: height 100ms, 200ms;
  -moz-transition: height 100ms, 200ms;
  -ms-transition: height 100ms, 200ms;
  -o-transition: height 100ms, 200ms;
  transition: height 100ms, 200ms;
  overflow: hidden;
  cursor: default;
}

.tracking-search-info span {
  margin: 4px;
  font-size: 12px;
  display: block;
  width: 100px;
}

.tracking-search-info div#info-1 {
  background-color: #ffffff;
  color: #8a624e;
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 106px;
}

.tracking-search-info div#info-1 span#distance {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #000000;
}

.tracking-search-info div#info-1 span#travel-time {
  margin-top: 0px;
  font-size: 13px;
  color: rgb(104, 104, 104);
}

.tracking-search-info div#info-2 {
  background-color: #ffffff;
  color: #8a624e;
  position: absolute;
  left: 114px;
  top: 4px;
  bottom: 4px;
  width: 96px;
}

.tracking-search-info div#actions {
  position: absolute;
  left: 214px;
  top: 4px;
  bottom: 4px;
  right: 4px;
  background-color: #ffffff;
  color: #8a624e;
  padding: 4px;
}

.tracking-search-info div#actions a {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #538eff;
  cursor: pointer;
}

.tracking-search-info div#actions p {
  padding: 2px;
  padding-left: 0px;
  margin: 2px 2px 2px 0px;
  border-radius: 2px;
  font-size: 12px;
  color: #538eff;
  display: inline-block;
  cursor: pointer;
}
.tracking-search-info div#actions p i {
  color: #757575;
}
.tracking-search-info div#actions p:hover {
  text-decoration: underline;
}

.tracking-search-info div#actions a i {
  color: #757575;
}

.tracking-search-info span i {
  width: 20px;
}

.tracking-search-info.pulled-out {
  height: 50px;
}

.empty-input-notification {
  position: absolute;
  width: 200px;
  top: 35px;
  right: 0;
  color: white;
  background-color: #8e3030;
  text-align: center;
  font-size: 11px;
  padding: 4px;
  border-radius: 4px;
  opacity: 0;
  z-index: -2;
}
.empty-input-notification.show-warning {
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

.empty-input-notification:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #8e3030;
  border-width: 10px;
  margin-left: -10px;
}

.search_input_tracking {
  width: 300px;
  position: absolute;
  height: 24px;
  background-color: #e6e6e6;
  top: 0;
  right: 0;
  display: initial;
  z-index: 9999;
  border-left: 2px solid #e6e6e6;
  overflow: hidden;
}
.search_input_tracking i {
  position: absolute;
  color: #757575;
  left: 0px;
  top: 0px;
  padding: 4px;
  font-size: 18px;
  background-color: #e6e6e6;
}
.search_input_tracking input {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #eaeaea;
  border-right: 2px solid #e6e6e6;
  height: 25px;
  margin-top: 1px;
}
.search_input_tracking input:focus {
  outline: none;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #2b2b2b;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* SYSTEM SEARCH ON TRACKERS */
.sys-srch-trc-btn {
  font-size: 12px;
  color: green;
  background-color: #fff;
  padding: 2px;
  border-radius: 2px;
  cursor: pointer;
}

/* SYSTEm -> LOG STUFF */
.log_table tr:nth-child(odd):not(:first-child) td {
  background-color: #e3d4e0;
}
.log_table tr:nth-child(even):not(:first-child) td {
  background-color: #c6b7c3;
}
.log_table tr:first-child td {
  background-color: #342632;
  color: #fff;
}
.log_table tr:not(:first-child) td {
  font-size: 12px;
}
.log_table tr > td {
  text-align: center;
  border-right: 1px solid black;
  height: 20px;
}

.log_table tr > td > div:not(.text_overlay) {
  padding: 0 10px;
}
.log_table .message {
  overflow: hidden;
  width: 200px;
  height: 20px;
  display: block;
}
.log_table td.message .text_overlay:hover {
  opacity: 0.5;
}
.log_table td.message .text_overlay {
  position: absolute;
  opacity: 0;
  height: 20px;
  width: 200px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
}
#recip-search {
  position: relative;
}
#recip-search input {
  width: 100%;
  height: 20px;
  border: 0;
  padding: 4px 4px 4px 20px;
  font-size: 10px;
  background-color: #e2e2e2;
  border-radius: 2px 2px 0 0;
}

#recip-search *:focus {
  outline: 0;
  border: 0;
}
#recip-search i {
  position: absolute;
  left: 4px;
  top: 4px;
  color: gray;
}

/* messenger styles */

.msg_box {
  position: fixed;
  bottom: -2px;
  width: 320px;
  background: white;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.msg_animation > .msg_box {
  transition: all 0.5s ease;
}

.msg_box.contacts {
  width: 250px;
  height: 69vh;
}

.msg_box:not(.contacts) {
  height: 358px;
}

.msg_box.minimized {
  width: 200px;
  height: 35px;
}

.hidden > .msg_box:not(.contacts) {
  height: 0;
}

.hidden > .msg_box.contacts {
  width: 36px;
  height: 35px;
}

.hidden > .msg_box > .contacts_head > .msg-unread {
  position: absolute;
  left: -7px;
  top: -7px;
}

.hidden > .contacts > .contacts_head > h4,
.hidden > .contacts > .contacts_head > #msg-minimize {
  display: none;
}

.hidden > .contacts > .contacts_head > #msg-hide {
  margin-left: auto;
  margin-right: 3px;
  color: #de8c23;
  font-size: 16px;
}

.hidden > .contacts > .contacts_head {
  padding: 0;
  justify-content: center;
}

.msg_head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 5px 0 10px;
  min-height: 35px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px 2px 0 0;
  cursor: pointer;
}

.contacts_head {
  font-size: 18px;
}

.msg-unread {
  margin-right: 10px;
  display: none;
  color: #0099ff;
  font-size: 14px;
}

.unread-noty {
  font-size: 10px;
  background-color: #0099ff;
  color: #eee;
  width: 18px;
  height: 18px;
  margin-left: auto;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
}

.bubble {
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: 10;
  border-radius: 10px;
  border: solid;
  border-width: 2px;
  border-color: white;
}

.online {
  background-color: #5ad539;
}

.away {
  background-color: #f2c900;
}

.offline {
  display: none;
}

.msg-contact-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 12px;
  min-height: 35px;
  position: relative;
  background-color: #ececec;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px 2px 0 0;
  cursor: pointer;
  font-size: 17px;
}

.msg-contact-filter > span {
  margin-left: 5px;
  height: 21px;
}

.msg-contact-filter > span > img {
  width: 20px;
  height: 20px;
  opacity: 0.5;
  transition: all ease 0.25s;
}

.msg-contact-filter > span > img:hover {
  transform: scale(1.1);
}

.filter-btn {
  display: none;
}

#msg_clear_search {
  position: absolute;
  right: 17px;
  transition: all 0.25s ease;
  color: rgba(51, 51, 51, 0.6);
  opacity: 0;
}

#msg_clear_search:hover {
  color: #1a1a1a;
}

.msg_head h4 {
  display: flex;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.42857;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  transition: all ease 0.25s;
}

#msg-hide {
  /* margin-left: auto;
    font-size: 16px;
    opacity: 0.5;
    transition: all ease 0.25s; */
}

#msg-hide:hover {
  /* transform: scale(1.2);
    opacity: 1; */
}

.msg_body {
  background: white;
  height: 200px;
  font-size: 12px;
  padding: 15px;
  flex: 1 1 20%;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

/* .msg_body > div:nth-child(2) {
    margin-top: 30px;
   } */

/* .msg_loader {
   } */

#contacts-list {
  background: white;
  font-size: 12px;
  padding: 5px 15px;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  top: 72px;
  right: 0;
  left: 0;
}

#contacts-list img {
  float: right;
}

.msg_footer {
  display: flex;
  flex-flow: column;
}

.msg_input {
  display: flex;
  width: 100%;
  height: 55px;
  border: 1px solid white;
  border-top: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}

.msg_input_control {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  background: #ececec;
  height: 35px;
  padding-left: 5px;
  padding-right: 5px;
}

.msg_input_control .msg-file {
  font-size: 14px;
  display: flex;
  align-items: center;
}

.msg_btn {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease;
  color: rgba(51, 51, 51, 0.6);
  display: flex;
  font-size: 14px;
}

.msg_btn:hover {
  background: #e2e2e2;
  color: #1a1a1a;
}

.msg_btn:focus {
  outline: 0;
}

.msg_input_control > .msg_btn {
  color: #1a1a1a;
}

.msg_input_control > .msg_btn:hover {
  background: #c7c7c7;
}

.msg_btn > i {
  margin: auto;
}

.msg_box_controls {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}

.attach {
  transform: rotate(45deg);
}

.min {
  float: right;
  cursor: pointer;
}

.minimize {
  float: right;
  cursor: pointer;
  padding-right: 5px;
}

/* 
   .msg-theirs{
    position:relative;
    background:#e2e2e2;
    padding:5px;
    min-height:10px;
    margin-bottom:5px;
    margin-right:10px;
    border-radius:5px;
    flex: none;
    align-self: flex-start;
  }
   
   .msg-mine{
    background:#d4e7fa;
    padding:5px;
    min-height:15px;
    margin-bottom:5px;
    position:relative;
    margin-left:10px;
    border-radius:5px;
    flex: none;
    align-self: flex-end;
   } */

.msg-theirs,
.theirs-active {
  background: #e2e2e2;
  margin-top: 2px;
  margin-bottom: 2px;
}

.theirs {
  color: #e2e2e2;
}

.msg-mine,
.mine-active {
  background: #d4e7fa;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
}

.mine {
  color: #d4e7fa;
}

.msg-row {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.msg-row > p {
  margin: 0;
}

.msg-row > .time {
  width: 30px;
  opacity: 0;
  font-size: 9px;
  color: #bbb;
  transition: all ease 0.5s;
}

.msg-row > .seen-icon {
  position: absolute;
  right: -10.5px;
  transition: all ease 0.5s;
  color: #ff9f24;
  opacity: 0.75;
}

.msg-row > .seen-icon.seen {
  color: #00b90694;
}

.msg-row > .seen-icon.seen > i:nth-child(1) {
  position: absolute;
  transform: translate(4px, 1px);
}

.msg-row > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  width: 85%;
  padding: 5px;
  min-height: 10px;
  margin-right: 5px;
  border-radius: 2px;
  transition: all ease 0.5s;
}

.msg-row:hover > .time {
  opacity: 1;
}

.msg-breaker {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}

.mine-right {
  text-align: end;
  align-self: flex-end;
}

.their-left {
  text-align: start;
  align-self: flex-start;
  flex-direction: row-reverse;
}

.msg_time_heading {
  display: flex;
  align-items: center;
  padding: 12px 0;
  text-transform: uppercase;
  clear: both;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.33333;
}

.msg_time_heading:before,
.msg_time_heading:after {
  display: block;
  content: "";
  flex-grow: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: inherit;
}

.msg_time_heading:before {
  margin-right: 12px;
}

.msg_time_heading:after {
  margin-left: 12px;
}

.msg_new_heading {
  display: flex;
  align-items: center;
  padding: 12px 0;
  clear: both;
  color: #00ef08;
  line-height: 1.33333;
}

.msg_new_heading > p {
  margin: 0;
  border: solid;
  border-width: 1px;
  border-color: #00ef08;
  border-radius: 5px;
  padding: 3px;
}

.msg_new_heading:before,
.msg_new_heading:after {
  display: block;
  content: "";
  flex-grow: 1;
  border-top: 1px solid #00ef08;
  box-sizing: inherit;
}

.msg_new_heading:before {
  margin-right: 12px;
}

.msg_new_heading:after {
  margin-left: 12px;
}

.msg-username {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.msg-username > p {
  margin: 0;
  font-weight: bold;
}

.msg-username > p:nth-child(2) {
  font-size: 9px;
  color: #bbb;
  font-weight: lighter;
}

.msg-breaker > i {
  font-size: 25px;
}

.msg-pending {
  color: grey;
}

.msg-error {
  color: red;
}

/**** Slider Layout Popup *********/

#chat-sidebar {
  width: 250px;
  position: fixed;
  height: 100%;
  right: 0px;
  top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #b2b2b2;
}

#sidebar-user-box {
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  margin-bottom: 4px;
  height: 30px;
  transition: all 0.25s ease;
  opacity: 1;
  z-index: 1;
}

#sidebar-user-box.filtered {
  height: 0px;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  z-index: 2;
}

#sidebar-user-box > picture > img {
  width: 18px;
  height: 18px;
}

#sidebar-user-box:hover {
  background-color: #ececec;
}

#sidebar-user-box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#slider-username {
  float: left;
  margin-left: 5px;
}

#slider-username > p {
  margin: 0;
  font-size: 12px;
}

#slider-username > .licence {
  font-size: 11px;
  font-weight: bold;
}

#contacts-search {
  width: 100%;
  border-radius: 2px;
  border: solid;
  border-color: #a0a0a0;
  border-width: 1px;
  padding: 2px;
  opacity: 1;
  transition: all 0.5s ease;
}

#contacts-search.hide {
  width: 0%;
  opacity: 0;
}

.fa-tachometer-alt {
  color: rgb(149, 149, 149);
}

.fa-tachometer-alt:hover {
  color: #000;
}

.dayinfoitem {
  cursor: pointer;
}

/* Download task page */
.task-download-list {
  margin-top: 50px;
  height: 90%;
  overflow-y: auto;
}

.task-download-list .file-wrapper {
  padding: 10px;
  position: relative;
  float: left;
  background-color: #ececec;
  border-radius: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.task-download-list .file-wrapper object {
  position: relative;
}
.task-download-list .file-wrapper .image {
  width: 140px;
  height: 100px;
  background-size: 110%;
  background-position: center center;
  background-repeat: no-repeat;
}
.task-download-list .file-wrapper i.alt-content {
  color: rgba(255, 255, 255, 1);
}
.task-download-list .file-wrapper div.alt-content {
  width: 140px;
  height: 90px;
  padding-top: 10px;
  font-size: 80px;
  background-color: rgba(225, 218, 218, 1);
  text-align: center;
}
.task-download-list .file-wrapper p.alt-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  font-size: 8px;
  color: gray;
  padding: 0;
  margin: 2px;
  width: 140px;
}

.task-download-list .file-wrapper .username-file i {
  color: #fababa;
}
.task-download-list .file-wrapper .username-file {
  height: 20px;
  font-size: 11px;
  line-height: 20px;
}
.task-download-list .file-wrapper .bottom-file i.controls {
  float: right;
  color: orange;
  cursor: pointer;
  margin-left: 10px;
}
.task-download-list .file-wrapper .bottom-file i.controls:hover {
  float: right;
  color: gray;
  cursor: pointer;
}
.task-download-list .file-wrapper .bottom-file {
  height: 20px;
  font-size: 18px;
  line-height: 20px;
  margin-top: 6px;
}
.filter-button-files {
  float: left;
  margin: 6px;
  padding: 6px;
  border-radius: 2px;
  background-color: #efefef;
}
.calendar-button-files {
  margin: 6px;
  padding: 6px;
  border-radius: 2px;
  background-color: #efefef;
}
.delete-button-files {
  float: left;
  margin: 6px;
  padding: 9px;
  border-radius: 2px;
  background-color: #d0d0d0;
  cursor: pointer;
  font-weight: bold;
}

.delete-button-files:hover {
  background-color: #ebebeb;
}

.warning-down-info {
  padding: 10px;
  font-size: 12px;
  color: red;
  margin-top: 10px;
}

/*object html {
    margin-top: -30px;
    height: 130px;
    z-index: -1;
}*/

.drivers-table-wrap {
  padding: 10px;
  font-size: 12px;
}

.drivers-table-wrap .title-drv-tbl {
  padding: 4px;
  width: 100%;
  font-weight: bold;
  color: gray;
}

.drivers-table-wrap .title-drv-tbl.success {
  background-color: lightgreen;
}

.drivers-table-wrap ul li {
  list-style: none;
  display: flex;
}

.change-pass {
  padding: 2px 4px;
  font-size: 10px;
  background-color: lightgrey;
  float: left;
  cursor: pointer;
}

.change-pass:hover {
  background-color: #fff;
}

.dayinfoitemhide {
  display: none;
}

.ui-tabs,
.ui-corner-all,
.ui-corner-top {
  border-radius: 0px !important;
}

#chartdiv .amcharts-left-div {
  font-size: 10px;
  padding-left: 4px;
}

#chartdiv .amChartsPeriodSelector.amcharts-period-selector-div input {
  font-size: 10px;
}

/* parking */
/* parking normal */
.dayinfoitem0 {
  background-color: #f0f0f0;
}

/* parking temp */
.dayinfoitem0temp {
  background-color: rgb(236, 225, 204) !important;
}

/* parking selected */
.dayinfoitem0selected {
  background-color: rgb(244, 223, 202) !important;
}

/* drive */
/* drive normal */
.dayinfoitem1 {
  background-color: #f0f0f0;
}

/* drive temp */
.dayinfoitem1temp {
  background-color: rgb(236, 225, 204) !important;
}

/* drive selected */
.dayinfoitem1selected {
  background-color: rgb(244, 223, 202) !important;
}

/* border */
/* border normal */
.dayinfoitem2 {
  background-color: #f0f0f0;
}

/* border temp */
.dayinfoitem2temp {
  background-color: rgb(236, 225, 204) !important;
}

/* border selected */
.dayinfoitem2selected {
  background-color: rgb(244, 223, 202) !important;
}

/* day */
/* day normal */
.dayinfoitem4 {
  background: #dbc2b138;
}

/* day temp */
.dayinfoitem4temp {
  background: rgb(236, 225, 204);
}

/* day selected */
.dayinfoitem4selected {
  background: #ac988b38;
}

.dayinfoitem0temp,
.dayinfoitem1temp,
.dayinfoitem2temp,
.dayinfoitem4temp {
  background-color: rgb(224, 224, 224) !important;
}

#minimized {
  display: inline-block;
  margin-left: 20px;
  margin-right: 5px;
  width: 810px;
  height: 57px;
  overflow-y: auto;
  border: 1px solid #d2cece;
  background: #fbf8f8;
}

/* warning box */
.warning-box {
  position: absolute;
  z-index: 9999;
  width: 400px;
  background-color: #ffffff;
  padding: 20px 10px 0 10px;
  font-size: 16px;
  margin-left: calc(50% - 200px);
  margin-top: 10px;
  opacity: 0;
  -webkit-box-shadow: 10px 10px 35px -32px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 10px 10px 35px -32px rgba(0, 0, 0, 0.51);
  box-shadow: 10px 10px 35px -32px rgba(0, 0, 0, 0.51);
  border: 1px solid #e5d9cd;
  border-radius: 2px;
}

.warning-text {
  margin: 10px;
}

.warning-button-row {
  float: right;
  padding: 10px;
}

.warning-button-row .button-ok {
  padding: 4px 8px;
  background-color: #de8c23;
  border-radius: 2px;
  color: white;
  cursor: pointer;
}

.warning-button-row .button-ok:hover {
  background-color: white;
  color: #de8c23;
}

.warning-top-row {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 4px;
  margin: 0;
  color: #de8c23;
  font-size: 12px;
  right: 0;
  border-bottom: 1px solid #d2d2d2;
  background-color: #e5d9cd;
}

/*      car-sharing page        */
#car-sharing-table {
  min-width: 40%;
}

#car-sharing-table tr:hover {
  background-color: #f3f3f3;
}

#car-sharing-table tr td:first-child {
  text-align: left;
}

#car-sharing-table tr td.buttons i,
#timeline .buttons i {
  padding: 2px 4px;
  margin-right: 4px;
  border: 1px solid #ff9f24;
  border-radius: 2px;
  color: #ff9f24;
}

#car-sharing-table tr td.buttons i.green,
#timeline .buttons i.green {
  color: #549c68;
}
#car-sharing-table tr td.buttons i.red,
#timeline .buttons i.red {
  color: #9c6560;
}
#car-sharing-table tr td.buttons i.gray,
#timeline .buttons i.gray {
  color: #b6adaa;
  border: 1px solid #b6adaa;
}
#car-sharing-table tr td.buttons i.gray:hover,
#timeline .buttons i.gray:hover {
  color: #b6adaa;
  border: 1px solid #b6adaa;
  background-color: #fff;
  cursor: initial;
}

#car-sharing-table tr td.buttons i:hover,
#timeline .buttons i:hover {
  background-color: #ff9f24;
  color: #fff;
  cursor: pointer;
}

#car-sharing-table tr td.signal div.on {
  background-color: #e8e8e8;
  color: #e5aa20;
}
#car-sharing-table tr td.signal div.off {
  background-color: #e8e8e8;
  color: #bababa;
}
#car-sharing-table tr td.signal div {
  width: 15px;
  text-align: center;
  font-weight: bold;
}
#car-sharing-table tr td.signal {
  text-align: center;
}
#car-sharing-table tr td.speed {
  background-color: #f3f3f3;
  border-radius: 2px;
  padding: 2px;
  margin: 0px;
  border: 1px solid white;
}

#car-sharing-table tr:last-child td.speed {
  border-bottom: initial;
}
#car-sharing-table tr td.speed {
  width: 100px;
}

#car-sharing-table tr td.speed i.fa-parking {
  color: #0c22ca;
  font-size: 14px;
}
#car-sharing-table tr td.speed i.fa-road {
  font-size: 12px;
  color: #818498;
}
#car-sharing-table tr td.speed span {
  padding-left: 6px;
  font-size: 10px;
  font-weight: 600;
  color: gray;
}

/*#car-sharing-table tr td.engine i.fa-play-circle { color: #20ca0c; font-size: 12px; }
#car-sharing-table tr td.engine i.fa-stop-circle { color: #bb4e4e; font-size: 12px; }

#car-sharing-table tr td.lock i.fa-unlock { color: #20ca0c; font-size: 12px; }
#car-sharing-table tr td.lock i.fa-lock { color: #bb4e4e; font-size: 12px; }*/

td.car_sharing_buttons i {
  padding: 2px 4px;
  margin-right: 4px;
  border: 1px solid #549c68;
  border-radius: 2px;
  color: #ff9f24;
}

td.car_sharing_buttons i.green {
  color: #549c68;
}
td.car_sharing_buttons i.red {
  color: #9c6560;
}
td.car_sharing_buttons i.gray {
  color: #b6adaa;
  border: 1px solid #b6adaa;
}

td.car_sharing_buttons i:not(.gray):hover {
  background-color: #fff;
  cursor: pointer;
}

td.car_sharing_buttons > img {
  margin-right: 4px;
  height: 12px;
}

.tco_aa_check_all,
.tco_rd_check_all {
  cursor: pointer;
  font-size: 14px;
  padding: 2px 0;
}

/*      eco-driving page        */
#eco-table {
  table-layout: fixed;
  overflow: auto;
  border-top: none;
  width: 99%;
  min-width: 800px;
  margin-right: 10px;
}

#eco-table > thead > tr > .hr {
  vertical-align: inherit;
  color: #505050;
}
#eco-table > thead > tr > td > p {
  padding: 0;
  margin: 0;
  color: #505050;
}

#eco-table > thead > tr > .score {
  max-width: 100px;
  min-width: 50px;
  word-wrap: break-word;
  overflow: hidden;
}

@media only screen and (max-width: 1500px) {
  .score > .eco-header-section > p {
    display: none;
  }
}

.eco-chart {
  width: 100%;
  height: 50%;
}

.eco-chart
  > div:nth-child(2)
  > svg
  > g
  > g:nth-child(2)
  > g:nth-child(2)
  > g
  > g:nth-child(3) {
  display: none;
}

.eco-header-section {
  display: flex;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.eco-header-section > p {
  margin: 0 0 0 5px;
}

.eco-icon {
  height: 20px;
  width: auto;
}

#eco-page-panel {
  display: flex;
  flex-direction: row;
}

.overall-column {
  width: 175px;
  font-size: 14px !important;
}

.score-bar {
  width: 75px;
}

.score-bar-border {
  position: relative;
  border: 1px solid #ccc;
  height: 12px;
  color: rgb(141, 141, 141);
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #fbf8f8;
}

.score-bar-border > p {
  margin: 0;
  padding: 0;
  position: absolute;
  font-size: 10px;
}

.score-bar-fill {
  /* height: 12px; */
  margin-right: auto;
  background-color: #c5c5c5;
  width: 100%;
  height: 100%;
  transition: width 0.75s ease;
}

td.overall-bar,
td.overall-column {
  background-color: #ccc;
}

.overall-bar > div {
  border: 2px solid #e8e8e8;
  height: 18px;
}

.overall-bar > div > p {
  font-size: 14px;
}

.disabled > div {
  background-color: #cccccc;
}

#eco-fuel-input {
  margin: 0;
}

#eco-config-table {
  display: none;
  margin-top: 5px;
  width: 100%;
}

#eco-config-table.active {
  display: revert;
}

.alert {
  border: 1px solid #f00 !important;
}

.alert-bold {
  border: 2px solid #f00 !important;
}

/*eco car dialog*/

#eco-table-dialog {
  table-layout: fixed;
  overflow: auto;
  border-top: none;
  margin-top: 20px;
  width: 100%;
  border: 2px solid #ccc;
  font-size: 12px;
}

.section-header {
  padding: 10px !important;
}

.big-bar-cell {
  padding: 10px !important;
}

.big-bar-cell > div > p {
  font-size: 16px;
}

.eco-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 5px;
  margin-top: 5px;
  grid-auto-flow: dense;
}

.eco-card {
  border: 1px solid #e6e0e0;
}

.eco-card.overall-card {
  border: 1px solid #e6e0e0;
}

.eco-card.overall-card > .eco-parameters {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.eco-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #e6e0e0;
  font-size: 14px;
  font-weight: bold;
  color: #505050;
}

.eco-card-header > p {
  margin: 10px;
}

.eco-bar {
  padding: 5px;
}

.big-score-bar {
  height: 20px;
  border: 2px solid #ccc;
}

.big-score-bar > p {
  font-size: 16px;
}

.big-score-bar {
  border: 2px solid #e8e8e8;
}

.eco-parameters > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.eco-parameters > div > span > p {
  font-size: 12px;
  margin: 7px;
}

.parameter-title {
  padding-left: 5px;
}

.parameter-value {
  padding-right: 5px;
}

div.bc1 {
  background-color: #f1eeee;
}
div.bc0 {
  background-color: #ffffff;
}

.no-data {
  width: 50%;
  margin: auto;
  text-align: center;
}

#eco-table-body > tr.row:nth-child(0n) {
  background-color: #ffffff !important;
}
#eco-table-body > tr.row:nth-child(2n) {
  background-color: #f1eeee !important;
}

#eco-table-body > tr.row:nth-child(2n + 1) > td:first-child {
  background-color: #f1eeee !important;
}

#eco-table-body > tr.row:nth-child(2n) > td:first-child {
  background-color: #e6e0e0 !important;
}

.sort-arrow {
  margin-left: 3px;
}

.sortable {
  cursor: pointer;
}

.sort-icon {
  margin-left: 3px;
  font-size: 14px;
  color: #505050;
}

span.temperature {
  background-color: rgb(68, 114, 196);
  color: #ffffff;
  width: 26px;
  display: inline-block;
  text-align: center;
  margin-right: 1px;
  cursor: pointer;
  font-size: 10px;
}

span.temperature.error {
  background-color: rgb(196, 68, 68);
}

span.temperature.off {
  background-color: rgb(165, 165, 165);
}

.exploitationwarning_d {
  color: rgb(195, 195, 195);
}

.exploitationwarning_r {
  color: rgb(255, 46, 0);
}

.exploitationwarning {
  color: #f9bb6c;
}

.exploitationwarning_g {
  color: rgb(153,175,100);
}

.exploitationspace {
  color: rgba(0, 0, 0, 0);
}

.exploitationstop:before {
  content: "\f057" !important;
  font-size: 14px;
  color: rgb(255, 46, 0);
}

span.device.on {
  background-color: rgb(120, 158, 120);
  color: rgb(255, 255, 255);
  padding-left: 4px;
  padding-right: 4px;
}

.fa-car-battery:hover,
.fa-battery-half:hover {
  color: rgb(0, 0, 0) !important;
}

.fa-battery-empty {
  color: rgb(226, 67, 26) !important;
}

tr.bc0.printpdf:hover td,
tr.bc1.printpdf:hover td {
  background-color: rgb(223, 223, 223);
}

ul.ui-tabs-nav li.ui-state-default a {
  padding-top: 2px;
  padding-bottom: 2px;
}

#periodcharts > div {
  border: 0;
}
#periodcharts > div > div:hover {
  cursor: pointer;
  background-color: rgb(224, 224, 224);
}
#gantt:hover {
  background-color: rgb(224, 224, 224);
}

#tabsinfo,
#gantt,
#periodcharts,
.dayinfoitem0,
.dayinfoitem1,
#trckdrvdayinfo,
#trck,
#drvr {
  background-color: #f3f0f0;
  background: #f3f0f0;
}

.dayinfoitem,
.dayinfodayitem {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.tco_cell i {
  font-size: 10px;
}

.tco_cell .tco_drive i {
  color: rgb(0, 152, 0);
}

.tco_cell .tco_work i {
  color: #c6b900;
}

.tco_cell .tco_rest i {
  color: rgb(0, 0, 255);
}

tbody.fullitem {
  cursor: pointer;
}

tbody.fullitem:hover {
  background-color: #d4efdb;
}

.dayinfoitemfull {
  color: #777777;
}

tbody.printpdf:hover {
  background-color: #dfdfdf;
}

tbody.countryfilter,
tbody.routefilter,
tbody.hidden {
  display: none;
}

td.routefrom,
td.routeto {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.address-search {
  position: absolute;
  left: -330px;
  right: 0;
  top: 24;
  height: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: height 100ms, 200ms;
  -moz-transition: height 100ms, 200ms;
  -ms-transition: height 100ms, 200ms;
  -o-transition: height 100ms, 200ms;
  transition: height 100ms, 200ms;
  overflow: hidden;
  cursor: default;
  font-size: 14px;
}

.address-search.pulled-out {
  height: min-content;
}

div.address-result,
div.route-info {
  margin-left: 5px;
}

div.route-info {
  padding-top: 5px;
}

div.address-result:first-of-type {
  margin-top: 5px;
}

span.point-wrapper {
  position: absolute;
  font-size: 16px;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 26px;
  text-align: center;
  color: #ffffff;
}

span.point-wrapper > span.point {
  background-color: #2476ff;
  display: inline-block;
  border-radius: 15px;
  width: 20px;
}

div.route-info span.distance {
  font-size: 13px;
  color: rgb(104, 104, 104);
}

div.route-info span.duration {
  font-size: 13px;
  color: rgb(104, 104, 104);
  padding-left: 10px;
}

#search-result-wrap {
  margin-top: -2px !important;
}

span.fuelcards-edit {
  cursor: pointer;
  font-size: 12px;
  color: #0b8e0b;
}

span.fuelcards-delete {
  cursor: pointer;
  font-size: 14px;
  color: #ff4d39;
  position: relative;
  top: 2px;
  padding-left: 4px;
}

div#cars > div:hover {
  background-color: #c8c8c8;
  cursor: pointer;
}

#timeline {
  position: relative;
  width: 100%;
  height: 250px;
  font-family: Roboto;
  min-width: 950px;
}

#timeline tr {
  height: 30px;
}

#timeline tbody.fc-body tr {
  height: unset;
}

.fc-timeline-event {
  cursor: pointer;
}

#timeline .fc-nonbusiness {
  background-color: #b1b1b1;
}

.file_upload_driver_wrapper {
  position: absolute;
  top: 144px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: scroll;
  background-color: #f1eeee;
}

.file_upload_driver_wrapper thead tr td {
  background-color: #e6e0e0;
  font-size: 12px;
  font-weight: bold;
}

.file_upload_driver_wrapper tbody tr td {
  background-color: #e6e0e0;
  font-size: 11px;
}

.file_upload_driver_wrapper tbody tr:nth-child(even) td {
  background-color: #f1eeee;
}

.file_upload_driver_wrapper tbody tr:nth-child(odd) td {
  background-color: #fff;
}

.file_upload_driver_wrapper table {
  width: 100%;
}

.carsharing-drvr-group {
  padding-left: 4px;
  font-size: 12px;
  position: relative;
  bottom: 4px;
  color: #757575;
  opacity: 0.4;
}

.carsharing-drvr-group.carsharing-group-set {
  color: green;
  opacity: 1;
}

.group_drivers_wrapper {
  position: absolute;
  top: 40px;
  bottom: 20px;
  overflow-y: scroll;
  background-color: #f1eeee;
}

.company_driver_groups {
  min-width: 200px;
  float: left;
}

.company_driver_groups tr td {
  font-size: 11px;
  padding: 2px 20px 2px 5px;
  white-space: nowrap;
  height: 24px;
}

.company_driver_groups tr:nth-child(2) td {
  top: 24px;
}

.company_driver_groups tr td input[type="checkbox"] {
  display: inline-block;
}

.company_driver_groups tr td div.name_grp,
.company_driver_groups tr td div.name_grp_edit {
  display: inline-block;
  width: calc(100% - 24px);
  position: relative;
}

.company_driver_groups tr td div.name_grp_edit input[type="text"] {
  font-size: 12px;
  height: 16px;
}

.company_driver_groups tr td p {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.company_driver_groups tr td input[type="text"] {
  font-size: 10px;
  height: 14px;
}

.company_driver_groups tr td i.button.add_new {
  margin-left: 10px;
  color: green;
}

.company_driver_groups tr td i.button.close {
  margin-left: 10px;
  color: red;
}

.company_driver_groups tr:nth-child(odd) td:nth-child(odd) {
  background-color: #f1eeee;
}
.company_driver_groups tr:nth-child(odd) td:nth-child(even) {
  background-color: #f8f8f8;
}
.company_driver_groups tr:nth-child(even) td:nth-child(odd) {
  background-color: #e6e0e0;
}
.company_driver_groups tr:nth-child(even) td:nth-child(even) {
  background-color: #f1eeee;
}

.company_driver_groups tr td.title {
  background-color: #858585;
  font-size: 12px;
  padding: 4px 4px;
  border-bottom: 2px solid #d8d8d8;
  text-align: center;
}

.company_driver_groups tr:first-child td.title {
  font-weight: bold !important;
}

.company_driver_groups tr td .buttons {
  color: green;
  font-size: 12px;
  float: right;
  cursor: pointer;
}

.company_driver_groups tr td .buttons_li {
  color: green;
  font-size: 12px;
  float: right;
  cursor: pointer;
  margin-left: 6px;
}

.company_driver_groups tr td .buttons_li.edit {
  position: absolute;
  right: -20px;
}

.company_driver_groups tr td .buttons_li.delete {
  color: red !important;
  float: left !important;
}

.company_settings .copy-button {
  margin-right: 6px;
  font-size: 12px;
  color: blue;
  cursor: pointer;
  opacity: 1;
}

.company_settings .copy-button:active {
  opacity: 0.5;
}
.company_settings {
  min-width: 500px;
}
.company_settings tr td {
  font-size: 11px;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
}

.company_settings tr td.title {
  font-weight: normal !important;
  background-color: #858585;
  font-size: 12px;
  padding: 4px 8px;
  border-bottom: 2px solid #d8d8d8;
  text-align: center;
}

.company_settings tr:nth-child(odd) td:nth-child(odd) {
  background-color: #f1eeee;
}
.company_settings tr:nth-child(odd) td:nth-child(even) {
  background-color: #f8f8f8;
}
.company_settings tr:nth-child(even) td:nth-child(odd) {
  background-color: #e6e0e0;
}
.company_settings tr:nth-child(even) td:nth-child(even) {
  background-color: #f1eeee;
}

.company_settings tr td:first-child {
  font-weight: bold;
}

.company_settings tr td .buttons {
  color: green;
  font-size: 12px;
  float: right;
  cursor: pointer;
}

.company_settings tr td .buttons.delete {
  color: red !important;
}

.tracking-table thead tr td {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #e6e0e0;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1;
}

.tracking-table tbody tr td {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  white-space: nowrap;
}

.tracking-table tbody tr {
  height: 25px;
}

.tracking-table tbody tr:nth-child(odd) td {
  background-color: #f1eeee;
}

.tracking-table tbody tr:nth-child(even) td {
  background-color: #ffffff;
}

.tracking-table tbody tr td .fa-download {
  cursor: pointer;
  color: green;
}

div#files_table thead input[type="text"] {
  width: 100%;
  height: 14px;
  font-size: 10px;
}

div#files_table {
  height: 50%;
  overflow-y: scroll;
  width: auto;
  display: inline-block;
}

div#files_table table {
  table-layout: fixed;
  width: 700px;
}

div#files_table table td {
  text-overflow: ellipsis;
}

div.pagination {
  text-align: center;
}

div.pagination span:not(.not-link) {
  cursor: pointer;
  color: #565656;
}

div.pagination span:not(.not-link):hover {
  text-decoration: underline;
}

div.pagination span {
  margin: 0 4px;
}

div.pagination span.current {
  font-weight: bold;
}

input.user-dispatcher-check.user-dispatcher-check-hide {
  display: none;
}

span.user-dispatcher-check-status {
  font-size: 15px;
  color: rgb(20, 118, 251);
}

tr.carsharing-car-group-selected {
  background-color: #d0d0d0 !important;
}

input.filter-input {
  font-size: 10px;
}

input.filter-input.filter-input-active {
  background-color: #c1ecc1;
}

span.filter-options {
  cursor: pointer;
  font-size: 10px;
  margin-left: 2px;
  color: #5E4E4E;
}

div#filter-options * {
  cursor: pointer;
  font-size: 12px;
}

table#carsharingstats {
  font-family: Roboto;
  font-size: 12px;
}

/*Lets make a set point UI styles*/

.wrapper-of-wrapper-of-set-point-wrapper {
  overflow: auto;
}

.wrapper-info-thing {
  margin-top: 10px;
  min-height: 50px;
  float: left;
}

.wrapper-set-points {
  min-height: 50px;
  margin-top: 10px;
  float: right;
  overflow: hidden;
}

.wrapper-set-points:after {
  clear: both;
  display: table;
  content: "";
}

.set-point-controls {
  float: right;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  gap: 12px;
}
.set-point-controls > div span {
  display: inline-block;
  padding: 2px;
}
.set-point-controls > div span:nth-child(1) {
  width: 140px;
}
.set-point-controls > div span:nth-child(2) {
  width: 50px;
}
.set-point-controls > div span:nth-child(3) {
  width: 110px;
}

.set-point-controls > div span:nth-child(5) {
  width: 140px;
}
.set-point-controls > div span:nth-child(6) {
  width: 50px;
}
.set-point-controls > div span:nth-child(7) {
  width: 110px;
}

.set-point-controls:after {
  clear: both;
  display: table;
  content: "";
}

.set-point-controls select {
  display: block;
  height: 20px;
  width: 64px;
}

.set-point-controls input[type="text"] {
  width: 25px;
}

.set-point-controls input[type="text"].work-mode {
  width: 110px;
}

.mode-points-wrapper {
  display: flex;
  gap: 44px;
  box-sizing: border-box;
  /*padding: 10px 20px 10px 25px;*/
  padding: 4px 0;
}

.mode-points-wrapper .loader-div-hm {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
  text-align: center;
  line-height: 90px;
}

.mode-points-wrapper .mode-point-1-wrapper,
.mode-points-wrapper .mode-point-2-wrapper {
  flex: 1;
  position: relative;
}

.set-points-wrappers {
  width: 100%;
  display: flex;
  gap: 16px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}

.set-points-wrappers .loader-div-hm {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 80px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999999;
}

.set-point-1-wrapper .container-wrapper-title,
.set-point-2-wrapper .container-wrapper-title {
  position: absolute;
  top: -8px;
  left: 12px;
  background-color: #fff;
  z-index: 9999999;
}

.set-point-1-wrapper,
.set-point-2-wrapper {
  flex: 1;
  border: 1px solid #cbbebe;
  padding: 13px 0px 6px 0;
  margin: 10px 0;
  position: relative;
}

.set-point-slider-container .value-placeholder {
  position: absolute;
  text-align: center;
  background-color: rgb(128, 209, 130);
  top: 0px;
  z-index: 9999;
  border-radius: 4px;
  color: #555;
  font-weight: bold;
  line-height: 18px;
  margin-right: 0;
  padding: 0 4px;
  height: 18px;
  overflow: visible;
  display: inline;
  word-wrap: break-word;
  white-space: nowrap;
}

.set-point-slider-container.inactive .value-placeholder {
  opacity: 0;
}

.set-point-slider-container .current-value {
  position: absolute;
  top: 0px;
  height: 18px;
  background-color: #dadada;
  line-height: 18px;
  padding: 0 4px;
  border-radius: 4px;
  color: #565656;
  z-index: 1;
}

.set-point-slider-container.current-disabled .current-value {
  opacity: 0;
}

.set-point-slider-container .value-holder {
  position: absolute;
  left: 28px;
  right: 24px;
  height: 24px;
  top: 0;
}

.set-point-slider-container .value-holder .value-placeholder {
  transition: all 200ms;
}

.set-point-slider-container {
  width: 100%; /* Width of the outside container */
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
}

/* The slider itself */
.set-point-slider {
  outline: none;
}

.container-of-icons i {
  font-size: 18px;
  color: #aae1ab;
  cursor: pointer;
  transition: all 200ms;
}

.container-of-icons i:hover {
  color: #b3b5b3;
}

.container-of-icons {
  width: 100%;
  height: 24px;
  z-index: 1;
  position: relative;
}

.container-of-markers {
  width: 96%;
  height: 17px;
  z-index: 1;
  position: relative;
  margin: 0 auto;
  padding-top: 5px;
}

.container-of-markers .markers-slider {
  display: block;
  flex: 1;
  z-index: 1;
  position: absolute;
  text-align: center;
  width: 20px;
  margin-left: -10px;
}

.container-of-markers .markers-slider::before {
  content: "";
  width: 2px;
  height: 5px;
  background-color: #ebeaea;
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 1;
}

.container-of-markers .markers-slider:nth-child(1) {
  text-align: left;
}
.container-of-markers .markers-slider:last-child {
  text-align: right;
}

.statuses-response {
  display: inline-block;
  padding: 0 4px;
  overflow: hidden;
  height: 15px;
}

.statuses-response > div.status-bubble {
  padding-left: 13px;
  position: relative;
}
.statuses-response > div.status-bubble::before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 10px;
  top: 2px;
  right: 0;
  height: 10px;
  border-radius: 50%;
}

.statuses-response > div.status-bubble.red::before {
  background-color: #d67070;
}
.statuses-response > div.status-bubble.blue::before {
  background-color: #4472c4;
}
.statuses-response > div.status-bubble.green::before {
  background-color: #80d182;
}

.set-point-slider {
  -webkit-appearance: none !important; /* Override default CSS styles */
  appearance: none !important;
  width: 100%; /* Full-width */
  height: 6px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s; /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  z-index: 999;
}

/* Mouse-over effects */
.set-point-slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.set-point-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important; /* Override default look */
  appearance: none !important;
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background: #4caf50; /* Green background */
  cursor: pointer; /* Cursor on hover */
  z-index: 999999999;
}

.set-point-slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background: #4caf50; /* Green background */
  cursor: pointer; /* Cursor on hover */
  z-index: 99999999;
}

.set-point-slider-container.inactive .set-point-slider::-webkit-slider-thumb {
  background: #d3d3d3; /* Green background */
}
.set-point-slider-container.inactive .set-point-slider::-moz-range-thumb {
  background: #d3d3d3; /* Green background */
}

.mode-point-setting-span {
  line-height: 18px;
  height: 18px;
  display: inline-block;
  padding: 4px;
  margin: 0px;
  font-size: 12px;
}

/* The switch - the box around the slider */
.switch-on-off-set-point {
  position: relative;
  display: block;
  width: 18px;
  height: 44px;
  margin: 0 auto;
}

/* Hide default HTML checkbox */
.switch-on-off-set-point input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-on-off-set-point {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider-on-off-set-point:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  top: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input.check-point-mode-sl:checked + .slider-on-off-set-point {
  background-color: #4caf50;
}

input.check-point-mode-sl:focus + .slider-on-off-set-point {
  box-shadow: 0 0 1px #4caf50;
}

input.check-point-mode-sl:checked + .slider-on-off-set-point:before {
  -webkit-transform: translateY(26px);
  -ms-transform: translateY(26px);
  transform: translateY(26px);
}

.stats-temp-info-t > div {
  display: flex;
  flex: 1;
  gap: 10px;
  flex-direction: column;
}

.stats-temp-info-t > div > div {
  flex: 1;
  display: flex;
}
.stats-temp-info-t {
  display: flex;
  width: 100%;
  padding: 10px;
  gap: 10px;
  box-sizing: border-box;
  flex-direction: column;
}

.stats-temp-info-t .main-info-1 .container-wrapper-title,
.stats-temp-info-t .main-info-2 .container-wrapper-title {
  position: absolute;
  left: 2px;
  top: 0;
}
.stats-temp-info-t .main-info-1,
.stats-temp-info-t .main-info-2 {
  border: 1px solid #cbbebe;
  padding: 20px 8px 8px 8px;
  position: relative;
  font-size: 12px;
}
.stats-temp-info-t .cooling-unit-1,
.stats-temp-info-t .cooling-unit-2 {
  border: 1px solid #cbbebe;
  padding: 16px 8px 8px 8px;
  position: relative;
  background-color: #4472c4;
  color: #fff;
  font-size: 12px;
}

.stats-temp-info-t .cooling-unit-1.gray,
.stats-temp-info-t .cooling-unit-2.gray {
  background-color: rgb(165, 165, 165) !important;
}

.stats-temp-info-t .cooling-unit-1 .container-wrapper-title,
.stats-temp-info-t .cooling-unit-2 .container-wrapper-title {
  position: absolute;
  top: 0px;
  left: 2px;
}

.setpoint-wraping-div .CalendSubmit.disabled {
  opacity: 0.4;
}

.setpoint-wraping-div {
  border: 1px solid #cbbebe;
  position: relative;
  margin-top: 10px;
}

.setpoint-wraping-div .overlay-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999999999999;
}

.setpoint-wraping-div .tab-picker {
  position: absolute;
  height: 20px;
  top: -21px;
  left: 0;
  border-top: 1px solid #cbbebe;
  border-left: 1px solid #cbbebe;
  border-right: 1px solid #cbbebe;
}

.setpoint-wraping-div .tab-picker .tab-picker-tab {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0px 6px;
}

.setpoint-wraping-div .tab-picker .tab-picker-tab.picked {
  background-color: #aae1ab;
}

.liner-sp-lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 8px;
}
.liner-sp-lds-ellipsis div {
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #84c785;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.liner-sp-lds-ellipsis div:nth-child(1) {
  left: 0px;
  animation: kf-loader-aa 0.6s infinite;
}
.liner-sp-lds-ellipsis div:nth-child(2) {
  left: 0px;
  animation: kf-loader-bb 0.6s infinite;
}
.liner-sp-lds-ellipsis div:nth-child(3) {
  left: 14px;
  animation: kf-loader-bb 0.6s infinite;
}
.liner-sp-lds-ellipsis div:nth-child(4) {
  left: 28px;
  animation: kf-loader-cc 0.6s infinite;
}
@keyframes kf-loader-aa {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes kf-loader-cc {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes kf-loader-bb {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(14px, 0);
  }
}

.disclaimer-set-point {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999999999999999;
  text-align: center;
  padding: 10px;
}

.disclaimer-set-point p {
  text-align: left;
  font-size: 12px;
  width: 60%;
  /* font-weight: bold; */
  margin: 0 auto;
  margin-bottom: 10px;
}

.disclaimer-set-point span * {
  display: inline-block;
}

.disclaimer-set-point span > div {
  line-height: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #cbbebe;
  border-radius: 4px;
  padding: 2px 10px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  margin-left: 10px;
}

.disclaimer-set-point span > div:hover {
  background-color: rgba(72, 72, 72, 0.1);
}

div.carsharing-interval.interval-selected {
  border: 1px solid #00ff00 !important;
}

div.carsharing-interval {
  border: 1px solid #757575;
  cursor: pointer;
  margin: auto;
  /*	padding: 2px;
        height: 20px;*/
  /*	margin-right: 5px;
        padding-left: 2px;
        padding-right: 2px;*/
  padding: 15px 2px;
  margin-right: 5px;
}

div.carsharing-interval.interval-selected {
  border: 1px solid #00ff00 !important;
}

div.operation-log-setpoint {
  flex: 1;
  height: 100px;
  margin-top: 22px;
  display: flex;
  border: 1px solid #cbbebe;
  position: relative;
}
div.operation-log-setpoint > div.set-point-carinfo {
  width: 140px;
  border-right: 1px solid #eaeaea;
  padding-top: 10px;
}

div.operation-log-setpoint > div.set-point-log {
  flex: 1;
}

div.operation-log-setpoint > div.set-point-log > div.set-point-scroll-wrapp {
  overflow-y: scroll;
  height: 100%;
  position: relative;
}

div.operation-log-setpoint > div.set-point-log > div.log-title {
  position: absolute;
  top: -16px;
}

div.operation-log-setpoint
  > div.set-point-log
  > div.set-point-scroll-wrapp
  > table {
  width: 100%;
}

div.operation-log-setpoint
  > div.set-point-log
  > div.set-point-scroll-wrapp
  > table
  tr
  td {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  padding: 4px 2px;
}

div.operation-log-setpoint
  > div.set-point-log
  > div.set-point-scroll-wrapp
  > table
  tr.green
  td {
  background-color: #e8f7e9;
  border-bottom: 1px solid #deecde;
}

div.operation-log-setpoint
  > div.set-point-log
  > div.set-point-scroll-wrapp
  > table
  tr.orange
  td {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e6e6e6;
}

div.operation-log-setpoint
  > div.set-point-log
  > div.set-point-scroll-wrapp
  > table
  tr
  td:first-child {
  text-align: center;
}

div.tabsFromdata {
  position: relative;
}

div.tabsFromdata div.formTabSelect {
  position: absolute;
  margin: 8px;
  z-index: 999999999999999;
}
div.tabsFromdata div.formTabSelect div {
  font-size: 10px;
  margin: 0px 2px 0px 2px;
  border: medium none;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #c9cbc8;
  font-family: Tahoma, Arial;
  display: inline-block;
  padding: 2px 6px;
  text-transform: uppercase;
  cursor: pointer;
}

div.tabsFromdata div.formTabSelect div.selected {
  font-size: 10px;
  margin: 0px 2px 0px 2px;
  border: medium none;
  color: #ffffff;
  border: 1px solid #7a7a3e;
  background-color: #bbbb77;
  font-family: Tahoma, Arial;
}

div.reefer-static-div div.reefer-2-column {
  position: absolute;
  top: 20px;
  left: 10px;
  right: 10px;
  display: flex;
  flex-direction: row-reverse;
}
div.reefer-static-div div.reefer-2-column > div div {
  margin-left: 20%;
  border-radius: 4px;
  margin-right: 25px;
  width: 100px;
}

div.reefer-static-div div.reefer-2-column > div div.gray {
  color: #fff;
  background-color: rgb(165 165 165 / 72%);
  border: 4px solid #4472c400;
}

div.reefer-static-div div.reefer-2-column > div div.blue {
  color: #fff;
  background-color: rgb(68 114 196 / 78%);
  border: 4px solid #4472c400;
}

div.reefer-static-div div.reefer-2-column > div {
  flex: 1;
}
div.reefer-static-div {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

div.clicked-class-illustration {
  position: absolute;
  z-index: 9999;
  border-radius: 4px;
  border: 2px solid white;
  background-color: #ffffffe0;
  color: #838383;
}

div.floating-illustration-wrapper.clicked {
  z-index: 99999;
}

div.clicked-class-illustration table {
  width: 100%;
}

div.floating-illustration-wrapper {
  border-radius: 20px;
  cursor: pointer;
  z-index: 999;
  padding: 4px;
  background-color: #ffffffd1;
  position: absolute;
  height: 20px;
  width: 20px;
}

div.floating-illustration-wrapper i {
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  display: block;
  vertical-align: middle;
}

div.floating-illustration-wrapper i:hover {
  color: #707070 !important;
}

div.extra-buttons-content {
  position: absolute;
  width: 20px;
}
div.extra-buttons-content i {
  background-color: #ffffffc4;
  padding: 4px;
  border-radius: 30px;
  cursor: pointer;
  margin-bottom: 6px;
}

div.extra-buttons-content i:hover {
  background-color: #ffffff;
}

div.title-er-cr {
  margin-top: 4px;
  /*  margin-bottom: 10px;*/
  font-size: 12px;
  font-weight: normal;
  background: #f1eeee;
  border-top: 1px solid #cbbebe;
  border-bottom: 1px solid #cbbebe;
  padding: 4px;
  text-align: center;
}

div.errorCurrentTable div.error-di {
  margin-left: 16px;
  margin-bottom: 6px;
}

div.errorCurrentTable div.level-1 {
  color: rgb(153, 175, 100);
}
div.errorCurrentTable div.level-2 {
  color: rgb(174, 49, 17);
}

div.errorHistoryTable {
  overflow-y: scroll;
  /* height: 525px; */
  /* height: 100%; */
  /*position: absolute;
  top: 95px;
  bottom: 0;
  right: 0;
  left: 0;*/
  height: 320px;
}

table.errorHistoryTable {
  width: 100%;
}

table.errorHistoryTable tr td div {
  /*border: 1px solid #e8e8e8;*/
  padding: 4px;
  margin: 2px;
  margin-left: 10px;
}

tr.err-tr-level-2 td {
  /*border: 1px solid rgb(153,175,100) !important;*/
  color: rgb(153, 175, 100);
}
tr.err-tr-level-3 td {
  /*border: 1px solid rgb(174,49,17) !important;*/
  color: rgb(174, 49, 17);
}

#dialog-upload-drvr-UP {
  padding: 10px;
}
#dialog-upload-drvr-UP .info-row {
  min-height: 80px;
}
#dialog-upload-drvr-UP .info-row div {
  font-weight: bold;
  padding-left: 10px;
}

.error-table-v2 thead td {
  background-color: #e6e0e0;
  font-weight: bold;
}

.error-table-v2 tr td {
  height: 20px;
  padding: 0 6px;
  max-width: 100px;
}

.error-table-v2 tbody tr:nth-child(odd) td,
.error-table-v2 tbody.error-list-item:nth-child(odd) > tr td {
  background-color: #fff;
}

.error-table-v2 tbody tr:nth-child(even) td,
.error-table-v2 tbody.error-list-item:nth-child(even) > tr td {
  background-color: #f1eeee;
}

.error-table-v2 tr td:nth-child(4),
.error-table-v2 tr td:nth-child(5) {
  padding-left: 20px !important;
}

.error-table-v2 tr td.error-start {
  background-color: #e3eae3 !important;
}

.error-table-v2 tr td.error-end {
  background-color: #e8ebf0 !important;
}

span.error-click {
  cursor: pointer;
  color: black;
}

.current-diagnostic-stuff {
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 20px;
}

.current-diagnostic-stuff .column {
  flex: 1;
}

.current-diagnostic-stuff.disabled-diagnost:after {
  content: "Siuo metu negalima";
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.51);
}

.status-lol {
  font-size: 12px;
}

.status-lol tr td i {
  font-size: 12px;
}

.buttons-diagnostic-wrapper-row {
  margin-top: 10px;
  text-align: center;
  margin-top: 10px;
  text-align: center;
  position: relative;
}
.buttons-diagnostic-wrapper-row div.round-button-gr.forceGray {
  background-color: #f3f0f0 !important;
}
.buttons-diagnostic-wrapper-row div.round-button-gr {
  width: 40px;
  height: 30px;
  border-radius: 30px;
  border: 3px solid #47ab47;
  font-size: 17px;
  padding: 9px 0 0 0;
  color: #47ab47;
  position: relative;
  text-align: center;
  display: inline-block;
  background-color: #fff;
}

.buttons-diagnostic-wrapper-row div.overstack {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.63);
}

.buttons-diagnostic-wrapper-row div.round-button-gr p {
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  font-size: 10px;
  overflow: hidden;
}

.buttons-diagnostic-wrapper-row div.round-button-gr.disabled_button_dg {
  border: 3px solid #bebebe;
  color: #bebebe;
}
.buttons-diagnostic-wrapper-row div.round-button-gr:before {
  height: 4px;
  content: "";
  position: absolute;
  top: 45%;
  background-color: #47ab47;
  z-index: -1;
}

.buttons-diagnostic-wrapper-row div.round-button-gr.disabled_button_dg:before {
  background-color: #bebebe;
}

.buttons-diagnostic-wrapper-row div.round-button-gr:first-child {
  margin-right: 17px;
}
.buttons-diagnostic-wrapper-row div.round-button-gr:last-child {
  margin-left: 17px;
  cursor: pointer;
}
.buttons-diagnostic-wrapper-row
  div.round-button-gr.hovered-elm:not(.disabled_button_dg) {
  background-color: #47ab47;
  border: 3px solid #47ab47;
  color: #fff;
}

.buttons-diagnostic-wrapper-row div.round-button-gr:last-child:before {
  left: -20px;
  width: 20px;
}

.buttons-diagnostic-wrapper-row div.round-button-gr:first-child:before {
  left: 100%;
  width: 20px;
}

.buttons-diagnostic-wrapper-row
  div.round-button-gr:not(:first-child):not(:last-child) {
  margin-right: 17px;
  margin-left: 17px;
}

.buttons-diagnostic-wrapper-row
  div.round-button-gr:not(:first-child):not(:last-child):before {
  left: -20px;
  right: -20px;
}

.file-pdf {
  font-size: 15px;
  cursor: pointer;
  position: relative;
  left: 2px;
  top: -2px;
  color: #757575;
}

.file-pdf-active {
  color: #d20c0c;
}

.company-file-list {
  font-size: 12px;
  table-layout: fixed;
  word-wrap: anywhere;
}

.company-file-list thead tr td {
  font-weight: bold;
  background-color: #e6e0e0;
}

.routetypename
{
	display: inline-block;
	width: 60px;
	max-width: 60px;
	overflow: clip;
}

.routetypedistance
{
	display: inline-block;
	text-align: right;
	width: 40px;
	max-width: 40px;
}

td.typedistance
{
	text-align: right;
}

.exploitation-car-list-td p.w-btnhover:hover
{
	opacity: 0.6;
}

.gasstation-comdata
{
  background-image: url("images/comdata.png");
}

span.cartype
{
	color: #777777;
	border: 1px solid #777777;
	background-color: white;
	padding: 0 2px;
}

span.cartype.fuel_benzine
{
	color: #9FAA3B !important;
	border: 1px solid #9FAA3B !important;
}

span.cartype.fuel_electric
{
	color: #6F87C4 !important;
	border: 1px solid #6F87C4 !important;
}

#projectslist tr td
{
	padding: 4px;
}