/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input {
  margin: 0;
  padding: 0;
}

/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
  max-width: none;
}
button {
  cursor: pointer;
}
hr {
  border: 1px solid #f0f0f0;
}
textarea {
  resize: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  cursor: pointer;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  font-family: 'Helvetica', sans-serif;
  margin: 0;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
}
.wrap {
  width: 100%;
  height: 100%;
  /*border: 1px solid #000;*/
  float: left;
}
.no-padding {
  padding: 0!important;
}
.no-margin {
  margin: 0!important;
}
.no-border {
  border: none!important;
}
.sm-padding-bottom {
  padding-bottom: 4px;
}
.full-height {
  height: 100%!important;
}
.half-height {
  height: 50%!important;
}
.full-width {
  width: 100%!important;
}
.text-center {
  text-align: center;
}
/*Header*/
.header {
  height: 52px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  color: #fff;
}
header {
  float: left;
  padding: 4px 1%;
  width: 100%;
  height: 100%;
}
.header-logo {
  float: left;
}
.header-title {
  float: left;
}
.header-links {
  float: right;
  text-align: right;
  padding: 8px 0;
}
.header-links li {
  cursor: pointer;
  display: inline-block;
  margin-left: 15px;
}
span.header-alert h3 {
  text-align: center;
  line-height: 20px;
}
.user-info {
  color: #fff;
  text-align: center;
  float: right;
  height: 100%;
  padding: 6px;
}
.user-info h3 {
  line-height: 20px;
}
/*Main Content*/
.content-wrap {
  width: 100%;
  height: calc(100% - 52px);
  float: left;
  display: flex;
  flex-direction: column;
}
/*Menu*/
.active-alarms {
  margin-top: 10px;
}
.menu {
  width: 100%;
  min-height: 28px;
  float: left;
  background-color: #00aeef;
}
.menu-list {
  width: 100%;
  height: 28px;
  margin: auto;
  padding: 0;
  text-align: center;
  border-bottom: 3px solid #0091C7;
}
.menu-list li {
  position: relative;
  list-style-type: none;
  display: inline-block;
  height: 28px;
  vertical-align: middle;
  text-align: left;
  color: #333;
  cursor: pointer;
}
.colored-div {
  line-height: 1.9em;
  float: left;
  width: 100%;
  height: 0%;
  padding: 0 16px;
  -webkit-transition: height .25s linear 0s;
}
.menu-list .active:hover .colored-div {
  height: 100%;
  color: #b5611f;
}
.menu-label {
  float: left;
  padding: 8px;
  width: 100%;
  height: 100%;
}
.menu-list li:hover .colored-div{
  height: 100%;
  background-color: #0092C8;
  color: #fff;
}
.menu-list li:first-child {
  /*border-left: 2px solid #fff;*/
}
.menu-list li:last-child {
  /*border-right: 2px solid #fff; */
}
.menu-list .active {
  border-right:1px solid #0091c7;
  border-left:1px solid #0091c7;
  background-color: #fdbb30!important;
  margin-top: -3px;
  height: 26px;
  color: #b5611f!important;
  cursor: default;;
}
/*sumbmenu*/
.submenu {
  float: left;
  width: 100%;
  background-color: #fdbb30;
  color: #99928b;
  overflow: hidden;
  -webkit-transition: all .25s ease-in-out;
}
.submenu-content {
  background-color: #FFF;
  height: 100%;
}
.min {
  height: 15px;
  min-height: 15px;
}
.toggle-arrow {
  float: left;
  width: 2%;
}
.submenu-wrap {
  float: left;
  width: 96%;
}
.submenu-list {
  min-height: 28px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.submenu-list li {
  color: #754c29;
  display: inline-block;
  padding: 3px 7px;
  cursor: pointer;
  list-style-type: none;
  vertical-align: middle;
  min-height: 28px;
  line-height: 1.8em;
}
.submenu-list li:hover {
  color: #fff;
}
.submenu-list .active {
  background-color: #f3A33e!important;
  color: #753a2a!important;
  cursor: default;
  height: 28px;
  border-left: 1px solid #e7a220;
  border-right: 1px solid #e7a220;
}
/*Options*/
.option-container {
  width: 100%;
  float: left;
  background-color: #f0f0f0;
  margin: auto;
  padding: 6px 5px;
  color: #99928b;
  overflow: hidden;
}
/*Content*/
.content {
  float: left;
  flex: 1;
  width: 100%;
  background-color: #333;
  color: #fff;
  position: relative;
}
/*Sidebar*/
.sidebar-right {
  top: 92px;
  right: 0;
  bottom: 0;
  width: 0%;
  float: right;
  background: #313940;
  z-index: 10;
  height:100%;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  backface-visibility: hidden;
}

.sidebar-right.toggle {
  width: 184px;
}
.page-content.toggle {
  width: calc(100% - 184px);
}
.page-content {
  float: left;
  width: 100%;
  padding: 0;
  margin-top: 0;
  z-index: 2;
  background-color: #CFCEA5;
  height:100%;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  backface-visibility: hidden;
}
.page-content.map {
  display: flex;
}
.cog-panel {
  position: absolute;
  width: 22px;
  height: 29px;
  background: #242A34;
  text-align: center;
  cursor: pointer;
  padding: 1px 0 1px 3px;
  font-size: 18px;
  top: 50%;
  margin-left: -22px;
}
.side-bar {
  float: right;
  background-color: #000f16;
  color: #fff;
  text-align: center;
  top: 50%;
  width: 30px;
  height: 30px;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
}

.animate-spin {
  -webkit-animation: spin 2s infinite linear;
}

.sidebar-accordion {
  float: right;
  width: 184px;
  height: 100%;
  background-color: #596871;
  color: #fff;
  height: 100%;
  display: none;
}
.sidebar-modules {
  height: 100%;
  overflow: hidden;
}
.sidebar-modules .module {
  border-bottom: 2px solid #dadada;
  float: left;
  width: 100%;
  height: 32px;
  overflow: hidden;
  -webkit-transition: height .35s ease-in-out;

  backface-visibility: hidden;
}
.module-header {
  height: 30px;
  padding: 4px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  text-align: left;
  cursor: pointer;
}
.module-header h3{
  line-height: 22px;
  margin-left: 6px;
  float: left;
  font-weight: bold;
}
.module-filter {
  padding: 6px;
  padding-top: 0;
  float: left;
}
.module-filter input {
  width: 172px;
}
.sidebar-modules .module .module-content {
  overflow: auto;
  overflow-x: hidden;
  -webkit-transition: max-height .25s ease-in-out;
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  float: left;
}
.toggle-module {
  max-height: calc(100% - 62px)!important;
  height: calc(100% - 63px)!important;
}
.sidebar-count {
  border: 1px solid #f7ec00;
  background-color: #e31b23;
  line-height: 20px!important;
  padding: 0 2px;
  margin-right: 6px;
  font-weight: normal!important;
}
.alarms-delete-all {
  height: 24px;
  float: left;
  text-align: center;
  width: 100%;
  background-color: #596871;
  color: #fff;
  cursor: pointer;
  border-top: 2px solid #dadada;
}
.alarms-delete-all > h3 {
  line-height: 20px;
  float: left;
}
.alarm-by-date {
  float: left;
  overflow: auto;
  height: calc(100% - 24px);
}
.alarm-by-date > li {
  background-color: #f4a43e;
  float: left;
  margin: 3px 11px;
  max-height: 17px;
  width: 163px;
  -webkit-transition: max-height .25s ease-in-out;
}
.alarm-by-date li .info {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  float: left;
  width: 124px;
  padding: 0 6px;
}
.icon {
  float: left;
}
.alarm-by-date li .icon {
  float: left;
  cursor: pointer;
}
.alarm-date {
  color: #b5611f;
  font-size: 10px;
  line-height: 17px;
}
.alarm-count {
  border: 1px solid #F7EC00;
  font-size: 10px;
  line-height: 11px!important;
  border-radius: 3px;
  margin: 2px 0;
  background-color: #FFF;
  color: #E31B23;
  text-align: center;
}
.alarm-title, .alarm-content {
  float: left;
}
.alarm-content {
  color: #333;
  width: 100%;
  font-size: 12px;
}
.alarm-content > ul {
  padding-left: 4px;
}
.alarm-content > ul > li {
  padding: 3px;
  margin: 3px 0;
  background-color: #FFF;
  float: left;
}
.alarm-content > ul > li > .icons-sidebar-remove{
  margin: 0;
  margin-right: 2px;
  cursor: pointer;
}
.alarm-content::-webkit-scrollbar-track {
  background-color: #333;
}
.current-alarm {
  background-color: transparent!important;
  max-height: 50000px!important;
  margin-bottom: 0!important;
}
.current-alarm > .alarm-title {
  border-bottom: 1px solid #333;
  width: 100%;
  background-color: #fff;
}
.alarm-details > li {
  min-height: 13px;
  margin: 2px 0;
}
.alarm-details >li:first-child > h3 {
  margin-left: 19px;
}
.alarm-details > li > h3 {
  line-height: 13px;
  float: left;
  width: 134px;
}
.icons-sidebar-left-arrow,
.icons-sidebar-vehicles,
.icons-sidebar-alarm,
.icons-sidebar-filter,
.icons-sidebar-add,
.icons-sidebar-remove,
.icons-sidebar-clock,
.icons-sidebar-info,
.icons-sidebar-staff,
.icons-sidebar-driver,
.icons-is-driver,
.icons-sidebar-key,
.icons-sidebar-trip,
.icons-sidebar-rate-Green,
.icons-sidebar-rate-Yellow,
.icons-sidebar-rate-Red,
.icons-sidebar-rate-Gray,
.icons-sidebar-percent-Green,
.icons-sidebar-percent-Yellow,
.icons-sidebar-percent-Red,
.icons-sidebar-percent-Gray,
.icons-sidebar-street,
.icons-sidebar-reference,
.icons-sidebar-odometer,
.icons-sidebar-speed,
.icons-sidebar-satellite,
.icons-sidebar-heading,
.icons-sidebar-latLong,
.icons-sidebar-on,
.icons-sidebar-off,
.icons-sidebar-clean,
.icons-sidebar-stella,
.icons-map-stella,
.icons-sidebar-follow,
.icons-map-follow,
.icons-sidebar-streetview,
.icons-map-streetview,
.icons-sidebar-weather,
.icons-sidebar-show,
.icons-sidebar-ok,
.icons-sidebar-alrm,
.icons-sidebar-tool,
.icons-sidebar-command,
.icons-sidebar-checkbox,
.icons-sidebar-flag,
.icons-sidebar-save,
.icons-sidebar-widgets,
.icons-sidebar-apply,
.icons-sidebar-dashboards,
.icons-sidebar-notices,
.icons-sidebar-date,
.icons-sidebar-date2,
.icons-sidebar-odometer2,
.icons-sidebar-gasTank,
.icons-sidebar-down-arrow,
.icons-sidebar-share,
.icons-map-share,
.icons-sidebar-events-history,
.icons-map-events-history,
.icons-sidebar-copy {
  float: left;
  background-image: url(../images/sidebar.svg);
  background-size: 323.6px 259.9px;
}
.icons-sidebar-down-arrow {
  margin: 0;
  height: 23px;
  width: 15px;
  background-position: -237px -0px;
}
.icons-sidebar-down-arrow.disabled {
  background-position: -218px -0px;
}
.icons-sidebar-down-arrow.active:hover {
  background-position: -251px -0px;
}
.icons-sidebar-odometer2 {
  margin: 0px 3px;
  width: 17px;
  height: 13px;
  background-position: -389px -129px;
}
.icons-sidebar-odometer2.zero{
  margin: 0px 3px;
  width: 17px;
  height: 13px;
  background-position: -276px -129px;
}
.icons-sidebar-date {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -201px -111px;
}
.icons-sidebar-date2 {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -184px -111px;
}
.icons-sidebar-gasTank{
  width: 18px;
  height: 17px;
  background-position: -167px -198px;
}
.icons-sidebar-widgets {
  margin-left: 6px;
  margin-right: 13px;
  width: 20px;
  height: 20px;
  background-position: -147px -2px;
}
.icons-sidebar-apply {
  width: 16px;
  height: 17px;
  background-position: -107px -165px;
}
.icons-sidebar-apply.active {
  width: 16px;
  height: 17px;
  background-position: -125px -147px;
}
.icons-sidebar-dashboards {
  margin-left: 6px;
  margin-right: 13px;
  width: 20px;
  height: 20px;
  background-position: -171px -2px;
}
.icons-sidebar-vehicles {
  margin-left: 6px;
  width: 32px;
  height: 20px;
  background-position: -27px -2px;
}
.icons-sidebar-filter {
  width: 20px;
  height: 20px;
  background-position: -62px -2px;
}
.icons-sidebar-filter.active {
  width: 20px;
  height: 20px;
  background-position: -104px -2px;
}
.icons-sidebar-filter.filter {
  width: 20px;
  height: 20px;
  background-position: -125px -2px;
}
.icons-sidebar-filter:hover {
  background-position: -83px -2px;
}
.icons-sidebar-left-arrow {
  margin: 6px 0;
  width: 10px;
  height: 10px;
  background-position: -19px -28px;
}
.icons-sidebar-left-arrow.down {
  width: 10px;
  background-position: -2px -28px;
}
.icons-sidebar-left-arrow.down.active {
  background-position: -66px -28px;
}
.icons-sidebar-alarm {
  margin-left: 6px;
  margin-right: 13px;
  width: 20px;
  height: 20px;
  background-position: -2px -2px;
}
.icons-sidebar-notices {
  margin-left: 6px;
  margin-right: 13px;
  width: 19px;
  height: 20px;
  background-position: -195px -2px;
}
.icons-sidebar-left-arrow:hover  {
  background-position: -51px -28px;
}
.icons-sidebar-left-arrow.down:hover  {
  background-position: -34px -28px;
}
.icons-sidebar-save {
  width: 19px;
  height: 19px;
  background-position: -173px -24px;
}
.icons-sidebar-add {
  margin: 5px 4px;
  width: 7px;
  height: 7px;
  background-position: -51px -61px;
}
.icons-sidebar-add.dash {
  background-position: -67px -61px;
}
.icons-sidebar-remove {
  margin: 5px 7px;
  width: 5px;
  height: 7px;
  background-position: -84px -61px;
}
.icons-sidebar-clock {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -97px -111px;
}
.icons-sidebar-info {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -78px -130px;
}
.icons-sidebar-staff {
  margin: 0px 3px;
  width: 15px;
  height: 13px;
  background-position: -96px -130px;
}
.icons-sidebar-driver {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -21px -111px;
  margin-left: 0px;
}
.icons-is-driver {
  margin-right: 3px;
  width: 13px;
  height: 13px;
  background-position: -21px -111px;
}
.icons-is-driver.active {
  background-position: -21px -203px;
}
.icons-sidebar-key {
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: 0px -111px;
}
.icons-sidebar-trip {
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -268px -131px;
}
.icons-sidebar-rate-Green{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -191px -131px;
}
.icons-sidebar-rate-Yellow{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -232px -131px;
}
.icons-sidebar-rate-Red{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -212px -131px;
}
.icons-sidebar-rate-Gray {
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -222px -149px;
}
.icons-sidebar-percent-Green{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -216px -111px;
}
.icons-sidebar-percent-Yellow{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -249px -111px;
}
.icons-sidebar-percent-Red{
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -230px -111px;
}
.icons-sidebar-percent-Gray {
  margin: 2px 8px;
  width: 17px;
  height: 13px;
  background-position: -266px -111px;
}
.icons-sidebar-trip:hover {
  background-position: -251px -131px;
}
.icons-sidebar-street {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -40px -111px;
  margin-left:0;
}
.icons-sidebar-reference {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -60px -111px;
}
.icons-sidebar-odometer {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -78px -111px;
}
.icons-sidebar-latLong {
  margin: 0px 3px;
  width: 15px;
  height: 14px;
  background-position: -77px -111px;
}
.icons-sidebar-speed {
  margin: 0px 3px;
  width: 13px;
  height: 14px;
  background-position: -2px -130px;
}
.icons-sidebar-satellite {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -20px -130px;
}
.icons-sidebar-heading {
  margin: 0px 3px;
  width: 13px;
  height: 13px;
  background-position: -40px -130px;
}
.icons-sidebar-odometer {
  margin: 0px 3px;
  width: 17px;
  height: 13px;
  background-position: -57px -130px;
}
.icons-sidebar-on {
  margin: 2px 3px;
  width: 13px;
  height: 13px;
  background-position: -96px -27px;
}
.icons-sidebar-off {
  margin: 2px 3px;
  width: 13px;
  height: 13px;
  background-position: -96px -43px;
}
.icons-sidebar-clean {
  margin: 2px 3px;
  width: 13px;
  height: 13px;
  background-position: -96px -59px;
}
.icons-sidebar-stella {
  margin: 0px 3px;
  width: 16px;
  height: 16px;
  background-position: -18px -73px;
}
.icons-sidebar-stella.active{
  background-position: -108px -73px;
}
.icons-sidebar-stella:hover {
  background-position: 0px -73px;
}
.icons-map-stella{
  margin: 0px 3px;
  width: 16px;
  height: 16px;
  background-position: 1px -165px;
}
.icons-map-stella.active{
  background-position: -108px -73px;
}
.icons-map-stella:hover {
  background-position: -17px -165px;
}
.icons-sidebar-follow {
  margin: 0 3px;
  width: 18px;
  height: 16px;
  background-position: -72px -91px;
}
.icons-sidebar-follow.active{
  background-position: -108px -91px;
}
.icons-sidebar-follow:hover {
  background-position: -53px -91px;
}
.icons-map-follow {
  margin: 0 3px;
  width: 18px;
  height: 16px;
  background-position: -71px -165px;
}
.icons-map-follow.active{
  background-position: -108px -91px;
}
.icons-map-follow:hover {
  background-position: -89px -165px;
}
.icons-sidebar-streetview {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -72px -73px;
}
.icons-sidebar-streetview.active{
  background-position: -126px -73px;
}
.icons-sidebar-streetview:hover {
  background-position: -54px -73px;
}
.icons-map-streetview {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -35px -183px;
}
.icons-map-streetview.active{
  background-position: -126px -73px;
}
.icons-map-streetview:hover {
  background-position: -53px -183px;
}
.icons-sidebar-weather {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -18px -91px;
}
.icons-sidebar-weather.active{
  background-position: -126px -91px;
}
.icons-sidebar-weather:hover {
  background-position: 0px -91px;
}
.icons-sidebar-share {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -167px -73px;
}
.icons-sidebar-share.active {
  background-position: -210px -73px;
}
.icons-sidebar-share:hover {
  background-position: -148px -73px;
}
.icons-map-share {
  margin: 0px 3px;
  width: 16px;
  height: 16px;
  background-position: -164px -165px;
}
.icons-map-share.active {
  background-position: -183px -165px;
}
.icons-map-share:hover {
  background-position: -183px -165px;
}
.icons-sidebar-events-history {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -256px -73px;
}
.icons-sidebar-events-history:hover {
  background-position: -234px -73px;
}
.icons-sidebar-events-history.active {
  background-position: -306px -73px;
}
.icons-map-events-history {
  margin: 0px 3px;
  width: 16px;
  height: 16px;
  background-position: -241px -165px;
}
.icons-map-events-history:hover {
  background-position: -262px -165px;
}
.icons-map-events-history.active {
  background-position: -262px -165px;
}
.icons-sidebar-ok {
  width: 19px;
  height: 17px;
  background-position: -88px -147px;
}
.icons-sidebar-ok:hover {
  background-position: -70px -147px;
}
.icons-sidebar-ok.white {
  background-position: 1px -56px;
}
.icons-sidebar-ok.white:hover {
  background-position: -71px -147px;
}
.icons-sidebar-ok.white.active,
.icons-sidebar-ok.active {
  background-position: -14px -56px; Green
}
.icons-sidebar-command {
  width: 15px;
  height: 13px;
  background-position: -2px -148px;
}
.icons-sidebar-command.success {
  background-position: -18px -147px;
}
.icons-sidebar-command.warning {
  background-position: -53px -147px;
}
.icons-sidebar-command.danger {
  background-position: -35px -147px;
}
.icons-sidebar-flag {
  width: 16px;
  height: 17px;
  background-position: -161px -147px;
}
.icons-sidebar-flag.success {
  background-position: -143px -147px;
}
.icons-sidebar-flag.neutral {
  background-position: -162px -147px;
}
.icons-sidebar-flag.danger {
  background-position: -133px -129px;
}
.icons-sidebar-flag.not-powered {
  background-position: -259px -147px;
}
ul.vehicle-list .icons-sidebar-flag.not-powered:hover {
  background-position: -276px -147px;
  cursor: pointer;
}
.icons-sidebar-flag.not-transmitting {
  background-position: -286px -129px;
}
.icons-sidebar-flag.invalid-position {
  background-position: -241px -147px;
}
.icons-sidebar-checkbox {
  margin: 0px 3px;
  width: 18px;
  height: 18px;
  background-position: -106px -145px;
}
.icons-sidebar-checkbox.tick{
  background-position: -106px -163px;
}
.icons-sidebar-copy {
  margin: 0px 3px;
  width: 16px;
  height: 16px;
  background-position: -202px -165px;
}
.icons-sidebar-copy.active {
  background-position: -221px -165px;
}
.icons-sidebar-copy:hover {
  background-position: -221px -165px;
}
/*Rows and Columns*/
.separator {
  border-bottom: 2px solid #f0f0f0;
}
.row {
  margin: 0px 0px 5px 0px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 6px;
  padding-left: 6px;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666666666666%;
}
.col-10 {
  width: 83.33333333333334%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666666666666%;
}
.col-7 {
  width: 58.333333333333336%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-4 {
  width: 33.33333333333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.666666666666664%;
}
.col-1 {
  width: 8.333333333333332%;
}
.col-pull-12 {
  right: 100%;
}
.col-pull-11 {
  right: 91.66666666666666%;
}
.col-pull-10 {
  right: 83.33333333333334%;
}
.col-pull-9 {
  right: 75%;
}
.col-pull-8 {
  right: 66.66666666666666%;
}
.col-pull-7 {
  right: 58.333333333333336%;
}
.col-pull-6 {
  right: 50%;
}
.col-pull-5 {
  right: 41.66666666666667%;
}
.col-pull-4 {
  right: 33.33333333333333%;
}
.col-pull-3 {
  right: 25%;
}
.col-pull-2 {
  right: 16.666666666666664%;
}
.col-pull-1 {
  right: 8.333333333333332%;
}
.col-pull-0 {
  right: 0;
}
.col-push-12 {
  left: 100%;
}
.col-push-11 {
  left: 91.66666666666666%;
}
.col-push-10 {
  left: 83.33333333333334%;
}
.col-push-9 {
  left: 75%;
}
.col-push-8 {
  left: 66.66666666666666%;
}
.col-push-7 {
  left: 58.333333333333336%;
}
.col-push-6 {
  left: 50%;
}
.col-push-5 {
  left: 41.66666666666667%;
}
.col-push-4 {
  left: 33.33333333333333%;
}
.col-push-3 {
  left: 25%;
}
.col-push-2 {
  left: 16.666666666666664%;
}
.col-push-1 {
  left: 8.333333333333332%;
}
.col-push-0 {
  left: 0;
}
.col-offset-12 {
  margin-left: 100%;
}
.col-offset-11 {
  margin-left: 91.66666666666666%;
}
.col-offset-10 {
  margin-left: 83.33333333333334%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-8 {
  margin-left: 66.66666666666666%;
}
.col-offset-7 {
  margin-left: 58.333333333333336%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-5 {
  margin-left: 41.66666666666667%;
}
.col-offset-4 {
  margin-left: 33.33333333333333%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-2 {
  margin-left: 16.666666666666664%;
}
.col-offset-1 {
  margin-left: 8.333333333333332%;
}
.col-offset-0 {
  margin-left: 0;
}

/*Custom Select*/
.ct-select-wrap, .ct-select-input {
  width: 100%;
}
.ct-select2-wrap, .ct-select2-input {
  width: 100%;
  margin-left: 13%;
  margin-top: 10px;
}
.ct-select-input input {
  float: left;
  width: 172px;
  cursor: pointer;
  height: 22px;
  border: 2px solid #f4a43e;
  font-size: 11px;
}
.ct-select2-input input {
  float: left;
  width: 172px;
  cursor: pointer;
  height: 22px;
  border: 2px solid #f4a43e;
  font-size: 11px;
}
.ct-select-input span {
  float: left;
  width: 5%;
  cursor: pointer;
}
.ct-select2-input span {
  float: left;
  width: 5%;
  cursor: pointer;
}
.ct-select-list {
  /*display: none;*/
  position: absolute;
  margin-top: 20px;
  float: left;
  z-index: 1;
  background-color: #fff;
  width: inherit;
  max-height: 200px;
  border: 1px solid #ccc;
  /*max-height: 200px;*/
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3px;
  width: 172px;
  color: #333;
  font-size: 12px;
}
.ct-select2-list {
  /*display: none;*/
  position: absolute;
  margin-top: 20px;
  float: left;
  z-index: 1;
  background-color: #fff;
  width: inherit;
  max-height: 200px;
  border: 1px solid #ccc;
  /*max-height: 200px;*/
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3px;
  width: 130px;
  color: #333;
  font-size: 12px;
  margin-left: 12.3%;
}
.ct-select-list li:hover {
  background-color: #eee;
}
.ct-select2-list li:hover {
  background-color: #eee;
}
.ct-selected {
  background-color: #ccc;
}

/*Width, Height Limits*/
@media(max-width: 768px) {
  body {
    width: 768px;
    overflow-x: auto
  }
}
@media(max-height: 600px) {
  body {
    height: 600px;
    overflow-y: auto
  }
  .cog-panel {
    top: 260px;
  }
}

@-webkit-keyframes spin {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

/*Scrollable div*/
.scrollable {
  overflow: auto;
  overflow-y: hidden;
}
.hidden-container {
  width: auto !important;
  min-width: 1300px;
}
.module-item {
  float: left;
  border-right: 4px solid #f0f0f0;
  height: 100%;
  height: 133px;
  padding: 5px 0;
  min-width: 104px;
  background-color: #fff;
  font-size: 12px;
  padding-top:0;
}
.module-link {
  color: #ccc;
}
.module-link.active {
  color: #F78E1E!important;
  cursor: default!important;
  font-weight: bold;
}
.module-link:hover {
  color: #e6e6e6;
  text-decoration: none;
}
.module-link.disabled {
  cursor: default;
  pointer-events: none !important;
}

.options-menu li {
  float: left;
  display: inline-block;
}

/*Scrollbar*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #B7B7B9;
}

::-webkit-scrollbar-thumb {
  width: 2px;
  background-color: #f4a43e;
}

/*Icons*/
.icons-message,
.icons-sms,
.icons-tool,
.icons-sound,
.icons-vehicle,
.icons-personal,
.icons-personal2,
.icons-red-balloon,
.icons-blue-balloon,
.icons-geofence,
.icons-report,
.icons-poi,
.icons-configuration,
.icons-group,
.icons-relate-groups,
.icons-relate-geofences,
.icons-relate-drivers,
.icons-arrow-up,
.icons-arrow-down,
.icons-personal-config,
.icons-geofence-config,
.icons-geofence-relate,
.icons-poi-config,
.icons-poi-layer,
.icons-poi-assign-layer,
.icons-report-custom,
.icons-report-geofence,
.icons-schemes,
.icons-widgets-submenu,
.icons-map-submenu,
.icons-alertt,
.icons-submenu-neec,
.iconsSensor, .iconsSensorReport, .iconsTemperature, .iconsTemperatureReports {
  background: url(../images/iconsNeec.svg) no-repeat;
  background-size: 698.1px 250.1px;
  cursor: pointer;
  float: left;
}

.icons-eddy-submenu{
  background: url(../images/sprite-iconos-eddy.svg) no-repeat;
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-position-x: -443px;
  background-position-y: -79px;
  float: left;
}

.submenu-list li:hover .icons-eddy-submenu {
  /*background-position: -299px -107px; vivi */
  background-position: -443px -108px;
}

.icons-eddy-status-submenu{
  background: url(../images/sprite-iconos-eddy.svg) no-repeat;
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-position-x: -471px;
  background-position-y: -79px;
  float: left;
}

.submenu-list li:hover .icons-eddy-status-submenu {
  /*background-position: -299px -107px; vivi */
  background-position: -471px -108px;
}
.iconsVehicleInformation-acces,.iconsVehicleInformation-info,.iconsVehicleInformation-params{
  background-image: url(../images/icons4.svg);
  float: left;
}
.icons-cog{
  background: url(../images/cog.svg) no-repeat;
  cursor: pointer;
  float: left;
  height: 16px;
  width: 16px;
  margin-top: 1px;
}
.icons-widget-cog{
  background: url(../images/widget-cog.svg) no-repeat;
  cursor: pointer;
  float: left;
  height: 16px;
  width: 16px;
  margin-top: 1px;
}
.icons-cog-arrow-left {
  background: url(../images/cog-arrow.svg) no-repeat;
  cursor: pointer;
  float: left;
  height: 9px;
  width: 10px;
  margin: 1px 3px 0 3px;
}
.icons-cog-arrow-right {
  background-position-x: -11px;
}
.icons-module-arrow,
.icons-module-default,
.icons-module-follow,
.icons-module-streetview,
.icons-module-stella,
.icons-module-show,
.icons-module-info,
.icons-module-edit,
.icons-module-add,
.icons-module-remove,
.icons-module-hide,
.icons-module-events,
.icons-module-alarms,
.icons-module-totals,
.icons-module-draw,
.icons-module-email,
.icons-module-user,
.icons-module-email2,
.icons-module-phone,
.icons-module-clock,
.icons-module-speed,
.icons-module-target,
.icons-module-cancel,
.icons-module-event-sign,
.icons-module-poi-link,
.icons-colorpicker,
.icons-ok,
.icons-ok2,
.icons-cancel2,
.icons-refresh,
.icons-pass,
.icons-pass2,
.icons-cancel,
.icons-module-general,
.icons-module-layer,
.icons-module-marker,
.icons-continue,
.icons-select,
.icons-search,
.icons-search2,
.icons-checkbox,
.icons-term-Blue,
.icons-term-Red,
.icons-term-Orange,
.icons-origin,
.icons-destiny,
.icons-term-blue,
.icons-term-red,
.icons-term-orange,
.icons-report-neec,
.icons-export-excel-neec,
.icons-export-web-neec,
.icons-export-pdf-neec,
.icons-temperature-s,
.icons-temperature-time-up,
.icons-temperature-high-consume,
.icons-temperature-puertaOn,
.icons-temperature-puertaOff,
.icons-addRoute,
.icons-info,
.icons-email,
.icons-email-gray,
.icons-pencil,
.icons-radio {
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 16px;
  width: 17px;
  vertical-align: middle;
}

.icons-addRoute {
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -234px -75px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
}

.icons-temperature-s{
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -179px -267px;
  width:20px;
  height:30px;
  padding: 0;
  cursor: context-menu;
}
.icons-temperature-time-up{
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -248px -267px;
  width:24px;
  height:30px;
  padding: 0;
  cursor: context-menu;
}
.icons-temperature-puertaOn{
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -293px -263px;
  width:22px;
  height:30px;
  padding: 0;
  cursor: context-menu;
}
.icons-temperature-puertaOff{
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -313px -263px;
  width:22px;
  height:30px;
  padding: 0;
  cursor: context-menu;
}
.icons-temperature-high-consume{
  background: url(../images/icons-neec.svg) no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -148px -243px;
  width:24px;
  height:25px;
  padding: 0;
  cursor: context-menu;
}

.icons-addRoute:hover {/*183*/
  background-position: -251px -75px;
}
.icons-origin {/*183*/
  background-position: -200px -19px;
}
.icons-pencil {/*183*/
  background-position: -145px -198px;
}

.icons-email {/*183*/
  background-position: -100px -218px;
}
.icons-email-gray {/*183*/
  background-position: -162px -143px;
}
.icons-info {/*183*/
  background-position: -70px -90px;
}
.icons-origin:hover {/*183*/
  background-position: -272px -19px;
}
.icons-destiny {/*183*/
  background-position: -222px -19px;
}
.icons-destiny:hover {/*183*/
  background-position: -294px -19px;
}
.icons-term-Blue{
  background-position: -152px -265px;
}
.icons-report-neec {
  background-position: -35px 0px;
}
.icons-export-excel-neec {
  background-position: -22px -240px;
  width: 25px;
  height: 22px;
}
.icons-export-web-neec {
  background-position: 5px -240px;
  width: 25px;
  height: 22px;
}
.icons-export-pdf-neec {
  background-position: -46px -240px;
  width: 25px;
  height: 22px;
}
.icons-term-Red {
  background-position: -170px -265px;
}
.icons-term-Orange {
  background-position: -160px -266px;
}
.icons-checkbox {
  background-position: -199px -91px;
}
.icons-checkbox.checked {
  background-position: -199px -109px;
}
.disabled .icons-checkbox {
  background-position: -197px -145px;
}
.disabled .icons-checkbox.checked {
  background-position: -197px -163px;
}
.icons-search {
  float: left;
  width: 16px;
  height: 16px;
  cursor: inherit;
}
.icons-search2 {
  float: left;
  width: 16px;
  height: 16px;
  cursor: disabled;
}
.icons-select {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -182px -183px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
}
.icons-select.active {
  background-position: -182px -111px;
}
.icons-select.blurred {
  background-position: -74px -57px;
}
.icons-continue {
  background-position: -178px -198px;
}
.icons-module-arrow {
  width: 10px;
  height: 11px;
  background: url(../images/icons3.svg) no-repeat;
}
.icons-module-arrow {
  background-position: -58px -11px;
  float: right;
}
.icons-module-default {
  background-position: -2px -1px;
  float: left;
  margin-right: 6px;
}
.icons-colorpicker {
  background-position: -37px -55px;
  height: 15px;
  width: 15px;
  cursor: pointer;
}
.icons-ok {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -73px -38px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
}
.icons_okOff{
  background-color: #C1976B;
  color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -73px -38px;
  height: 15px;
  width: 14px;
  cursor: pointer;
  padding: 0;
}
.icons_okOff:hover{background-color:rgb(59, 178, 74)}
.icons-ok2 {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -200px -75px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
  margin-left: 6px;
}
.icons-cancel2 {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -218px -75px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
  margin-left: 6px;
}
.icons-refresh {
  margin-top: -10px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -1px -217px;
  height: 22px;
  width: 22px;
  cursor: pointer;
  padding: 0;
  margin-left: 6px;
}
.icons-refresh:hover {
  background-position: -25px -217px;
}
.icons-pass {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -48px -218px;
  height: 13px;
  width: 24px;
  cursor: pointer;
  padding: 0;
  margin-left: 6px
}
.icons-pass2 {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -48px -218px;
  height: 13px;
  width: 24px;
  cursor: pointer;
  padding: 0;
  margin-left: 6px
}
.icons-pass:hover {
  background-position: -74px -218px;
}
.icons-ok:hover {
  background-position: -73px -110px;
}
.icons-ok.disabled {
  background-position: -73px -182px;
}
.icons-cancel {
  border: 1px solid rgba(0, 0, 0, 0);
  background-position: -91px -38px;
  height: 13px;
  width: 14px;
  cursor: pointer;
  padding: 0;
}
.icons-cancel:hover {
  background-position: -91px -110px;
}
.icons-cancel.disabled {
  background-position: -91px -182px;
}
.icons-module-follow {
  background-position: -71px -1px;
}
.icons-module-follow.disabled {
  background-position: -71px -144px;
}
.module-link:hover .icons-module-follow,
.module-link.active .icons-module-follow {
  background-position: -71px -73px;
}
.icons-module-streetview {
  background-position: -88px -1px;
}
.icons-module-streetview.disabled {
  background-position: -88px -144px;
}
.module-link:hover .icons-module-streetview,
.module-link.active .icons-module-streetview {
  background-position: -88px -73px;
}
.icons-module-stella {
  background-position: 0px -19px;
}
.icons-module-stella.disabled {
  background-position: 0px -162px;
}
.module-link:hover .icons-module-stella,
.module-link.active .icons-module-stella {
  background-position: -0px -91px;
}
.icons-module-show {
  background-position: -36px -19px;
}
.icons-module-show.disabled {
  background-position: -36px -162px;
}
.module-link:hover .icons-module-show,
.module-link.active .icons-module-show {
  background-position: -36px -91px;
}
.icons-module-add {
  background-position: -18px -36px;
}
.module-link:hover .icons-module-add,
.module-link.active .icons-module-add {
  background-position: -18px -108px;
}
.icons-module-add.disabled {
  background-position: -18px -179px;
}
.icons-module-remove {
  background-position: -54px -36px;
}
.module-link:hover .icons-module-remove,
.module-link.active .icons-module-remove {
  background-position: -54px -108px;
}
.icons-module-remove.disabled {
  background-position: -54px -179px;
}
.icons-module-poi-link {
  background-position: -212px -36px;
}
.module-link:hover .icons-module-poi-link,
.module-link.active .icons-module-poi-link {
  background-position: -234px -108px;
}
.icons-module-poi-link.disabled {
  background-position: -234px -160px;
}
.icons-module-hide {
  background-position: -53px -19px;
}
.icons-module-hide.disabled {
  background-position: -53px -162px;
}
.module-link:hover .icons-module-hide,
.module-link.active .icons-module-hide {
  background-position: -53px -91px;
}
.icons-module-info {
  background-position: -72px -19px;
}
.icons-module-info.disabled,
.disabled .icons-module-info {
  background-position: -72px -162px!important;
}

.module-link:hover .icons-module-info,
.module-link.active .icons-module-info,
.active .icons-module-info {
  background-position: -72px -91px;
}
.icons-module-edit {
  background-position: -90px -19px;
}
.icons-module-edit.disabled {
  background-position: -90px -162px;
}
.module-link:hover .icons-module-edit,
.module-link.active .icons-module-edit {
  background-position: -90px -91px;
}
.icons-message {
  height: 20px;
  width: 30px;
  background-position: -242px -4px;
}
.icons-message:hover {
  background-position: -242px -30px;
}
.icons-sms,
.icons-sms:hover {
  height: 20px;
  width: 25px;
  background-position: -628px -27px;
}
.icons-tool {
  height: 25px;
  width: 24px;
  background-position: -192px 0;
}
.icons-alertt {
  height: 25px;
  width: 20px;
  background-position: -407px 0;
}
.icons-alertt:hover {
  background-position: -419px -27px;
}
.icons-tool:hover {
  background-position: -192px -26px;
}
.icons-sound {
  height: 25px;
  width: 25px;
  background-position: -217px 0;
}
.icons-sound.mute {
  background-position: -276px 0;
}
.icons-sound:hover {
  background-position: -217px -26px;
}
.icons-red-balloon {
  height: 25px;
  width: 31px;
  background-position: -308px 0;
  margin-top: -8px;
  margin-left: -5px;
}
.icons-blue-balloon {
  height: 25px;
  width: 31px;
  background-position: -345px 0;
  margin-top: -12px;
}
.icons-vehicle {
  margin-top: 1px;
  height: 21px;
  width: 61px;
  background-position: -1px 0px;
}
.menu-list li {
  /*width: 177px;*/
}
.submenu-list li {
  /*width: 228px;*/
}
.menu-list li:hover .icons-vehicle {
  background-position: -1px -26px;
}
.menu-list .active .icons-vehicle,
.menu-list .active:hover .icons-vehicle {
  background-position: -1px -53px;
}
.icons-personal {
  margin-top: 1px;
  height: 21px;
  width: 34px;
  background-position: -63px 0px;
}
.menu-list li:hover .icons-personal {
  background-position: -63px -26px;
}
.menu-list .active .icons-personal,
.menu-list .active:hover .icons-personal {
  background-position: -63px -53px;
}
.icons-personal2{
  margin-top: 1px;
  height: 21px;
  width: 21px;
  /*background-position: -442px 0px; vivi*/
  background-position: -69px 0px;
}
.disabled .icons-personal2 {
  /*background-position: -533px -1px;*/
  background-position: -498px 0px;
}
.menu-list li:hover .icons-personal2 {
  /*background-position: -442px -27px;vivi*/
  background-position: -69px -26px;
}
.menu-list .active .icons-personal2,
.menu-list .active:hover .icons-personal2 {
  /*background-position: -442px -53px;*/
  background-position: -69px -52px;
}
.icons-geofence {
  margin-top: 1px;
  height: 21px;
  width: 43px;
  background-position: -98px 0px;
}
.menu-list li:hover .icons-geofence {
  background-position: -98px -26px;
}
.menu-list .active .icons-geofence,
.menu-list .active:hover .icons-geofence {
  background-position: -98px -53px;
}
.icons-report {
  margin-top: 1px;
  height: 21px;
  width: 18px;
  background-position: -172px 0px;
}
.menu-list li:hover .icons-report {
  background-position: -172px -26px;
}
.menu-list .active .icons-report,
.menu-list .active:hover .icons-report {
  background-position: -172px -53px;
}
.icons-schemes {
  margin-top: 1px;
  height: 21px;
  width: 24px;
  background-position: -379px 0px;
}
.menu-list li:hover .icons-schemes {
  background-position: -391px -27px;
}
.menu-list .active .icons-schemes,
.menu-list .active:hover .icons-schemes {
  background-position: -359px -53px;
}

.icons-poi {
  margin-top: 1px;
  height: 21px;
  width: 28px;
  background-position: -143px 0px;
}
.menu-list li:hover .icons-poi {
  background-position: -143px -26px;
}
.menu-list .active .icons-poi,
.menu-list .active:hover .icons-poi {
  background-position: -143px -53px;
}
.icons-configuration {
  height: 24px;
  width: 21px;
  background-position: -43px -79px;
}
.submenu-list li:hover .icons-configuration {
  background-position: -43px -107px;
}
.submenu-list .active .icons-configuration,
.submenu-list .active:hover .icons-configuration {
  background-position: -43px -136px;
}
.icons-personal-config {
  height: 24px;
  width: 17px;
  /*background-position: -288px -165px; vivi*/
  background-position: 0px -165px;
}
.submenu-list li:hover .icons-personal-config {
  /*background-position: -288px -193px; vivi*/
  background-position: 0px -193px;
}
}
.submenu-list .active .icons-personal-config,
.submenu-list .active:hover .icons-personal-config {
  /*background-position: -288px -222px;*/
  background-position: 0px -222px;
}
.icons-group {
  height: 24px;
  width: 47px;
  background-position: -65px -79px;
}
.submenu-list li:hover .icons-group {
  background-position: -65px -107px;
}
.submenu-list .active .icons-group,
.submenu-list .active:hover .icons-group {
  background-position: -65px -136px;
}
.icons-relate-groups {
  height: 24px;
  width: 68px;
  /*background-position: -324px -79px; vivi */
  background-position: -114px -79px;
}
.submenu-list li:hover .icons-relate-groups {
  /*background-position: -324px -107px; vivi*/
  background-position: -114px -108px;

}
.submenu-list .active .icons-relate-groups,
.submenu-list .active:hover .icons-relate-groups {
  /*background-position: -324px -136px; vivi*/
  background-position: -114px -136px;
}
.icons-geofence-config {
  height: 23px;
  width: 23px;
  background-position: -22px -166px;
}
.submenu-list li:hover .icons-geofence-config {
  background-position: -22px -194px;
}
.submenu-list .active .icons-geofence-config,
.submenu-list .active:hover .icons-geofence-config {
  background-position: -22px -223px;
}
.icons-poi-config {
  height: 23px;
  width: 23px;
  /*background-position: -174px -166px;vivi*/
  background-position: -210px -166px;
}
.submenu-list li:hover .icons-poi-config {
  /*background-position: -174px -194px; vivi*/
  background-position: -210px -194px;
}
.submenu-list .active .icons-poi-config,
.submenu-list .active:hover .icons-poi-config {
  /* background-position: -174px -223px; vivi */
  background-position: -210px -223px;
}
.icons-report-custom {
  height: 28px;
  width: 20px;
  /* background-position: -224px -166px; vivi */
  background-position: -262px -166px;
}
.submenu-list li:hover .icons-report-custom {
  /*background-position: -224px -194px; vivi*/
  background-position: -262px -194px;
}
.submenu-list .active .icons-report-custom,
.submenu-list .active:hover .icons-report-custom {
  /*background-position: -224px -223px; vivi */
  background-position: -262px -223px;
}
.icons-report-geofence {
  height: 23px;
  width: 27px;
  /*background-position: -197px -166px; vivi */
  background-position: -237px -166px;
}
.submenu-list li:hover .icons-report-geofence {
  /*background-position: -197px -194px; vivi */
  background-position: -237px -194px;
}
.submenu-list .active .icons-report-geofence,
.submenu-list .active:hover .icons-report-geofence {
  /* background-position: -197px -223px; */
  background-position: -237px -223px;
}
.submenu-list .active:hover .icons-report-geofence {
  /*background-position: -197px -223px; */
  background-position: -237px -223px;
}
.iconsSensor{
  width: 22px;
  height: 23px;
  background-position: -346px -79px;
}
.submenu-list li:hover .iconsSensor {
  background-position: -346px -106px;
}
.submenu-list .active .iconsSensor,
.submenu-list .active:hover .iconsSensor {
  background-position: -346px -135px;
}
.submenu-list .active:hover .iconsSensor {
  background-position: -346px -135px;
}


.iconsTemperature {
  width: 22px;
  height: 23px;
  background-position: -391px -79px;
}
.submenu-list li:hover .iconsTemperature {
  background-position: -391px -107px;
}
.submenu-list .active .iconsTemperature,
.submenu-list .active:hover .iconsTemperature {
  background-position: -391px -136px;
}
.submenu-list .active:hover .iconsTemperature {
  background-position: -391px -136px;
}
.icons-poi-layer {
  height: 23px;
  width: 39px;
  /*background-position: -93px -166px; vivi */
  background-position: -105px -166px;
}
.submenu-list li:hover .icons-poi-layer {
  /*background-position: -93px -194px; vivi */
  background-position: -105px -194px;
}
.submenu-list .active .icons-poi-layer,
.submenu-list .active:hover .icons-poi-layer {
  /*background-position: -93px -223px; vivi*/
  background-position: -105px -223px;
}
.icons-poi-assign-layer {
  height: 23px;
  width: 61px;
  /*background-position: -308px -166px; vivi*/
  background-position: -148px -166px;
}
.submenu-list li:hover .icons-poi-assign-layer {
  /*background-position: -308px -194px; vivi*/
  background-position: -148px -194px;
}
.submenu-list .active .icons-poi-assign-layer,
.submenu-list .active:hover .icons-poi-assign-layer {
  /*background-position: -308px -223px; */
  background-position: -148px -223px;
}
.icons-geofence-relate {
  height: 23px;
  width: 46px;
  /*background-position: -114px -81px; vivi*/
  background-position: -49px -165px
}
.submenu-list li:hover .icons-geofence-relate {
  /*background-position: -114px -109px; vivi*/
  background-position: -49px -192px;
}
.submenu-list .active .icons-geofence-relate,
.submenu-list .active:hover .icons-geofence-relate {
  /*background-position: -114px -138px; vivi */
  background-position: -49px -221px;
}
.icons-relate-geofences {
  height: 24px;
  width: 48px;
  /*background-position: -164px -79px; vivi*/
  background-position: -188px -79px;
}
.submenu-list li:hover .icons-relate-geofences {
  /*background-position: -164px -107px; vivi*/
  background-position: -188px -109px;
}
.submenu-list .active .icons-relate-geofences,
.submenu-list .active:hover .icons-relate-geofences {
  /*background-position: -164px -136px; vivi*/
  background-position: -188px -136px;
}
.icons-map-submenu {
  height: 24px;
  width: 24px;
  /* background-position: -299px -79px; vivi*/
  background-position: -325px -79px;
}
.submenu-list li:hover .icons-map-submenu {
  /*background-position: -299px -107px; vivi */
  background-position: -325px -107px;
}
.submenu-list .active .icons-map-submenu,
.submenu-list .active:hover .icons-map-submenu {
  /*background-position: -299px -136px; */
  background-position: -325px -136px;
}
.icons-widgets-submenu {
  height: 24px;
  width: 24px;
  /*background-position: -276px -79px; vivi */
  background-position: -302px -79px;
}
.submenu-list li:hover .icons-widgets-submenu {
  /* background-position: -276px -107px; vivi */
  background-position: -302px -107px;
}
.submenu-list .active .icons-widgets-submenu,
.submenu-list .active:hover .icons-widgets-submenu {
  /*background-position: -276px -136px; vivi */
  background-position: -302px -136px;
}
.icons-relate-drivers {
  height: 24px;
  width: 46px;
  /*background-position: -395px -79px; vivi*/
  background-position: -236px -79px;
}
.submenu-list li:hover .icons-relate-drivers {
  /*background-position: -395px -107px; vivi*/
  background-position: -236px -109px;
}
.submenu-list .active .icons-relate-drivers,
.submenu-list .active:hover .icons-relate-drivers {
  /*background-position: -395px -136px; */
  background-position: -236px -136px;
}
.icons-arrow-up {
  height: 12px;
  width: 21px;
  background-position: -21px -85px;
  cursor: pointer;
  margin-top: 8px;
  margin-left: 6px;
}
.icons-arrow-up:hover {
  height: 12px;
  width: 21px;
  background-position: -21px -114px;
}
.icons-arrow-down {
  background-position: 0 -85px;
  margin-top: 1px;
}
.icons-arrow-down:hover {
  background-position: 0 -114px;
}
/*Colorpicker*/
.colorpicker-container {
  /*display:table; */
  /*border-collapse: collapse;*/
}
.colorpicker-row {
  width: 70px;
  /*border: 0 solid #333;*/
  /*border-width: 0 0 1px 1px;*/
  /*display: table-row;*/
}
.colorpicker-cell {
  /*display: table-cell;  */
  /*box-sizing: border-box; */
  /*-webkit-box-sizing: border-box; */
  border: 1px solid #333;
  float: left;
  margin-top: -1px!important;
  margin-left: -1px!important;
  cursor: pointer;
  /*border-width: 1px 1px 0 0; */
  height:9px;
  /*height:11px;*/
}
.colorpicker-cell:hover {
  border: 1px solid #f3f3f3;
  position: relative;
}
.colorpicker-form label {
  float: left;
  padding-bottom: 7px;
}
.colorpicker-form input {
  width: 100%;
}
/*lalal*/
.vehicle-list-item:hover {
  background-color: #f3f3f3;
}

.vehicle-list-item.active {
  background-color: #ccc;
}
.angular-google-map-container, .angular-google-map { height: 100%; }


/*Arturo*/

/*Estilo para los tabs, falta limpiarlo*/
.tabsGroup{
  border-style: solid;
  background-color: #fff;
  width: 162px;
  font-size: 10px;
  border-right: 2px solid #F0F0F0;
  float: left;
  padding-top:5px;
}
.nav-tabs{
  border-bottom: 1px solid #ddd; */
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: table;
  clear: both;
  list-style: none;
  height: 106px;
  border-bottom: none!important;
}
.nav-tabs>li{
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.nav-tabs>li>a{padding-top:1px;padding-bottom:1px;line-height:20px;border:1px solid transparent;
  color: #555;
  background-color: #fff
  border: 1px solid #ddd;
  position: relative;
  display: block;
  padding: 2px 5px;
  text-decoration: none;
  background: 0 0;
}
li.itemTabsList {
  width: 100%;
  padding: 3px 6px!important;
}
.tab-content>.tab-pane{
  display: none;
}
.tab-content>.active, .tab-content>.active0{
  display: block;
  background-color:#fff;
  /*color:#555;
  border:1px solid #ddd;*/
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{
  color:#555555;background-color:#ffffff;border:1px solid #ddd;
  border-bottom-color:transparent;cursor:default;
}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
/*.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}*/
.tabs-left>.nav-tabs{
  float: left;
  border-right: 1px solid #ddd;
}
.tabs-left>.nav-tabs>li>a{margin-right:-1px;  /*-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;*/}
/*.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}*/
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{
  border-color:#ddd transparent #ddd #fff;*border-right-color:#ffffff;
}
.tabs-left>.nav-tabs .active0>a,.tabs-left>.nav-tabs .active0>a:hover,.tabs-left>.nav-tabs .active0>a:focus{
  border-color: #fff #fff #ddd transparent;*border-right-color:#ffffff;
}
.tabs-right>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
/*.tabs-right>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}*/
.tabs-right>.nav-tabs{float:right;border-left:1px solid #ddd;}
.tabs-right>.nav-tabs>li>a{margin-left:-1px;  margin-right: 0px;}
/*.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}*/
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{
  border-color:#ddd transparent #ddd #fff;*border-left-color:#ffffff;
}
.tabs-right>.nav-tabs .active0>a,.tabs-right>.nav-tabs .active0>a:hover,.tabs-right>.nav-tabs .active0>a:focus{
  border-color: #fff #fff #ddd #fff;*border-left-color:#ffffff;
}

.tab-content{
  height: 85px;
  float: left;
  width: 131px;
}

.nav-tabs>li>a{
  border-radius: 0px;
  height: 22px;
}
/*Estilo para accordion */
/*.panel-group {margin-bottom: 20px;}
.panel-group .panel{
  margin-bottom:0;
  border-radius:4px;
  overflow:hidden;
}
.panel-default{border-color: #ddd;}
.panel-default>.panel-heading{
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-group .panel-heading{border-bottom: 0;}
.panel-heading{
  padding: 10px 15px;
  border-top-right-radius:3px;
  border-top-left-radius:3px;
}
.panel-title{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title>a{
  color: inherit;
}
a{
  text-decoration: none;
}
.collapse{display: none;}
.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color: #ddd;}
.panel-group .panel-heading+.panel-collapse .panel-body{border-top: 1px solid #ddd;}
.panel-body{padding: 15px;}*/







.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}








/*Estilo para drag & drop*/
/**{
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}*/
[ng-drag], .vehicleItemList{
  margin: 2px 0px; padding: 0px; font-size: 10px; width: 128px;border: 0px; float: left; width: 144px; border-bottom: 1px solid #f0f0f0;
}
[ng-drag]:hover, .vehicleItemList:hover, .itemSelected,.itemTabsList:hover{
  background: #eee;
  cursor: pointer;
}
[ng-drag].drag-over{
  border:solid 1px #00FF00;
}
[ng-drag].dragging{
  opacity: 0.5;
}
[ng-drop]{
  width: 107px;
  height: auto;
}
[ng-drop].drag-enter{
  border:solid 1px #FF0000;
}
.draggable{ list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #fff; width: 100%;}
.bolded{
  font-weight:bold;
}
.colorCar{
  fill: #FDBB30;
}
.carIcon{
  width: 16px; height: 16px; margin: 6px; float: left;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMzcuMzEzcHgiIGhlaWdodD0iMjcuMDYzcHgiIHZpZXdCb3g9IjAgMCAzNy4zMTMgMjcuMDYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNy4zMTMgMjcuMDYzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cG9seWdvbiBwb2ludHM9IjM2Ljc4NSwxNi41MjUgMjcuNjUzLDExLjA1NyAyNi4wMzYsNy4zNTQgMTYuNTYsMS44ODMgMTIuOTM1LDIuMDU3IDEyLjkzLDIuMDYgOS45NjcsMC4zNSAwLjQ5MSw1Ljc5MyAKCQkwLjQ5MSwxMC45MjEgMjcuNDM4LDI2LjUyNSAzNi43ODUsMjAuOTc3IDM2Ljc4NSwxNi41NzMgCSIvPgoJPGc+CgkJPHBhdGggZD0iTTkuMTg5LDE0LjQwMmMtMC4wMy0xLjUwOS0xLjE3Ni0zLjM4Ny0yLjU1OS00LjE5M0M1LjkzNSw5LjgwNCw1LjMxMyw5Ljc0Niw0Ljg2OSw5Ljk4bDAsMGwtMS44MzEsMS4wODRsMC44MDEsMC42MTcKCQkJbDAuMzU1LDAuMDI5YzAuMTMyLDEuNDY1LDEuMjMsMy4xOTgsMi41NDQsMy45NjRjMC4xMjcsMC4wNzMsMC4yNSwwLjEzMiwwLjM3MiwwLjE4NGwtMC4yNzksMS4wMjlsMS43MTQtMS4wMWwtMC4wMDEtMC4wMDIKCQkJQzguOTU2LDE1LjYzMiw5LjIwNCwxNS4xMjcsOS4xODksMTQuNDAyeiIvPgoJCTxwYXRoIGQ9Ik00Ljk0NSwxMS4yMDFjLTEuMzgzLTAuODA3LTIuNDgxLTAuMjM4LTIuNDUxLDEuMjcxYzAuMDMsMS41MDksMS4xNzYsMy4zODcsMi41NTksNC4xOTIKCQkJYzEuMzg0LDAuODA4LDIuNDgxLDAuMjM4LDIuNDUxLTEuMjcxQzcuNDc1LDEzLjg4NSw2LjMyOSwxMi4wMDgsNC45NDUsMTEuMjAxeiIvPgoJCTxwYXRoIGQ9Ik01LjAyNywxNS4zNjVjLTAuNzI1LTAuNDIzLTEuMzI1LTEuNDA3LTEuMzQtMi4xOTdjLTAuMDE2LTAuNzkxLDAuNTU5LTEuMDg5LDEuMjg0LTAuNjY2CgkJCWMwLjcyNSwwLjQyMiwxLjMyNSwxLjQwNiwxLjM0MSwyLjE5N0M2LjMyOCwxNS40ODksNS43NTMsMTUuNzg4LDUuMDI3LDE1LjM2NXoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoICBkPSJNMjUuNjA2LDIzLjgyMmMtMC4wMy0xLjUxLTEuMTc2LTMuMzg3LTIuNTYtNC4xOTNjLTAuNjk1LTAuNDA2LTEuMzE3LTAuNDYzLTEuNzYyLTAuMjI5bDAsMGwtMS44MzEsMS4wODRsMC44MDEsMC42MTYKCQkJbDAuMzU1LDAuMDI5YzAuMTMzLDEuNDY1LDEuMjMsMy4xOTcsMi41NDUsMy45NjRjMC4xMjcsMC4wNzQsMC4yNSwwLjEzMywwLjM3MSwwLjE4NGwtMC4yNzksMS4wMjlsMS43MTUtMS4wMWwtMC4wMDEtMC4wMDIKCQkJQzI1LjM3MywyNS4wNTIsMjUuNjIsMjQuNTQ3LDI1LjYwNiwyMy44MjJ6Ii8+CgkJPHBhdGggZD0iTTIxLjM2MSwyMC42MjFjLTEuMzgzLTAuODA4LTIuNDgtMC4yMzgtMi40NSwxLjI3MWMwLjAzLDEuNTA5LDEuMTc2LDMuMzg2LDIuNTU5LDQuMTkyCgkJCWMxLjM4NCwwLjgwOCwyLjQ4MSwwLjIzOCwyLjQ1MS0xLjI3MUMyMy44OTIsMjMuMzA1LDIyLjc0NSwyMS40MjgsMjEuMzYxLDIwLjYyMXoiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuNDQ0LDI0Ljc4NGMtMC43MjUtMC40MjItMS4zMjUtMS40MDYtMS4zNDEtMi4xOTZjLTAuMDE2LTAuNzkxLDAuNTYtMS4wOSwxLjI4NC0wLjY2NgoJCQljMC43MjUsMC40MjIsMS4zMjUsMS40MDUsMS4zNDEsMi4xOTZTMjIuMTcsMjUuMjA4LDIxLjQ0NCwyNC43ODR6Ii8+Cgk8L2c+Cgk8cG9seWdvbiBjbGFzcz0iY29sb3JDYXIiICBwb2ludHM9IjI1LjQ3Miw3LjY4IDI3LjA2MywxMS4zMzcgMTkuMTg2LDE2LjEwNiAxNy4xNDUsMTIuNDg3IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTYuNDk2LDEyLjUwOSAxOC42ODUsMTYuNTA5IDUuNTY4LDguNTMzIDkuMDQxLDguMjg2IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTMuMTg2LDIuNTE3IDE1Ljg3NiwyLjQzOCA3LjY2Myw3LjIwNyA0Ljg1OSw3LjMyNCAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjI5Ljk1OCwyMy4xMjUgMjcuNjM2LDI0LjQzMSAyNy42MzYsMjIuMjc1IDI5Ljk1OCwyMC45NyAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjM2LjAxOCwxOS42ODcgMzMuNjk1LDIwLjk5MiAzMy42OTUsMTguODM4IDM2LjAxOCwxNy41MzIgCSIvPgo8L2c+Cjwvc3ZnPg==);
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.iconRemove{
  background: url(../images/icons3.svg) no-repeat;
  width:11px;height:10px;float:left;
  background-position: -48px 0px;
}
.iconRemove-red{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: -130px 0px;
}
.iconRemove.red {
  background-position: -132px 0px;
}
.iconRemove:hover{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: -48px -12px;
}
.itemTabsList:hover .iconFavorite,.iconNoFavorite{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: 0px 0px;
}
.itemTabsList:hover .iconNoFavorite, .iconFavorite{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: 0px -12px;
}
.addList{background: url(../images/icons3.svg) no-repeat;width:11px;height:10px;float:left;background-position: -24px 0px;}
.addList:hover{background-position: -24px -12px;}
.addListDisabled{background: url(../images/icons3.svg) no-repeat;width:11px;height:10px;float:left;background-position: -24px -23px;}
.editList{background: url(../images/icons3.svg) no-repeat;width:10px;height:10px;float:left;background-position: -12px 0px;}
.editList:hover{background-position: -12px -12px;}
.editListDisabled{background: url(../images/icons3.svg) no-repeat;width:10px;height:10px;float:left;background-position: -13px -24px;}
.deleteList{background: url(../images/icons3.svg) no-repeat;width:10px;height:10px;float:left;background-position: -36px 0px;}
.deleteList:hover{background-position: -36px -12px;}
.deleteListDisabled{background: url(../images/icons3.svg) no-repeat;width:10px;height:11px;float:left;background-position: -36px -23px;}

.assignRoute{background: url(../images/icons-neec.svg) no-repeat;width:21px;height:15px;float:left;background-position: -221px -243px;}
.assignRoute:hover{background-position: -242px -243px;}

.addList.disabled{background-position: -24px -23px; pointer-events: none;}
.editList.disabled{background-position: -12px -23px; pointer-events: none;}
.deleteList.disabled{background: url(../images/icons3.svg) no-repeat;width:10px;height:11px;float:left;background-position: -36px -23px;};

.iconAssign{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: -69px 0px;
  margin-top:8px;

  float: right;
  margin-right: 6px;
}
[ng-drag]:hover .iconAssign{
  background: url(../images/icons3.svg) no-repeat;
  width:10px;height:10px;float:left;
  background-position: -69px -12px;
  margin-top:8px;

  float: right;
  margin-right: 6px;
}
.form-control {
  width: 126px;
  height: 16px;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 0;
  display: inline;
}

.form-control2 {
  width: 280px;
  height: 16px;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 0;
  display: inline;
}

.form-control3 {
  width: 250px;
  height: 16px;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 0;
  display: inline;
}
.form-control4 {
  width: 10px;
  height: 16px;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 0;
  display: inline;
}

.radio, .checkbox {
  margin-top: 0;
  margin-bottom: 5px;
  min-height: 0px;
}
.icon16{
  width:16px;height:16px;float:left;
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
}
.iconTabFav{background-position: -16px -1px;}
.iconTabFav:hover{background-position: -16px -73px;}
.disabled .iconTabFav{background-position: -16px -144px;}

.iconTabNoFav{background-position: -34px -1px;}
.iconTabNoFav:hover{background-position: -34px -73px;}
.disabled .iconTabNoFav{background-position: -34px -144px;}

.iconTabMix{background-position: -53px -1px;}
.iconTabMix:hover{background-position: -53px -73px;}
.disabled .iconTabMix{background-position: -53px -144px;}

.iconGeoPoly{background-position: -36px -198px;cursor: pointer;}
.iconGeoPolyActive{background-position: -108px -0;cursor: pointer;}

.iconGeoCir{background-position: -90px -198px;cursor: pointer;}
.iconGeoCirActive{background-position: -108px -54px;cursor: pointer;}

.iconGeoRec{background-position: -54px -198px;cursor: pointer;}
.iconGeoRecActive{background-position: -108px -18px;cursor: pointer;}

.iconGeoPolyline{background-position: -72px -198px;cursor: pointer;}
.iconGeoPolylineActive{background-position: -108px -36px;cursor: pointer;}

.iconTabFav{background-position: -16px -1px;cursor: pointer;}
.iconTabFav:hover{background-position: -16px -72px;cursor: pointer;}
.active-form {
  background-color: #dadada!important;
}

.iconStar{
  width:8px;height:8px;background-color:#000;float:left;
}
.panel-heading {
  padding: 0;
  /*margin-bottom: 4px;*/
}
input[type=radio], input[type=checkbox] {
  margin: 1px 0 0;
}
.small-border {
  border-right: 2px solid #F0F0F0;
}
.color-label {
  cursor: pointer;
}
.color-buttons {
  position: absolute;
  margin-top: -31px;
}
.search-input {
  width: 126px;
  height: 16px;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 0;
}

.blur
{
  text-shadow: 0 0 1px rgba(0, 0, 0, .5) !important;
  color: transparent !important;
  /*background-image: none !important;*/
  border-color: rgba(0, 0, 0, .05) !important;

  /* disable the pointer events for blurred zones */
  -moz-pointer-events: none !important;
  -webkit-pointer-events: none !important;
  pointer-events: none !important;

  -webkit-filter: blur(1px);
}
.no-events{
  pointer-events: none !important;
}
.disabled {
  /*color: #F3F3F3;*/
  color: #e3e3e3 !important;
  -moz-pointer-events: none !important;
  -webkit-pointer-events: none !important;
  pointer-events: none !important
}
.menu-item {
  margin-left: 6px;
}
.form-control-alternate {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  border-radius: 3px;
}
.modal {
  overflow-y: auto;
}
.modal-dialog {
  margin-top: 10%;
}
.modal-content {
  border-radius: 0;
}
.modal-custom{
  width: 360px;
  /*height: 140px;*/
  margin-left: 20%;
}
.modal-header {
  font-size: 12px;
  color: #e7e7e7;
  padding: 0 6px;
  line-height: 29px;
  border-bottom: 0;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  height: 29px;
}
.modal-body {
  background-color: #fab92f;
  padding: 6px;
}
.row-fluid {
  background-color: #fff;
  height: 98px;
  display: flex;
  flex-flow: column nowrap;
}
.row-fluid h3 {
  text-align: center;
  /*line-height: 60px;*/
  /*padding-top: 19px;*/
  color: #CCC;
  font-size: 16px;
}
.modal-buttons {
  padding: 6px;
  /*margin-top: 8%;*/
  /*margin-right: 2%;*/
}
.modal-buttons button {
  margin-left: 6px;
}
.poi-list {
  float: left;
  width: 100%;
  height: 100%;
}
.poi-list li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  padding: 3px 6px;
  cursor: pointer;
}
.poi-list li.active {
  border-right: none;
  font-weight: bold;
  color: orange;
}
.poi-list li span {
  float: left;
}
.poi-list-item {
  margin: 2px 5px;
}
.poi-list-item.colorInfo{
  color:orange;
}
.gradient-background {
  cursor: default!important;
  background: -webkit-repeating-linear-gradient(83deg, #FFF 56%, #F0F0F0 200%);
  height: 17px;
}
.icons-module-general {
  background-position: -125px 0px;
}
.active .icons-module-general {
  background-position: -125px -72px;
}
.disabled .icons-module-general {
  background-position: -125px -144px!important;
}
.icons-module-user {
  height: 18px;
  width: 17px;
  background-position: -135px -218px;
}
.icons-module-email2 {
  background-position: -161px -72px;
}
.icons-module-email {
  background-position: -161px 0px;
}
.disabled .icons-module-email {
  background-position: -161px -144px;
}
.active .icons-module-email {
  background-position: -161px -72px;
}
.icons-module-event-sign {
  background-position: -179px 0px;
}
.active .icons-module-event-sign {
  background-position: -179px -72px;
}
.disabled .icons-module-event-sign {
  background-position: -179px -144px!important;
}
.icons-module-cancel {
  background-position: -179px -54px;
}
.active .icons-module-cancel {
  background-position: -179px -126px;
}
.disabled .icons-module-cancel {
  background-position: -179px -162px!important;
}
.icons-module-target {
  background-position: -179px -36px;
}
.active .icons-module-target {
  background-position: -179px -108px;
}
.disabled .icons-module-target {
  background-position: -179px -180px!important;
}
.icons-module-phone {
  background-position: -161px -18px;
}
.disabled .icons-module-phone {
  background-position: -161px -162px;
}
.active .icons-module-phone {
  background-position: -161px -90px;
}
.icons-module-clock {
  background-position: -161px -54px;
}
.active .icons-module-clock {
  background-position: -161px -126px;
}
.disabled .icons-module-clock {
  background-position: -161px -198px!important;
}
.icons-module-speed {
  background-position: -161px -36px;
}
.active .icons-module-speed {
  background-position: -161px -108px;
}
.disabled .icons-module-speed {
  background-position: -161px -180px!important;
}
.icons-module-events {
  background-position: -144px 0px;
}
.active .icons-module-events {
  background-position: -144px -72px;
}
.disabled .icons-module-events {
  background-position: -144px -144px!important;
}
.icons-module-alarms {
  background-position: -144px -18px;
}
.active .icons-module-alarms {
  background-position: -144px -90px;
}
.disabled .icons-module-alarms {
  background-position: -144px -162px!important;
}
.icons-module-totals {
  background-position: -144px -36px;
}
.active .icons-module-totals {
  background-position: -144px -108px;
}
.disabled .icons-module-totals {
  background-position: -144px -180px!important;
}
.icons-module-draw {
  background-position: -144px -54px;
}
.active .icons-module-draw {
  background-position: -144px -126px;
}
.disabled .icons-module-draw {
  background-position: -144px -198px!important;
}
.icons-module-layer {
  background-position: -125px -20px;
}
.active .icons-module-layer {
  background-position: -125px -92px;
}
.disabled .icons-module-layer {
  background-position: -125px -164px!important;
}
.icons-module-marker {
  background-position: -125px -36px;
}
.active .icons-module-marker {
  background-position: -125px -108px;
}
.disabled .icons-module-marker {
  background-position: -125px -180px!important;
}
label {
  line-height: 16px;
}
.icons-list {
  float: left;
  width: 100%;
  padding-top: 2px;
}
.icons-list li {
  cursor: pointer;
  float: left;
}
.icons-list li.active {
  border: 1px solid #596871;
  margin-top: -2px;
}

.poi-sprite {
  float: left;
  width: 19px;
  height: 19px;
  background-image: url(../images/poi-icons.svg);
  margin: 3px;
}

.geofence-sprite {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../images/icons2.svg);
  background-size: 466.7px 283.4px;
  margin: 3px;
}

.personal-sprite {
  float: left;
  width: 24px;
  height: 26px;
  background-image: url(../images/personal.svg);
  margin: 3px;
}

.vehicles-sprite {
  float: left;
  width: 59px;
  height: 32px;
  background-image: url(../images/vehicle-icons.svg);
  margin: 3px;
  margin-top:15px;
}

.group-sprite {
  float: left;
  /*width: 56px;*/
  width: 31px;
  height: 25px;
  background-image: url(../images/icons.svg);
  margin: 3px;
}

.layer-list, .layer-list li {
  float: left;
  width: 100%;
}
.layer-list li {
  cursor: pointer;
  padding: 2px 0;
}
.layer-list li:hover, .layer-list li.active {
  background-color: #f0f0f0;
}
.group-list {
  height: calc(100% - 24px);
  float: left;
  width: 100%;
  color: #333;
  padding: 3px;
  overflow: auto;
}
.group-list li {
  float: left;
  width: 100%;
  background-color: #ef912b;
  margin: 2px 0;
  cursor: pointer;
  color: #333!important;
}
.group-list li h3 {
  color: #fff;
  font-size: 10px;
  line-height: 17px;
}
.group-list li .info {
  float: left;
  border-left: 1px solid #596871;
  padding: 0 6px;

  width: 88px;
  overflow: hidden;
}
.group-title .icon {
  float: left;
}
.group-content {
  background-color: #596871;
  float: left;
  width: 100%;
  overflow: hidden;
}
.group-content li {
  background-color: #f4a43e;
}

.group-content .group-list {
  height: 0;
}
.group-content .group-list.active {
  height: 100%;
}
.vehicle-title {
  float: left;
  background-color: #ffba63;
  width: 100%;
  border-bottom: 1px solid #596871;
}
.vehicle-title.dark {
  background-color: #EF912B;
}
.vehicle-content {
  float: left;
  height: 0;
  overflow: hidden;
}
.vehicle-content.active {
  height: 100%;
}
.vehicle-list {
  float: left;
  background-color: #f0f0f0;
  cursor: auto;
}
.vehicle-list li {
  background-color: #e7e6e6;;
  border-bottom: 1px solid #596871;
  margin: 0;
  /*padding: 2px;*/
}
.vehicle-list li span {
  float: left;
}
.vehicle-list li div {
  float: left;
  min-height: 17px;
  border-left: 1px solid #596871;
}
.vehicle-list li div h3 {
  line-height: 13px;
  float: left;
  width: 134px;
  margin: 2px;
  color: #333;
}
.vehicle-tools {
  float: left;
  /*padding: 3px 0;*/
  width: 100%;
  background-color: #F0F0F0;
  border-bottom: 1px solid #333;
}
.vehicle-tools .col-2.tools-menu {
  position: inherit;
  border-left: 1px solid #333;
  height: 22px;
  padding: 3px;
  cursor: default;
}
.vehicle-tools .col-2.tools-menu:first-child {
  border-left: none;
}
.vehicle-tools .col-2.tools-menu.selectable {
  cursor: pointer;
}
.vehicle-tools .col-2.tools-menu.selectable:hover,
.vehicle-tools .col-2.tools-menu.selectable.active {
  background-color: #dadada;
}
.stella-menu {
  background-color: #dadada;
  float: left;
  width: 100%;
  height: 22px;
}
.stella-menu .col-2 {
  padding: 3px;
}
.vehicle-info-icon {
  border-left: 0px!important;
  width: 33px;
  height: 17px;
}
.vehicle-info-icon span {
  margin: 2px 10px!important;
}
.icons-sidebar-alrm {
  width: 16px;
  height: 17px;
  background-position: -36px -165px;
}
.icons-sidebar-alrm:hover {
  background-position: 1px -40px;
}
.icons-sidebar-alrm.new {
  background-position: -71px -182px;
}
.icons-sidebar-alrm.new:hover {
  background-position: 1px -40px;
}
.icons-sidebar-tool {
  width: 16px;
  height: 17px;
  background-position: -90px -182px;
}
.icons-sidebar-tool.active {
  width: 16px;
  height: 17px;
  background-position: -108px -182px;
}
.icons-sidebar-tool:hover {
  background-position: -48px -40px;
}
.close-window {
  border-left:4px solid #f0f0f0;
  position: absolute;
  height: 133px;
  width: 24px;
  margin-top:-8px;
  background-image: url(../images/close-window.svg);
  background-size: 21px 133px;
}
#max_window{
  display: none;
  width: 18px;
  height: 18px;
  border: 1px solid #6D7783;
  border-bottom: none;
  border-top: none;
  position: absolute;
  top: 27px;
  right: 10px;
  z-index: 4;
  background-color: #FFF;
}

/*#close_ruler{
  display:none;
  height: 18px;
  position:absolute;
  width:18px;
  top:5px;
  right:332px;
  border:1px solid #6D7783;
  border-right:none;
  z-index:10;
  background-color:#FFF;
}

#nav_opt_map{
  height: 18px;
  display: none;
}

#nav_opt_map:hover{
  height: 18px;
  display: block;
}*/

.geofence-form .col-3 {
  background-color: #f0f0f0;
  border-right: 1px solid #fff;
  padding: 2px 12px;
  cursor: pointer;
}


/* Make it a marquee */
.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  text-indent: 0;
  -webkit-animation: marquee 3s linear infinite;
  -webkit-animation-play-state: paused;
}
.marquee span:hover {
  -webkit-animation-play-state: running;
}

@-webkit-keyframes marquee {
  from {-webkit-transform: translate(0, 0);}
  to {-webkit-transform: translate(-100%, 0);}
}

.labels {
  color: #333;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  /*font-size: 10px;*/
  font-weight: normal;
  text-align: center;
  /*width: 65px;     */
  border: 1px solid black;
  /*white-space: nowrap;*/
  padding: 2px;
}
/*Infowindow*/
#vehicle-info {
  width: 600px;
  height: 202px;
  /*padding: 6px;*/
  color: #333;
}

.infowindow-title {
  width: 100%;
  height: 30px;
  float: left;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  color: #f4a43e;
  padding: 6px;
}
.red-circle {
  float: left;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 1px 0;
}
.infowindow-title h3.vehicle-name {
  line-height: 18px;
  margin-left: 6px;
  float: left;
}
.infowindow-title h3.vehicle-id {
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  float: right;
}
.infowindow-menu {
  width: 100%;
  float: left;
  height: 30px;
  background-color: #00aeef;
  color: #333;
  border-bottom: 3px solid #0091C7;
}
.infowindow-menu .main-menu {
  float: left;
}
.infowindow-menu .main-menu li {
  float: left;
  font-size: 15px;
  padding: 7px;
  font-weight: 500;
  cursor: pointer;
}
.infowindow-menu .main-menu li.active {
  border-right: 1px solid #0091c7;
  border-left: 1px solid #0091c7;
  background-color: #fdbb30!important;
  margin-top: -2px;
  height: 29px;
  color: #b5611f!important;
  cursor: default;
}

.infowindow-wrap {
  width: 100%;
  height: 142px;
  float: left;
  background-color: #dadada;
  padding: 6px;
}

.infowindow-content {
  float: left;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 11px;
}
.infowindow-content.scrollable {
  height: 130px;
  overflow: auto;
}
.vehicle-info-list-1, .vehicle-info-list-1 li {
  float: left;
  width: 100%;
}

.vehicle-info-list-1 li {
  border-bottom: 1px solid #dadada;
  width: 100%;
  height: 22px;
}
.vehicle-info-list-1 li span {
  float: left;
}
.vehicle-info-list-1 li h3 {
  border-left: 1px solid #dadada;
  float: left;
  height: 22px;
  line-height: 22px;
  padding-left: 6px;
  width: 164px;
  overflow: hidden;
  white-space: nowrap;
}
.vehicle-info-list-1 li:last-child {
  border: none;
}
.infowindow-tools-menu {
  float: right;
}
.infowindow-tools-menu li {
  float: left;
  background-color: #fdbb30;
  height: 28px;
  width: 28px;
  margin: 0 1px;
  margin-top: -2px;
  cursor: pointer;
}
.infowindow-tools-menu li span {
  margin: 4px;
}
.infowindow-active-tool {
  float: right;
  background-color: #fdbb30;
  height: 29px;
  /*width: 185px;*/
  margin-top: -2px;
  cursor: pointer;
}
.separator-div {
  float: left;
  border-bottom: 1px solid #dadada;
  width: 154px;
}

/*Alarms Message*/
.alarms-container {
  width: 725px;
  height: auto;
  margin: 6px auto;
}
.alarms-header, .alarms-footer {
  font-size: 12px;
  color: #fff;
  padding: 6px;
  line-height: 29px;
  border-bottom: 0;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  height: 59px;
  width: 100%;
  float: left;
  border-bottom: 4px solid #00aeef;
}

.alarms-content {
  width: 100%;
  float: left;
  height: 425px;
  background-color: #f4a43e;
  padding: 8px;
}

.alarms-content-wrap {
  width: 100%;
  float: left;
  background-color: #dadada;
  height: 100%;
}

.alarms-footer {
  height: 40px;
  border-bottom: none;
  padding: 6px 55px;
}

.lady-img {
  padding-top: 6px;
  padding-left: 15px;
  float: left;
}

.alarm-main-content {
  width: 446px;
  padding: 20px;
  float: left;
  height: 100%;
}

.alarm-message {
  width: 100%;
  background-color: #FFF;
  border: 3px solid #F4A43E;
  height: 120px;
  float: left;
  padding: 6px;
}

.alarm-list {
  width: 100%;
  background-color: #313940;
  padding: 3px;
  height: 220px;
  float: left;
  margin-top: 25px;
}

.alarms-header h1 {
  font-size: 26px;
  font-weight: bold;
  color: #f4a43e;
  line-height: 43px;
}

.alarms-help-delete-all {
  float: left;
  width: 100%;
  color: #fff;
  border-top: 4px solid #dadada;
  padding: 6px;
}
.alarms-help-delete-all h3 {
  cursor: pointer;
}
.alarms-footer h3 {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.ct-select-hover {
  background-color: #eee;
}

.module-content-fix {
  /* max-height: calc(100% - 58px)!important;
  height: calc(100% - 58px)!important;*/
}
.map-tools {
  background-image: url(../images/map-tools.svg);
  width: 53px;
  height: 34px;
  float: left;
  margin: 6px;
  margin-left: 0;
  cursor: pointer;
  /*box-shadow: #949494 2px 2px 5px;*/
}
.map-tools.list {
  background-position: 0px -42px;
  margin-top: 0px;
  clear: both;
}
#map-menu {
  margin-top: 19px;
  /*width: 600px;*/
}
#nav_opt_map {
  float: left;
  left: 150px!important;
  top: 80px!important;
}

.map-list {
  float: left;
  margin: 6px;
}

.map-list li h3 {
  height: 25px;
  background-color: #fff;
  color: #00aeef;
  padding: 6px;
  border-radius: 1px;
  border: 1px solid #FDBB30;
  box-shadow: 0px 0px 7px #333;
  font-weight: 500;
  margin-bottom: 6px;
  cursor: pointer;
}
.map-list li:hover h3.main-tool,
.main-tool.active{
  background-color: #00aeef;
  color: #fff;
  border: 1px solid #fff;
}
.map-list li ul li:hover h3{
  background-color: #00aeef;
  color: #fff;
  border: 1px solid #fff;
}
.map-sub-options {
  position: absolute;
  margin-left: 95px;
  margin-top: -30px;
  width: 107px;
}
/*.map-list li:hover #cl_map {
  display: block;
}*/

/*========= loader ==========*/
#loader_wrap{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}
#loader_fade{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: #FFF;
  opacity: 0.6;
}
#loader_content{
  height: 64px;
  width: 192px;
  margin-left: -96px;
  z-index: 101;
  position: absolute;
  top: 272px;
  left: 50%;
  border: 1px solid #AAA;
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 2px 2px 8px -1px #dfdfdf;
  padding-left: 50px;
}
.loader_img{
  background-image: url(../images/loader.gif);
  width: 32px;
  height: 32px;
  float: left;
  margin-top: 14px;
}
.loader_title{
  float: left;
  margin-left: 12px;
  margin-top: 22px;
}
.project-wrap{
  overflow: hidden;
  height: 285px;
  border-bottom: 1px solid #6C6D6E;
  margin: 0 auto;
  width: 885px;
}
.project-wrap:last-child{
  border-bottom: none;
}
.override-index{
  z-index: 1000;
}
.separator-hr{
  float: left;
  width: 106%;
  border-bottom: 1px solid #333;
  margin-left: -24px;
}
.margin_min{
  margin-bottom: 10px;
}
.icons-sidebar-show {
  margin: 0 3px;
  width: 16px;
  height: 16px;
  background-position: -125px -165px;
}
.active.icons-sidebar-show,
.icons-sidebar-show:hover {
  background-position: -143px -165px;
}
.vehicle-info-no-scroll {
  overflow: hidden;
  height: 44px!important;
}
.vehicle-info-scroll {
  height: 130px!important;
  overflow: auto;
  overflow-x: hidden;
}
.vehicle-info-no-scroll div {
  height: 22px;
}
.dash-fix {
  margin-left: 1px;
}

/*GRID - WIDGETS/DASHBOARD*/
.module-content {
  width: 100%;
}
.grid-sidebar-module-content {
  width: 100%;
  height: calc(100% - 24px);
  float: left;
}
.grid-sidebar-module-content li {
  /*width: 100%;*/
  padding: 6px;
  border-top: 2px solid #b3d1ff;
}
.grid-sidebar-module-content li:last-child {
  border-bottom: 3px solid #b3d1ff;
}


/*GRID - MAIN*************************************************************************************************/


h6{
  margin-top: 3px;
}

#vehicleIcon{
  height: 50%;
  padding-left: 0;
  padding-right: 3px;
}
#vehicleDescription{
  padding-left: 8px;
  padding-right: 3px;
  height: 100%;
  margin-top: 5%;
}
.contentVehiclesInfo{
  max-height: 100%;
  overflow-y: auto;
}

.headerMenu {
  padding:0;
}
#efects:hover{
  color: #1794C4;
}
#tools1-1-1 span{
  margin-top:3px;
  margin-left:0px;
}

.divTools span{
  margin-top:3px;
  margin-left:0px;
}
.divTools1 span{
  margin-top:3px;
  margin-left:0px;
}
.divTools1 input{
  margin-top:3px;
  margin-left:0px;
}
#tools2-2 input{
  color: black;
  font-size:.8em;
}
#tools2-5 input{
  margin-top:1px;
  margin-left:2px;
}
#tools2-7 input{
  margin-left:2px;
}

#contentAlarms{
  min-height:40px;
  border: 1px solid #000;
  border-top: none;
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
  background-color: white;
}

#contentAlarms:first-child{
  border-top: 1px solid #000;
}

.alarms{
  height:99%;
  background-color: white;
  margin-bottom: 0px;
  margin-left:0;
  margin-right:0;
  overflow-y:auto;
}

#colAlarms2 .icons-sidebar-add{
  margin: 5px 4px;
  width: 7px;
  height: 7px;
}
#colAlarms2{
  border-left: 1px solid #000;
  padding: 0;
}
#colAlarms2-1{
  border-bottom: 1px solid #000;
  padding-right: 0px;
  padding-left: 0px;
}
#colAlarms2-1:last-child {
  border:none;
}
#colAlarms2-1-1{
  min-height:40px;
  background-color: #FDAD06;
}
#colAlarms2-1-1 h3 span{
  cursor: pointer;
}
#colAlarms2-1-2{
  border-left:1px solid #000;
  border-right:1px solid #000;
  min-height:40px;
  padding: 0;
}
#colAlarms2-1-3{
  min-height:40px;
  background-color: #FDAD06;
}
#colAlarms2-1-3 h3 span{
  cursor: pointer;
}
#dateAlarms{
  list-style: none;
  margin: 0;
  padding: 0;
}
#divDate h3{
  text-align: left;
  min-height: 30px;
  padding-top: 6px;
}
#divCount h4{
  min-height: 30px;
  color:red;
  text-align: right;
  padding-top: 6px;
}
#ulAlarms{
  border:0px solid;
  padding-left: 0px;
  padding-right: 0px;
}
#ulAlarms div{
  border:1px solid;
  border-bottom:0px;
  padding-left: 3px;
  min-height: 30px;
  border-left:0px;
  padding-top:6px;
}
#ulAlarms div:last-child{
  border-left:0px;
  padding-left: 6px;
}
#ulAlarms div:first-child{
  border-left:1px solid;
}
#ulAlarms h1{
  font-size: 12px;
}
#ulAlarms{
  background-color: white;
}
#detailsAlarms{
  border-right: 1px solid;
}
#deleteAlarm{
  border-top:1px solid;
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 30px;
}
#deleteAlarm h3 span{
  cursor: pointer;
}
#contentShow{
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FDAD06;
}
.vehicles{
  height: auto;
  margin-bottom: 0px;
  margin-left:0%;
  margin-right:0%;
  font-size: 12px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.vehicles div{
  font-size: 12px;
}
#icons-vehicle:hover{
  color: #1794C4;
}
#encabezado{
  color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 90%;
  height: 30%;
  margin: auto;
}

#m1{
  background-color: black;
  height:100%;

}
#m1-1{
  height: 100%;
  border: 0px;
}

#content-vehicle{
  border-bottom: 3px solid #dadada;
  padding-left: 0;
  padding-right: 0;
  height: 60px;
}

#content-vehicle:hover{
  background-color: #f0f0f0;
}

#content-vehicle-half{
  border-bottom: 3px solid #dadada;
  padding:0;
}

#content-vehicle-half:hover{
  background-color: #f0f0f0;
}

#content-vehicle-third{
  border-bottom: 3px solid #dadada;
  padding:0;
}

#content-vehicle-third:hover{
  background-color: #f0f0f0;
}

#box{
  height: 100%;
  border: 0px solid #000;
  border-right:0px;
  padding-left:0px;
  padding-right:0px;
  margin-top: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}

#box-half{
  height:auto;
  /*height:150px;*/
}

#vehicle-description2{
  background-position:-120px -30px;
  margin-top: 45px;
}
#vehicle-description3{
  background-position:-120px -30px;
  margin-top: 3px;
}
#box1Add{
  height:50%;
  margin-top:6px;
  border:0px;
  padding-left:3px;
  padding-right:0px;
  word-break: break-all;
}
#box1Add div h4{
  padding-left:20px;
  padding-top:1px;
}
#box1Add-half{
  height:auto;
  margin-top:6px;
  border:0px;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box1Add-half div h4{
  padding-left:21px;
}
#box1{
  height:100%;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
}
#box1-1{
  height:50%;
  border: 0px solid #000;
  margin-top:6px;
  padding-left:3px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box1-1-half{
  height:auto;
  border: 0px solid #000;
  margin-top:6px;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.vehicle-street{
  width:100%;
}
.vehicle-street h4{
  padding-left: 19px;
}
#box1-2{
  height:38%;
  border: 0px;
  margin-top:0px;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#col1{
  height:100%;
  border: 0px solid #000;
  padding-left:5px;
  padding-right:0px;
  padding-top: 3px;
}
#col1 div h4{
  padding-left:18px;
  padding-top: 1px;
}
#col1-half{
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  height:auto;
  margin-top: 6px;
}
.vehicle-driver{
  width:100%;
}
.vehicle-driver h4{
  padding-left: 21px;
}
#col2{
  height:100%;
  border: 0px solid #000;
  padding-right:0px;
  padding-left: 0px;
  padding-top: 3px;
}
#col2-half{
  height:auto;
  margin-top: 6px;
  border: 0px solid #000;
  padding-right:0px;
  padding-left: 0px;
}
.vehicle-date{
  width:100%;
}
.vehicle-date h4{
  padding-left:21px;
}
#col3{
  height:100%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:3px;
  padding-top: 3px;
  word-break: break-all;
}
#col3-half{
  height:auto;
  margin-top: 6px;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
}
.vehicle-latlong{
  width:100%;
}
.vehicle-latlong h4{
  padding-left:21px;
}
.vehicle-reference h4{
  padding-left:21px;
}
.vehicle-speed h4{
  padding-left:23px;
}
#box2{
  height:100%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  border-right: 1px solid #dadada;
}
#box2-1{
  height:51%;
  border: 0px solid #000;
  padding-left:3px;
  padding-right:0px;
  margin-top:6px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-1-half{
  height:auto;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  margin-top:6px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-2{
  /*height:38%; */
  border: 0px solid #000;
  padding-left:2px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-2-half{
  height:auto;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  padding-top: 6px;
}
#box2-3{
  /*height:38%; */
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-3-half{
  height:auto;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 6px;
}
#box2-4{
  /*height:38%; */
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-4-half{
  height:auto;
  margin-top:6px;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-5{
  /*height:38%; */
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box2-5-half{
  height:auto;
  margin-top:13px;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#box3{
  height: 100%;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
  overflow-y: auto;
  overflow-x: hidden;
}
#box3-half{
  max-height: 60px;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
  margin-top: 6px;
  overflow-y:auto;
  overflow-x:hidden;
}
#box3-1{
  height:90%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  margin-top:3px;
}
#box3-1-half{
  height:90%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
}
#box3-1-1{
  margin-top: -2px;
  padding-left: 3px;
}
#box3-1-1 div h4{
  margin-top: 3px;
  padding-left: 21px;
}
#box3-1-1:first-child{
  margin-top: 0px;
}
#prueba{
  margin:0;
  padding:0;
  float: left;
  margin-left:6px;
}
#box3-2{
  height:100%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
  margin-top:6px;
}
#box3-3{
  height:100%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
}
#box4{
  height:100%;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
}
#box4-half{
  height:auto;
  border: 0px solid #000;
  padding-left:0px;
  padding-right:0px;
}

.widget-filter-containerListVehicles{
  border: 0;
  position: absolute;
  right: -212%;
  top: 25px;
  z-index: 9;
  width: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-transition: all .25s ease-in-out;
}
.widget-filter-containerListVehicles-third{
  border: 0;
  position: absolute;
  right: -159%;
  top: 46px;
  z-index: 9;
  width: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-transition: all .25s ease-in-out;
}

.tools{
  background-color: white;
  width: 209px;
  max-height: 160px;
  position: absolute;
  right: 6px;
  top: 49px;
  border: 3px solid #0091C7;
  z-index: 9;
  overflow-y: hidden;
  overflow-x: hidden;
  overflow: hidden!important;
  -webkit-transition: all .50s ease-in-out;
}

.tools-full{
  background-color: white;
  width: 209px;
  max-height: 200px;
  position: absolute;
  right: 6px;
  top: 27px;
  border: 3px solid #0091C7;
  z-index: 9;
  overflow-y: hidden;
  overflow-x: hidden;
  overflow: hidden!important;
  -webkit-transition: all .50s ease-in-out;
}

#size-search-vehicles-list{
  width: 100px;
}
#size-search-vehicles-list-half{
  width: 130px;
}
#icons-tool{
  margin-left: 23%;
}
#tools1{
  width: 100%;
  height:101px;
  border: 0px;
  border-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#tools1 div{
  padding-left: 5px;
  padding-top: 2px;
}
#tools1-0{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-left: 0px;
  border-top: 0px;
}
#tools1-0-1{
  height: 50%;
  width: 100%;
  border: 0px;
}
#tools1-0-2{
  height: 50%;
  width: 100%;
  border: 0px;
}
#tools1-1{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-top: 0px;
}
#tools1-2{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-top: 0px;
}
#tools1-3{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-top: 0px;
}
#tools1-4{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-top: 0px;
}
#tools1-5{
  padding-top: 2px;
  height: 50%;
  border: 1px solid #0091C7;
  border-top: 0px;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
}
#tools1-6{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-bottom: 0px;
  border-left: 0px;
}
#tools1-7{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-bottom: 0px;
}
#tools1-8{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-bottom: 0px;
}
#tools1-9{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-bottom: 0px;
}
#tools1-10{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-bottom: 0px;
}
#tools1-11{
  padding-top: 3px;
  height: 50%;
  border: 1px solid #0091C7;
  border-right: 0px;
  border-bottom: 0px;
}
.divTools{
  height: 50%;
  width: 100%;
}
.divTools1{
  height: 50%;
  width: 100%;
}
#tools2{
  width: 100%;
  height:100%;
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#tools2-1{
  height:50%;
  padding-left:0px;
  padding-right:0px;
  color: black;
  font-size:12px;
  margin-top:3px;
  margin-bottom:3px;

}
#tools2-2{
  height:50%;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

#tools2-2 span{
  margin-left: 0;
  cursor: pointer;
  margin-top: 3%;
  float:left;
}
#tools2-3 span{
  margin-left: 39%;
  cursor: pointer;
  margin-top: 3%;
}
#tools2-1 span{
  margin-left: 8px;
  cursor: pointer;
  margin-top: 3%;
  float:right;
}
#tools2-3{
  height:50%;
  border-left: 0px;
  padding-left:0px;
  padding-right:0px;
  border-right: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}
#tools2-4{
  height:32px;
  border: 0px;
  border-top:3px solid #0091C7;
  /*border-bottom:3px solid #0091C7;*/
  padding-left:0px;
  padding-right:0px;
  color: black;
}
#tools2-5{
  height:32px;
  border: 0px;
  border-top:3px solid #0091C7;
  /*border-bottom:3px solid #0091C7;*/
  padding-left:0px;
  padding-right:0px;
  padding-top: 4px;
}
#tools2-6{
  height:50%;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
  color: black;
}
#tools2-7{
  height:50%;
  border: 0px;
  padding-left:0px;
  padding-right:0px;
}
#tools2-88{
  border-bottom:3px solid #0091C7;
  margin-top: 10px;
}
#tools2-99{
  border-bottom:3px solid #0091C7;
  margin-top: 2px;
  padding-bottom: 6px;
}

.schemes-close,
.schemes-tools-save,
.schemes-tools-select,
.schemes-alarm,
.schemes-alarm-active,
.schemes-alarm-header,
.schemes-red-balloon,
.schemes-balloon,
.schemes-events,
.schemes-vehicle,
.schemes-sprite,
.schemes-menu{
  float: left;
  background-image: url(../images/schemes.svg);
}

.schemes-close{
  height:15px;
  width: 13px;
  margin-top: 4px;
  background-position:-1px -74px;
}
.schemes-tools-save{
  height:15px;
  width: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-position:-46px -76px;
}
.schemes-tools-select{
  height:15px;
  width: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-position:-23px -76px;
}
.schemes-tools-select{
  height:15px;
  width: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-position:-23px -76px;
}
.schemes-vehicle{
  height:18px;
  width: 54px;
  background-position:-61px 0px;
}
.schemes-vehicle:hover{
  height:18px;
  width: 54px;
  background-position:-61px -18px;
}
.schemes-alarm-header{
  height:18px;
  width: 19px;
  background-position:-114px 0px;
}
.schemes-alarm-header:hover{
  height:18px;
  width: 19px;
  background-position:-114px -18px;
}
.schemes-alarm{
  height:15px;
  width: 13px;
  background-position:-227px -74px;
}
.schemes-alarm-active{
  height:15px;
  width: 13px;
  background-position:-213px -74px;
}
.schemes-balloon{
  height:22px;
  width: 35px;
  background-position:-34px -89px;
}
.schemes-red-balloon{
  height:22px;
  width: 43px;
  background-position:8px -89px;
  margin-left:-3px !important;
}
#schemes-balloon{
  margin-left: 6px;
  cursor: pointer;
  border-top: 3px;
  margin-top: 5%
}

#schemes-balloon-half{
  margin-left: 6px;
  cursor: pointer;
  border-top: 3px;
  margin-top: 5%
}

#schemes-alarm{
  margin-top: 25px;
  margin-left: 20px;
}
#schemes-alarm-half{
  margin-top: 25px;
  margin-left: 3px;
}

.schemes-events{
  margin-top: 5px;
  height:18px;
  width: 18px;
  background-position:193px -56px;
}

.changeColor{
  color: orange;
}

.tab-vehicles-list{
  width:178px;
  height:22px;
}

/***********************************************************************************************************************/
#grid-container {
  width:100%;
  height:100%;
  padding: 6px;
}
.preview {
  position: absolute;
  /*height: calc(100% - 94px);*/
  /*width: calc(100% - 197px);*/
  height: calc(100% - 10px);
  width: calc(100% - 14px);
  z-index: 100;
}
.preview div {
  background-color: #f0f0f0;
  opacity: 1;
}
.grid-module {
  margin-bottom: 6px;
  /* display: flex; */
  /*background-color: #f7f7f7;*/
  /*color: #333;*/
}
.grid-module > div {
  border: 1px solid #333;
  min-height: 99%;
}
.grid-item {
  cursor: -webkit-grab;
}
.dragged-item {
  z-index: 1000;
}
.grid-item:active, .dragged-item {
  cursor: -webkit-grabbing;
}
.widget-header {
  /*height: auto;*/
  /*min-height: 28px;*/
  padding: 2px 4px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  text-align: left;
  cursor: pointer;
  border-bottom: 2px solid #0091C7;
  flex: 0;
}

.widget-header-full {
  /*height: auto;*/
  /*min-height: 28px;*/
  padding: 2px 4px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  text-align: left;
  cursor: pointer;
  border-bottom: 2px solid #0091C7;
  flex: 0;
}
.widget-header-half {
  /*height: auto;*/
  /*min-height: 28px;*/
  padding: 2px 4px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  text-align: left;
  cursor: pointer;
  border-bottom: 2px solid #0091C7;
  flex: 0;
}
.widget-header-third {
  /*height: auto;*/
  /*min-height: 28px;*/
  padding: 2px 4px;
  background-image: url(../images/header.svg), -webkit-linear-gradient(left, #000f16, #414042, #000f16);
  text-align: left;
  cursor: pointer;
  border-bottom: 2px solid #0091C7;
  flex: 0;
}

.widget-header h3, .widget-header-full h3, .widget-header-half h3, .widget-header-third h3 {
  line-height: 22px;
  margin-left: 19px;
  float: left;
  /*font-weight: bold;*/
}

.widget-options {
  margin: 0 12px;
}


.widget-content {
  width: 100%;
  padding: 6px;
  /*height: calc(100% - 29px);*/
  background-color: #f0f0f0;
  float: left;
  flex: 12 calc(100% - 29px);
  height: 1px;
  position: relative;
}

.widget-content > div {
  background-color: #fff;
  width: 100%;
  height: 100%;
  float: left;
  color: #333;
}

.widget-filter-container, .widget-configuration-container, .widget-options-container {
  border: 0;
  position: absolute;
  right: 6px;
  top: 33px;
  z-index: 9;
  /*max-height: 93%;*/
  width: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-transition: all .25s ease-in-out;
}
.widget-filter-container {
  height: 80%;
}
.widget-filter-container > .widget-filter {
  height: calc(100% - 20px);
  max-height: calc(100% - 20px);
}
.widget-configuration-container, .widget-options-container {
  background-color: #fff;
  overflow: hidden!important;
  color: #333;
  height: 0;
  font-size: 12px;
  /*max-height: 48px;*/
}
.configuration-active, .options-active {
  width: 177px;
  border: 2px solid #0091C7;
  padding: 6px;
  height: 161px;
}
.options-active.activee {
  width:250px;
  height:300px;
}
.filter-active {
  /*width: 147px;*/
  width: 160px;
  /*overflow-y: auto;*/
  border: 2px solid #0091C7;
}
.widget-filter {
  background-color: #596871;
  color: #333;
  border-right: 1px solid #333;
  float: left;
  /*width: 143px;*/
  width: 157px;
  max-height: 300px;
  overflow: auto;
}
.widget-filter li {
  padding: 3px;
  border-bottom: 1px solid #333;
  background-color: #EF912B;
  /*width: 136px;*/
  width: 149px;
  float: left;
  padding-bottom: 0;
}
.widget-filter li:hover {
  /*background-color: #dadada;*/
}
.vehicle-filter-list:last-child {
  border-bottom: none;
}
.group-vehicle {
  width:136px;
}
.group-vehicle.clear {
  background-color: #FFBA63;
}
.group-vehicle:first-child {
  border-top: 1px solid #333;
}
.group-vehicle:last-child {
  border-bottom: none;
}
.widget-filter li label{
  cursor: pointer;
  width: 100%;
  line-height: 38px;
  overflow: hidden;
}
.widget-filter li label input[type="checkbox"] {
  margin: 12px 3px;
}
.widget-apply-all {
  margin: 0px 1px;
  background-position: -106px -148px;
}

.history-event-list li:hover {
  background-color: #dadada;
}

/*Grid*/
.scroll {
  overflow-y: auto;
}
/*Schemes Icons*/
.schemes-sprite-filter,
.schemes-sprite-tools,
.schemes-sprite-cog,
.schemes-sprite-close,
.schemes-sprite-clock,
.schemes-sprite-ok,
.schemes-sprite-cancel,
.schemes-sprite-save,
.schemes-sprite-arrow,
.schemes-sprite-and,
.schemes-sprite-or,
.schemes-sprite-trash,
.schemes-sprite-vehicles,
.schemes-sprite-time {
  float: left;
  background-image: url(../images/schemes.svg);
}
.schemes-sprite-time {
  width: 18px;
  height: 18px;
  background-position: -364px 0px;
}
.schemes-sprite-vehicles {
  width: 31px;
  height: 18px;
  background-position: -240px 0px;
}
.schemes-sprite-vehicles:hover {
  background-position: -240px -18px;
}
.schemes-sprite-vehicles.active {
  background-position: -240px -36px!important;
}
.schemes-sprite-filter {
  width: 16px;
  height: 18px;
  background-position: -186px 0px;
}
.schemes-sprite-filter.active {
  background-position: -186px -36px!important;
}
.schemes-sprite-filter:hover {
  background-position: -186px -18px;
}
.schemes-sprite-tools {
  width: 18px;
  height: 18px;
  background-position: -203px 0px;
}
.schemes-sprite-tools.active {
  background-position: -203px -37px!important;
}
.schemes-sprite-tools:hover {
  background-position: -203px -18px;
}
.schemes-sprite-cog {
  width: 18px;
  height: 18px;
  background-position: -221px 0px;
}
.schemes-sprite-cog.active {
  background-position: -221px -37px!important;
}
.schemes-sprite-cog:hover {
  background-position: -221px -18px;
}
.schemes-sprite-close {
  width: 11px;
  height: 11px;
  background-position: -108px -76px;
}
.schemes-sprite-close.red {
  width: 13px;
  height: 12px;
  background-position: -1px -75px;
}
.schemes-sprite-close.white {
  width: 13px;
  height: 12px;
  background-position: -96px -75px;
  cursor: pointer;
}
.history-list {
  min-height: 40px;
  border-bottom: 3px solid #dadada;
  font-size: 12px;
}
.history-list:hover {
  background-color: #f0f0f0;
}
.schemes-sprite-clock {
  width: 13px;
  height: 12px;
  background-position: -208px -59px;
}
.schemes-sprite-clock:hover {
  background-position: -222px -59px;
}
.schemes-sprite-clock.brown {
  background-position: -326px -75px;
}
.schemes-sprite-clock.active {
  background-position: -236px -59px;
}
.schemes-sprite-save {
  width: 13px;
  height: 10px;
  background-position: -46px -76px;
}
.schemes-sprite-save:hover {
  background-position: -70px -76px;
}
.schemes-sprite-ok {
  width: 13px;
  height: 11px;
  background-position: -297px -76px;
}
.schemes-sprite-ok:hover {
  background-position: -311px -76px;
}
.schemes-sprite-cancel {
  width: 10px;
  height: 10px;
  background-position: -35px -76px;
}
.schemes-sprite-cancel:hover {
  background-position: -85px -76px;
}
.schemes-sprite-arrow {
  width: 15px;
  height: 15px;
  background-position: -192px -57px;
}
.schemes-sprite-and {
  width: 10px;
  height: 12px;
  background-position: -120px -75px;
}
.schemes-sprite-and.black {
  background-position: -191px -75px!important;
}
.schemes-sprite-and:hover {
  background-position: -156px -75px;
}
.schemes-sprite-or {
  width: 11px;
  height: 12px;
  background-position: -131px -75px;
}
.schemes-sprite-or.black {
  background-position: -201px -75px!important;
}
.schemes-sprite-or:hover {
  background-position: -166px -75px;
}
.schemes-sprite-trash {
  width: 11px;
  height: 12px;
  background-position: -143px -75px;
}
.schemes-sprite-trash:hover {
  background-position: -178px -75px;
}
.history-list > div h3 {
  margin: 10px 0;
}
.clock-span {
  color: #f0f0f0;
  margin-right: 6px;
  font-weight: normal;
}
.clock-span.active {
  color: #f4a43e;
}
.clock-span:hover {
  color: #469BD8;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 6px;
}
.table.blue td {
  border: 2px solid #0091C7!important;
  border-collapse: collapse;
  text-align: center;
}
.configuration-icon {
  float:left;
  width:17px;
  height:17px;
}
.background-red {
  background-color: #ea2227;
}
.background-green {
  background-color: #37b34a;
}
.background-yellow {
  background-color: #ffc425;
}
.background-grey {
  background-color: #b4a59f;
}
.background-not-powered {
  background-color: #a53a8c;
}
.background-not-transmitting {
  background-color: #c6c6c6;
}
.background-invalid-position {
  background-color: #758592;
}

.widget-advanced-filter {
  background-color: #fff;
  overflow: hidden!important;
  color: #333;
  min-height: 0;
  width: 0;
  font-size: 12px;
  position: absolute;
  right: -311%;
  top: 46px;
  z-index: 9;
  /*border: 2px solid #0091C7;*/
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-transition: all .25s ease-in-out;
}

.advanced-filter-active {
  padding: 6px;
  width: 283px;
  min-height: 161px;
  border: 2px solid #0091C7;
}

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

.configuration-header-h1 {
  margin-left: 16px;
  margin-top: 3px;
  font-size: 14px;
}

.config-menu-driver,
.config-menu-emails,
.config-menu-sms,
.config-menu-users,
.config-menu-vehicles,
.config-menu-neec,
.config-submenu-emails,
.config-submenu-sms,
.config-submenu-systems,
.config-submenu-parameters,
.config-submenu-vehicle-assign,
.config-submenu-users-catalog,
.config-submenu-profiles,
.config-submenu-events,
/*.config-submenu-clients,*/
.config-submenu-states,
.config-header-tool {
  background: url(../images/configuration-menu-icons.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 19px;
  width: 17px;
  vertical-align: middle;
}
.config-header-tool {
  width: 23px;
  height: 23px;
  float: left;
}
.config-menu-driver {
  background-position: -30px -3px;
  height: 23px;
  width: 21px;
}/*
.config-menu-clients {
  background-position: -214px -77px;
  width: 25px;
  height: 24px;
}*/
.config-menu-neec {
  background-position: -300px -100px;
  height: 23px;
  width: 25px;
}
.menu-list li:hover .config-menu-driver {
  background-position: -30px -28px;
}
.menu-list .active .config-menu-driver,
.menu-list .active:hover .config-menu-driver {
  background-position: -30px -53px;
}
.config-menu-emails {
  background-position: -57px -3px;
  height: 24px;
  width: 25px;
}
.menu-list li:hover .config-menu-emails {
  background-position: -57px -28px;
}
.menu-list .active .config-menu-emails,
.menu-list .active:hover .config-menu-emails {
  background-position: -57px -53px;
}
.config-menu-sms {
  background-position: -88px -3px;
  height: 24px;
  width: 12px;
}
.menu-list li:hover .config-menu-sms {
  background-position: -88px -28px;
}
.menu-list .active .config-menu-sms,
.menu-list .active:hover .config-menu-sms {
  background-position: -88px -53px;
}
.config-menu-users {
  background-position: -106px -3px;
  height: 24px;
  width: 30px;
}
.menu-list li:hover .config-menu-users {
  background-position: -106px -28px;
}
.menu-list .active .config-menu-users,
.menu-list .active:hover .config-menu-users {
  background-position: -106px -53px;
}
.config-menu-vehicles {
  background-position: -142px -3px;
  height: 24px;
  width: 52px;
}
.menu-list li:hover .config-menu-vehicles {
  background-position: -142px -28px;
}
.menu-list .active .config-menu-vehicles,
.menu-list .active:hover .config-menu-vehicles {
  background-position: -142px -53px;
}

.config-submenu-parameters {
  background-position: -4px -77px;
  width: 17px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-parameters {
  background-position: -4px -101px;
}
.submenu-list .active .config-submenu-parameters,
.submenu-list .active:hover .config-submenu-parameters {
  background-position: -4px -126px;
}
.config-submenu-vehicle-assign {
  background-position: -120px -77px;
  width: 28px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-vehicle-assign {
  background-position: -120px -101px;
}
.submenu-list .active .config-submenu-vehicle-assign,
.submenu-list .active:hover .config-submenu-vehicle-assign {
  background-position: -120px -126px;
}
.config-submenu-users-catalog {
  background-position: -73px -77px;
  width: 18px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-users-catalog {
  background-position: -73px -101px;
}
.submenu-list .active .config-submenu-users-catalog,
.submenu-list .active:hover .config-submenu-users-catalog {
  background-position: -73px -126px;
}
.config-submenu-profiles {
  background-position: -97px -77px;
  width: 18px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-profiles {
  background-position: -97px -101px;
}
.submenu-list .active .config-submenu-profiles,
.submenu-list .active:hover .config-submenu-profiles {
  background-position: -97px -126px;
}
.config-submenu-events {
  background-position: -189px -77px;
  width: 19px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-events {
  background-position: -189px -101px;
}
.submenu-list .active .config-submenu-events,
.submenu-list .active:hover .config-submenu-events {
  background-position: -189px -126px;
}
.config-submenu-states {
  background-position: -153px -77px;
  width: 30px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-states {
  background-position: -153px -101px;
}
.submenu-list .active .config-submenu-states,
.submenu-list .active:hover .config-submenu-states {
  background-position: -153px -126px;
}

.config-submenu-systems {
  background-position: -214px -77px;
  width: 25px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-systems {
  background-position: -214px -101px;
}
.submenu-list .active .config-submenu-systems,
.submenu-list .active:hover .config-submenu-systems {
  background-position: -214px -126px;
}

.config-submenu-emails{
  background-position: -25px -77px;
  height: 23px;
  width: 21px;
}
.submenu-list li:hover .config-submenu-emails {
  background-position: -25px -102px;
}
.submenu-list .active .config-submenu-emails,
.submenu-list .active:hover .config-submenu-emails {
  background-position: -25px -126px;
}

.config-submenu-sms{
  background-position: -48px -77px;
  height: 23px;
  width: 21px;
}
.submenu-list li:hover .config-submenu-sms {
  background-position: -48px -102px;
}
.submenu-list .active .config-submenu-sms,
.submenu-list .active:hover .config-submenu-sms {
  background-position: -48px -126px;
}


.config-icons-email,
.config-icons-sms,
.config-icons-config,
.config-icons-select,
.config-icons-multiselect,
.config-icons-allowed {
  background: url(../images/configuration-icons.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 19px;
  width: 17px;
  vertical-align: middle;
}
.config-icons-multiselect.empty, .config-icons-multiselect {
  /*background-position: -37px -54px;*/
  background-position: -2px -18px;
}
.config-icons-multiselect.half, .config-icons-multiselect.blurred {
  background-position: -19px -54px;
}
.config-icons-multiselect.full, .config-icons-multiselect.active {
  background-position: -2px -54px;
}
.config-icons-select {
  /*background-position: -37px -19px;*/
  background-position: -37px -1px;
}
.config-icons-select.active {
  /*background-position: -37px -1px;*/
  background-position: -37px -37px;
}
.config-icons-select.inactive {
  /*background-position: -37px -1px;*/
  background-position: -37px -1px;
}
.config-icons-select.blurred {
  /*background-position: -37px -1px;*/
  background-position: -37px -71px;
}
.config-icons-email {
  background-position: -163px 0px;
}
.config-icons-email.active {
  background-position: -163px -36px;
}
.config-icons-email.disabled {
  background-position: -163px -18px!important;
}
.config-icons-sms {
  background-position: -273px 0px;
}
.config-icons-sms.active {
  background-position: -273px -36px;
}
.config-icons-sms.disabled {
  background-position: -273px -18px!important;
}
.config-icons-config {
  background-position: -291px 0px;
}
.config-icons-config.active {
  background-position: -291px -36px;
}
.config-icons-config.disabled {
  background-position: -291px -18px!important;
}

.config-icons-allowed {
  width: 12px;
  height: 13px;
}

.config-icons-allowed.success {
  background-position: -58px -57px;
}
.config-icons-allowed.danger {
  background-position: -76px -57px;
}
.config-icons-allowed.disabled {
  background-position: -94px -57px;
}


@media (max-width: 1287px) {
  #content-vehicle{
    height:80px;
  }
  #schemes-balloon{
    margin-left: 0px;
    cursor: pointer;
    border-top: 3px;
    margin-top: 1%
  }
  #box1-1-half{
    height:auto;
    border: 0px solid #000;
    margin-top:12px;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #col1-half{
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    height:auto;
    margin-top: 12px;
  }
  #col3-half{
    height:auto;
    margin-top: 12px;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
  }
  #col2-half{
    height:auto;
    margin-top: 12px;
    border: 0px solid #000;
    padding-right:0px;
    padding-left: 0px;
  }
  #box2-1-half{
    height:auto;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    margin-top:12px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #box2-2-half{
    height:auto;
    margin-top: 12px;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #box2-3-half{
    height:auto;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: 12px;
  }
  #box2-4-half{
    height:auto;
    margin-top:12px;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #box1Add-half{
    height:auto;
    margin-top:12px;
    border:0px;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #box2-5-half{
    height:auto;
    margin-top:12px;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  #box3-1-half{
    height:90%;
    border: 0px solid #000;
    padding-left:0px;
    padding-right:0px;
    margin-top:12px;
  }
  #schemes-alarm-half{
    margin-top: 35px;
    margin-left: 0px;
  }
  #schemes-balloon-half{
    margin-left: -8px;
    cursor: pointer;
    border-top: 3px;
    margin-top: 12px;
  }
}

/********************************************* Vehicles Params Config flex **************************************************/

.container-params{
  height:100%;
  display: flex;
  /*flex-flow: column nowrap;*/
  padding: 15px;
}
.container-params2{
  flex:1 75%;
  height:100%;
  display: flex;
  flex-flow: column nowrap;
  min-width: 672px;
  color:black;
  background-color: white;
}
.container-params3{
  flex: 1 25%;
  height:100%;
}
.icons-sidebar-apply{
  float: left;
  background-image: url(../images/configuration.svg);
  width: 16px;
  height: 17px;
  background-position: -38px -149px;
}
.icons-sidebar-apply.active {
  width: 16px;
  height: 17px;
  background-position: -38px -185px;
}
.part1-params{
  display:flex;
  flex-flow: row wrap;
  width:100%;
  flex: 1 1 90%;
  align-content: flex-start;
  overflow-y:auto;
}
.content-params{
  /*display:flex;*/
  cursor:pointer;
  /*flex:1 100%;*/
  /*height:27px;*/
  border-bottom: 1px solid #dadada;
  width: 1148px;
}
.content-params:hover{
  background-color: #f0f0f0;
}
#list-emails-params{
  cursor:pointer;
}
#list-emails-params:hover{
  background-color: #f0f0f0;
  cursor: pointer;
}
.example{
  flex:1 100%;
  height:78%;
}
.select-params{
  border-left:1px solid #dadada;
  width:22px;
  height:100%;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 4px;
  border-bottom:2px solid #dadada;
}
.dos-params{
  flex:1;
  height:100%;
  padding-top: 6px;
  padding-left: 6px;
  border-left:2px solid #dadada;
  border-bottom:2px solid #dadada;
  width: 25%;
}
.tres-params{
  flex:1;
  height:100%;
  padding-top: 6px;
  padding-left: 6px;
  border-left:2px solid #dadada;
  border-bottom:2px solid #dadada;
  width: 25%;
}
.cuatro-params{
  flex:1;
  height:100%;
  padding-top: 6px;
  padding-left: 6px;
  border-left:2px solid #dadada;
  border-bottom:2px solid #dadada;
  width: 25%;
}
.cinco-params{
  flex:1;
  height:100%;
  padding-top: 6px;
  padding-left: 6px;
  overflow-y: auto;
  border-left:2px solid #dadada;
  border-bottom:2px solid #dadada;
  width: 25%;
}
.part4-params{
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
  display:flex;
  color:black;
  flex-direction: row;
  height:100%;
  flex-basis:480px;
}
.part4-1-params{
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
  display:flex;
  color:black;
  flex-direction: row;
  height:100%;
  flex-basis:480px;
  border-left:2px solid #dadada;
}
.part4-2-params{
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
  display:flex;
  color:black;
  flex-direction: row;
  height:100%;
  flex-basis:480px;
  border-left:2px solid #dadada;
}
.functions-params{
  flex:1 96%;
  background-color: white;
  height:100%;
  border:2px solid #dadada;
  border-top: 0;
  border-bottom: 0;
}
.functions-params div{
  padding-top: 6px;
  margin: 0;
  padding-left: 6px;
  padding-right: 6px;
}
.functions-params div div{
  padding: 0;
  margin: 0;
}
.menu-params{
  flex:1 4%;
  height:100%;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
}
.menu-params-extra{
  flex-direction:column;
  display:none;
  flex-flow: row wrap;
  height:12px;
  width:100%;
  background-color: white;
  border:1px solid #dadada;
  border-top:0;
}
.functions-params2{
  flex:1 94%;
  height:100%;
  border-right:2px solid #dadada;
  background-color: white;
  display: flex;
  flex-flow: column nowrap;
}
.menu-params2{
  flex:1 2%;
  height:100%;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
}
.content-feat-params{
  background-color: white;
  width:100%;
  display:flex;
  border:1px solid #dadada;
  flex:1 1 35px;
  border-bottom: 0;
  border-right: 0;
  padding-top:6px;
}
.head-params{
  display:flex;
  height:35px;
  flex:1 35px;
  /*border-bottom:1px solid #dadada;*/
  border-top: 2px solid #dadada;
}
.add{
  flex:1;
  height:100%;
  padding-left: 6px;
}
.delete{
  flex:1;
  height:100%;
}
.edit{
  flex:1;
  height:100%;
  padding-right: 6px;
}
.emails{
  flex:1;
  height:100%;
}
.sms{
  flex:1;
  height:100%;
}
.close-window-config-params {
  position: absolute;
  height: 133px;
  width: 20px;
  top:35%;
  background-image: url(../images/close-window.svg);
}
#functions-params2-div{
  background-color:#fff;
  float:left;
  color:#333;
  padding:0;
  padding-top:0;
  height:90.8%;
  overflow-y:auto;
  overflow-x:hidden;
}
#rest-height{
  padding:0;
  background-color:#fff;
  height:35px;
  float:left;
  border: 0;
  border-top:2px solid #dadada;
}
.rowParams{
  flex:1 1 35px;
  padding-top:0;
  display:flex;
  width:100%;
  background-color: white;
  /*padding-bottom: 3px;*/
  border-left:1px solid #dadada;
}
.rowParamsEmails{
  flex:1 1 35px;
  padding-top:0;
  display:flex;
  width:100%;
  background-color: white;
  /*padding-bottom: 3px;*/
  border-left:1px solid #dadada;
}
.rowParamsSms{
  flex:1 1 35px;
  padding-top:0;
  display:flex;
  width:100%;
  background-color: white;
  /*padding-bottom: 3px;*/
  border-left:1px solid #dadada;
}
#select-all-params{
  padding:0;
  background-color:#fff;
  flex:1 1 32px;
  float:left;
  border: 0;
  border-top:2px solid #dadada;
  border-bottom: 1px solid #dadada;
}
#block-head-params{
  height:36px;
  border-bottom:2px solid #dadada;
}


/***************************************************** emails config flex *********************************************************/

.close-window-config {
  position: absolute;
  height: 133px;
  width: 20px;
  top:43%;
  background-image: url(../images/close-window.svg);
}
.close-window-config-2 {
  position: absolute;
  height: 21px;
  width: 189px;
  top:45%;
  left:38%;
  background-image: url(../images/close-window-config-2.svg);
}
.icons-sms-config,
.icons-select-config,
.icons-emails-config {
  float: left;
  background-image: url(../images/configuration.svg);
}
.icons-select-config{
  height: 17px;
  width: 15px;
  background-position: -2px -93.5px;
}
.icons-select-config.active {
  background-position: -20px -130px;
}
.icons-select-config.active2 {
  background-position: -2px -130px;
}

.icons-emails-config{
  height: 17px;
  width: 15px;
  background-position: -165px -76px;
}
.icons-emails-config:hover{
  height: 17px;
  width: 15px;
  background-position: -165px -112px;
}
.icons-emails-config-disabled{
  height: 17px;
  width: 15px;
  background-position: -165px -94px;
}
.icons-sms-config{
  height: 17px;
  width: 15px;
  background-position: -273px -76px;
}
.icons-sms-config:hover{
  height: 17px;
  width: 15px;
  background-position: -273px -112px;
}
.icons-sms-config-disabled{
  height: 17px;
  width: 15px;
  background-position: -273px -94px;
}

#emails-labels{
  margin-top:2%;
  height:100%;
}
#emails-labels div{
  margin-top: 20px;
  height:1.8%;
  border:0;
}
#emails-inputs{
  margin-top:2%;
}
#emails-inputs div{
  margin-top: 18px;
  /*height:10%; */
  border:0;
}
#emails-inputs div input{
  width: 100%;
  font-size: 12px;
}


.emails-content-plus{
  height: 100%;
  display:flex;
  flex-direction: row;
  flex-flow: row wrap;
  padding:10px;
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
}
.container-email-info{
  color: black;
  background-color: white;
  /*border: 2px solid #dadada;*/
  display: flex;
  flex-basis: 417px;
  flex-flow: column nowrap;
  height: 100%;
  align-content: flex-end;
  border-right:0;
}

.container-email-functions{
  color:black;
  flex-basis:417px;
  background-color: white;
  border-right:2px solid #dadada;
  border-left:2px solid #dadada;
  display:flex;
  flex-flow: row wrap;
  height:100%;
}
.container-email-extra{
  flex:1;
  display:flex;
  flex-flow: row wrap;
  height:100%;
}
.container-email-extra2{
  flex-direction:column;
  display:none;
  flex-flow: row wrap;
  height:12px;
  width:100%;
  background-color: white;
  border:1px solid #dadada;
  border-top:0;
}
.content-email-info{
  flex: 1 1 89%;
  overflow-y: auto;
  border-bottom: 1px solid #dadada;
  flex-direction: column;
  border-right:0;
}

.content-email-repeat{
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
  height:37px;
  flex:1 100%;
  display:flex;
  cursor:pointer;
}
.content-email-repeat:hover{
  background-color: #f0f0f0;
}
.email-selected-plus{
  width:22px;
  padding-top: 3px;
  border:1px solid #dadada;
  height:100%;
  padding-left: 3px;
}
.email-description-plus{
  width: 161px;
  flex:1;
  border:1px solid #dadada;
  word-break: break-all;
  height:100%;
  padding: 6px;
}
.email-value-plus{
  width: 234px;
  flex:1.5;
  border:1px solid #dadada;
  word-break: break-all;
  height:100%;
  padding: 6px;
  border-right:0;
}
.feat-email-menu{
  flex: 1 1 25px;
  background-color: white;
  border-bottom: 1px solid #dadada;
}
.feat-email-menu div{
  padding-top: 6px;
}
.feat-email-menu div span{
  cursor:pointer;
}
.rowEmails{
  flex: 1 1 36px;
  display: flex;
  overflow-y: hidden;
  flex-direction: row;
  margin: 0;
  border-left: 1px solid #dadada;
  border-right: 0;
}
#select-all-emails{
  padding:0;
  background-color:#fff;
  flex:1 1 32px;
  float:left;
  border: 0;
  border-top:1px solid #dadada;
  border-bottom: 2px solid #dadada;
}

@media (max-width: 859px){
  .emails-content-plus{
    align-content:flex-start;
  }
  .container-email-info{
    background-color: white;
    border:2px solid #dadada;
    display:flex;
    flex-basis:100%;
    flex-flow: row wrap;
    height:385px;
  }
  #emails-inputs div{
    margin-top: 10px;
  }
  .content-email-info{
    flex:1 100%;
    height:78%;
    overflow-y:auto;
    border-bottom: 2px solid #dadada;
  }
  .content-email-repeat{
    height:28px;
  }
  .feat-email-menu{
    flex:1 100%;
    height:27px;
    background-color: white;
    border-bottom: 1px solid #dadada;
  }
  .container-email-functions{
    flex-basis:100%;
    height:15%;
    border-top:0;
  }
  .container-email-extra{
    flex:0;
    display:none;
  }
  .container-email-extra2{
    display:flex;
  }
  #emails-labels div{
    margin-top: 10px;
  }
  #emails-labels div h3{
    padding-top: 10px;
  }
  .rowEmails{
    flex:1 100%;
    padding-top:6px;
    display:flex;
    padding-bottom:3px;
  }
}


/***************************************************** sms config flex *********************************************************/

.sms-content-plus{
  height: 100%;
  display:flex;
  flex-direction: row;
  flex-flow: row wrap;
  padding:10px;
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
}
.container-sms-info{
  color: black;
  background-color: white;
  /*border: 2px solid #dadada;*/
  display: flex;
  flex-basis: 417px;
  flex-flow: column nowrap;
  height: 100%;
  align-content: flex-end;
}

.container-sms-functions{
  color:black;
  flex-basis:417px;
  background-color: white;
  border-right:2px solid #dadada;
  display:flex;
  flex-flow: row wrap;
  height:100%;
  border-left: 2px solid #dadada;
}
#sms-labels{
  height:100%;
  margin-top:2%;
}
#sms-labels div{
  margin-top: 20px;
  height:1.8%;
  border:0;
}
/*#sms-labels div h3:last-child{
  padding-top: 10px;
}*/
#sms-inputs{
  margin-top:2%;
}
#sms-inputs div{
  margin-top: 18px;
  /*height:10%; */
  border:0;
}
#sms-inputs div input{
  width: 100%;
  font-size: 12px;
}
.container-sms-extra{
  flex:1;
  display:flex;
  flex-flow: row wrap;
  height:100%;
}
.container-sms-extra2{
  flex-direction:column;
  display:none;
  flex-flow: row wrap;
  height:12px;
  width:100%;
  background-color: white;
  border:1px solid #dadada;
  border-top:0;
}
.content-sms-info{
  flex: 1 1 89%;
  overflow-y: auto;
  border-bottom: 1px solid #dadada;
  flex-direction: column;
}

.content-sms-repeat{
  justify-content: flex-start;
  align-self:flex-start;
  align-items: flex-start;
  flex:1 100%;
  display:flex;
  cursor:pointer;
}
.content-sms-repeat:hover{
  background-color: #f0f0f0;
}
.sms-selected-plus{
  width:22px;
  padding-top: 3px;
  border:1px solid #dadada;
  height:100%;
  padding-left: 3px;
}
.sms-description-plus{
  width:161px;
  flex:1;
  border:1px solid #dadada;
  word-break: break-all;
  height:100%;
  padding: 6px;
}
.sms-value-plus{
  width:234px;
  flex:1.5;
  border:1px solid #dadada;
  word-break: break-all;
  height:100%;
  padding: 6px;
  border-right: 0;
}
.feat-sms-menu{
  flex: 1 1 25px;
  background-color: white;
  border-bottom: 1px solid #dadada;
}
.feat-sms-menu div{
  padding-top: 6px;
}
.feat-sms-menu div span{
  cursor:pointer;
}
.rowSms{
  flex: 1 1 36px;
  display: flex;
  overflow-y: hidden;
  flex-direction: row;
  margin: 0;
  border-left:1px solid #dadada;
}
#select-all-sms{
  padding:0;
  background-color:#fff;
  flex:1 1 32px;
  float:left;
  border: 0;
  border-top:1px solid #dadada;
  border-bottom: 2px solid #dadada;
}
#block-head-sms{
  height:36px;
  border-bottom:1px solid #dadada;
}
.row-xs-height-sms{
  display: table-row;
}
.row-xs-height-email{
  display: table-row;
}
.row-parameters-types{
  overflow-y:auto;
  height:600px;
  max-height:370px;
}

@media (max-width: 859px){
  .sms-content-plus{
    align-content:flex-start;
  }
  .container-sms-info{
    background-color: white;
    border:2px solid #dadada;
    display:flex;
    flex-basis:100%;
    flex-flow: row wrap;
    height:385px;
  }
  #sms-inputs div{
    margin-top: 10px;
  }
  .content-sms-info{
    flex:1 100%;
    height:78%;
    overflow-y:auto;
    border-bottom: 2px solid #dadada;
  }
  .row-xs-height-sms{
    display: flex !important;
  }
  .row-xs-height-email{
    display: flex !important;
  }
  .content-sms-repeat{
    height:28px;
  }
  .feat-sms-menu{
    flex:1 100%;
    height:27px;
    background-color: white;
    border-bottom: 1px solid #dadada;
  }
  .container-sms-functions{
    flex-basis:100%;
    height:15%;
    border-top:0;
  }
  .container-sms-extra{
    flex:0;
    display:none;
  }
  .container-sms-extra2{
    display:flex;
  }
  #sms-labels div{
    margin-top: 10px;
  }
  .rowSms{
    flex:1 100%;
    padding-top:6px;
    display:flex;
    padding-bottom: 3px;
  }
  #block-head-sms{
    display:none;
  }
  #sms-labels div h3:last-child{
    padding-top: 10px;
  }
}

@media (max-width: 925px){
  .container-params{
    flex-flow: row wrap;
    align-content:flex-start;
  }
  .part4-params{
    border-top:1px solid #dadada;
    display:flex;
    color:black;
    flex-direction: row;
    height:189px;
    flex-basis:100%;
  }
  .row-parameters-types{
    height:auto;
    max-height:128px;
  }
  .head-params{
    border-top: 1px solid #dadada;
    flex: 1 50px;
  }
  .rowParams{
    flex: 1 1 45px;
  }
  .example{
    height:184px;
  }
  .content-params{
    height:25px;
  }
  .content-feat-params{
    height:25px;
    z-index: 9;
  }
  .part4-1-params{
    border-top:1px solid #dadada;
    display:flex;
    color:black;
    flex-direction: row;
    height:197px;
    flex-basis:100%;
  }
  .part4-2-params{
    border-top:1px solid #dadada;
    display:flex;
    color:black;
    flex-direction: row;
    height:197px;
    flex-basis:100%;
  }
  .part1-params{
    flex-basis:100%;
    height:252px;
  }
  .functions-params{
    flex:1 100%;
    background-color: white;
    height:100%;
    border:1px solid #dadada;
    border-top: 0;
    border-bottom: 0;
  }
  .functions-params2{
    flex:1 100%;
    background-color: white;
    height:100%;
    border:1px solid #dadada;
    border-top: 0;
    border-bottom: 0;
    border-right: 2px solid #dadada;
  }
  .menu-params{
    display:none;
  }
  .menu-params2{
    display:none;
  }
  .functions-params div{
    padding-top: 5px;
    margin: 0;
    padding-left: 30px;
    padding-right: 6px;
  }
  .menu-params-extra{
    flex-direction:column;
    display:flex;
    flex-flow: row wrap;
    height:14px;
    width:100%;
    background-color: white;
    border:2px solid #dadada;
  }
  #functions-params2-div{
    height:85%;
  }
  #rest-height{
    height:13%;
  }
  .container-params2{
    height:55%;
  }
  #block-head-params{
    display:none;
  }
  #select-all-params{
    border-bottom: 0;
    flex:1 1 35px;
  }
  .container-params3{
    height:50%;
    z-index: 9;
  }
}

/************************************* Parametros de sistema flex ********************************************************/

.config-menu-system {
  background: url(../images/params-system-config.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 19px;
  width: 17px;
  vertical-align: middle;
}

.config-menu-system {
  background-position: -200px -3px;
  height: 24px;
  width: 30px;
}
.menu-list li:hover .config-menu-system {
  background-position: -200px -28px;
}
.menu-list .active .config-menu-system,
.menu-list .active:hover .config-menu-system {
  background-position: -200px -52px;
}

.system-params-container{
  height: 100%;
  display:flex;
  flex-direction: row;
  flex-flow: row wrap;
  padding:10px;
}
.content-system-params{
  color: black;
  flex-basis: 417px;
  display:flex;
  flex-flow:column nowrap;
  background-color: white;
}
.time-zone{
  flex:1;
  border:2px solid #dadada;
  padding: 10px 10px;
  border-bottom: 2px solid #dadada;
}
.time-zone select{
  width:320px;
}
.date-format{
  flex:1;
  border:2px solid #dadada;
  padding: 10px 10px;
  border-bottom: 2px solid #dadada;
}
.date-format select{
  width:246px;
}
.language{
  flex:1;
  border:2px solid #dadada;
  padding: 10px 10px;
}
.language select{
  width:246px;
}
.system-params-extra{
  flex:1;
  display:flex;
  flex-flow: row wrap;
  height:100%;
}

.confirm-buttons {
  float: left;
  color: #333;
  width: 22px;
  height: 100%;
  border-left: 2px solid #dadada;
  background-image: url(../images/close-tag-vertical.svg), -webkit-gradient(linear, left top, right top, color-stop(46%,#fff), color-stop(46%,rgba(51, 51, 51, 0)), color-stop(0%,#fff));
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.confirm-buttons-neec {
  float: left;
  color: #333;
  width: 22px;
  height: 100%;
  border-left: 2px solid #dadada;
  background-image: url(../images/close-window-neec.svg), -webkit-gradient(linear, left top, right top, color-stop(46%,#fff), color-stop(46%,rgba(51, 51, 51, 0)), color-stop(0%,#fff));
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.confirm-buttons2 {
  float: left;
  color: #333;
  width: 22px;
  height: 100%;
  border-left: 2px solid #dadada;
  background-image: url(../images/close-tag-vertical.svg), -webkit-gradient(linear, left top, right top, color-stop(46%,#fff), color-stop(46%,rgba(51, 51, 51, 0)), color-stop(0%,#fff));
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.confirm-buttons21 {
  float: left;
  color: #333;
  width: 22px;
  height: 100%;
  border-left: 2px solid #dadada;
  background-image: url(../images/close-tag-vertical.svg), -webkit-gradient(linear, left top, right top, color-stop(46%,#fff), color-stop(46%,rgba(51, 51, 51, 0)), color-stop(0%,#fff));
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.flex-item {
  background-color: #fff;
  float: left;
  color: #333;
  padding-top: 6px;
  height: 266px;
  display: flex;
  flex-flow: column wrap;
}

.users-catalog {
  padding:6px;
  float: left;
  width: 100%;
  height: 100%;
  color: grey;
  display:flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

.users-catalog-item {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  flex-basis:400px;
  line-height: 102%
}

.users-catalog-item2 {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  /*flex-basis:436px;*/
  flex-basis:450px;
}

.users-catalog-item3 {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  flex-basis:380px;
}

.users-catalog-item4 {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  flex-basis:380px;
}

.users-catalog-item5 {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  flex-basis:410px;
}

.users-catalog > .confirm-buttons {
  height: 286px;
}

.create-user {
  background-color: rgba(255, 255, 255, 0);
  flex: 1;
  padding: 0;
  border-left: 1px solid #dadada;
}

.confirm-buttons > .flex-wrap {
  height: 50px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}

.confirm-buttons-neec > .flex-wrap {
  height: 50px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}

@media(max-width: 925px){
  .confirm-buttons2 {
    width:100%;
    /*flex: 1 100%;*/
    height: 20px!important;
    border-left: none!important;
    border-top: 2px solid #dadada;
    background-image: url(../images/close-tag-horizontal.svg), -webkit-linear-gradient(bottom, rgba(119, 108, 60, 0) 56%, #FFF 0%);
  }
}

@media(max-width: 859px) {
  .confirm-buttons {
    width:100%;
    flex: 1 100%;
    height: 20px!important;
    border-left: none!important;
    border-top: 2px solid #dadada;
    background-image: url(../images/close-tag-horizontal.svg), -webkit-linear-gradient(bottom, rgba(119, 108, 60, 0) 56%, #FFF 0%);
  }
  .flex-item, .users-catalog-item, .create-user {
    flex: 1 100%!important;
    border-left: none!important;
    border-top: 2px solid #dadada;
    height: 40%;
  }
  .height-100 {
    height: calc(100% - 25px);;
  }
  .height-60 {
    height: 60%;
  }
  .height-50 {
    height: 50%;
  }
  .height-35 {
    height: 35%;
  }
  .confirm-buttons > .flex-wrap {
    height: auto;
    width: 50px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
}

.borders-test div{
  border-right:2px solid #dadada;
  border-bottom:2px solid #dadada;
  padding: 3px;
}

.borders-test div:first-child{
  border-left:
  2px solid #dadada;
}

.borders-test div > div{
  border:0;
}

.container-xs-height {
  display:table;
  padding-left:0px;
  padding-right:0px;
}
.row-xs-height {
  display:table-row;
}
.col-xs-height {
  display:table-cell;
  float:none;
  vertical-align: top;
}

.color-blue {
  color: #0091c7;
}
.config-submenu-languages,
.config-submenu-date-formats {
  background: url(../images/params-system-submenus.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 19px;
  width: 17px;
  vertical-align: middle;
}

.config-submenu-clients {
  background: url(../images/configuration-menu-icons.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-position: -326px -77px;
  width: 28px;
  height: 24px;
  vertical-align: middle;
}

.submenu-list li:hover .config-submenu-clients {
  background-position: -326px -102px;
}

.config-submenu-reports-neec {
  background: url(../images/configuration-menu-icons.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-position: -350px -77px;
  width: 28px;
  height: 24px;
  vertical-align: middle;
}

.config-submenu-assign-neec {
  background: url(../images/icons-neec.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-position: -240px -15px;
  width: 16px;
  height: 24px;
  vertical-align: middle;
}

.config-submenu-assign2-neec {
  background: url(../images/icons-neec.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-position: -255px -15px;
  width: 16px;
  height: 24px;
  vertical-align: middle;
}


.submenu-list li:hover .config-submenu-reports-neec {
  background-position: -350px -102px;
}

.config-submenu-assign-unit {
  background: url(../images/configuration-menu-icons.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-position: -120px -77px;
  width: 28px;
  height: 24px;
  vertical-align: middle;
}

.submenu-list li:hover .config-submenu-assign-unit {
  background-position: -120px -102px;
}


.config-submenu-date-formats {
  background-position: -244px -77px;
  width: 28px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-date-formats {
  background-position: -244px -102px;
}
.submenu-list .active .config-submenu-date-formats,
.submenu-list .active:hover .config-submenu-date-formats {
  background-position: -244px -126px;
}

.config-submenu-languages {
  background-position: -273px -77px;
  width: 28px;
  height: 24px;
}
.submenu-list li:hover .config-submenu-languages {
  background-position: -273px -102px;
}
.submenu-list .active .config-submenu-languages,
.submenu-list .active:hover .config-submenu-languages {
  background-position: -273px -126px;
}

/******************************************* Recuperar Contraseña ********************************************************/

.container-restore-pass{
  display: flex;
  background-color: #dadada;
  height:915px;
  align-content: flex-start;
  position: relative;
}
.content-restore-pass{
  width:296px;
  height:361px;
  background-color: white;
  position: absolute;
  left: 40%;
  top: 25%;
  display:flex;
  flex-direction: column;
}
.head-restore{
  flex:1;
  background-color: black;
  margin-bottom: 12px;
}
.info-restore{
  flex:4;
  display: flex;
  flex-direction: column;
  background-color: #f4a43e;
  padding: 8px;
  height:302px;
}
.info-restore-1{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: column;
  background-color: white;
}
.info-restore-1-1{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 17px;
}
.info-restore-1-2{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 17px;
}
.info-restore-1-3{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 17px;
}
.order-restore-1{
  flex:1;
  padding-top: 6px;
}
.order-restore-2{
  flex:4;
  padding-top: 6px;
}
.order-restore-3{
  flex:1;
  padding-top: 6px;
}
.order-restore-4{
  flex:3;
  padding-top: 6px;
}
.info-restore-2{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: column;
  background-color: white;
}
.info-restore-3{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: column;
  background-color: white;
}
.info-restore-4{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: column;
  background-color: white;
}
/*.order-restore-text{
  padding:0;
  cursor: pointer;
}*/
.order-restore-text:hover{
  text-decoration: underline;
}

/************************************************ Confirmar Datos ********************************************************/

.container-confirm-data{
  display: flex;
  background-color: #dadada;
  height:915px;
  align-content: flex-start;
  position: relative;
}

.content-confirm-data{
  width:523px;
  height:354px;
  background-color: white;
  position: absolute;
  left: 36%;
  top: 25%;
  display:flex;
  flex-direction: column;
}

.info-confirm{
  height:295px;
  flex:4;
  display: flex;
  flex-direction: column;
  background-color: #f4a43e;
  padding: 8px;
}

.info-confirm-1{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-flow: row wrap;
  background-color: white;
}
.info-confirm-col-1{
  flex:1;
  display:flex;
  flex-direction: column;
}
.info-confirm-col-2{
  flex:1;
  display:flex;
  flex-direction: column;
}
.info-confirm-2{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-flow: row wrap;
  background-color: white;
}
.info-confirm-3{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-flow: row wrap;
  background-color: white;
}
.info-confirm-4{
  flex:.5;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-flow: row wrap;
  background-color: white;
}

.info-confirm-1-1{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 24px;
  padding-right: 24px;
}
.info-confirm-1-2{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 24px;
  padding-right: 24px;
}
.info-confirm-1-3{
  flex:1;
  /*border: 1px solid #dadada;*/
  display: flex;
  flex-direction: row;
  padding-left: 24px;
  padding-right: 24px;
}

.disabled2 {
  /*color: #F3F3F3;*/
  /*color: #e3e3e3 !important;*/
  -moz-pointer-events: none !important;
  -webkit-pointer-events: none !important;
  pointer-events: none !important;
}
.disabled-text {
  background-color: #dadada;
}

.notice-title {
  font-weight: bold;
  font-size: 13px;
  background-color: #dadada;
  border-bottom: 1px solid #333;
  padding: 2px 3px;
}
.notice-description {
  font-size: 13px;
  flex: 1;
  cursor: pointer;
}
.notice-description:hover {
  background-color: #dadada;
}
.border-success {
  border: 1px solid #3bb24a;
}
.border-danger {
  border: 1px solid #ea3336;
}
.widget-history-height {
  height: calc(100% - 92px);
}

/********************************************* lsta de vehiculos flex *********************************************/

.content-vehicles-repeat{
  display:flex;
  flex-flow: row nowrap;
  border-bottom: 2px solid #dadada;
}
.content-vehicles-repeat:hover{
  background-color: #f0f0f0;
  cursor:pointer;
}
.col-vehicles-content-1{
  flex:0.7;
  border-left: 1px solid #dadada;
  min-width:123px;
  vertical-align: middle;
}
.col-vehicles-content-1-2{
  flex:8;
  border-left: 1px solid #dadada;
  height: 100%;
  display:flex;
  flex-flow: row wrap;
}
.col-vehicles-content-2{
  flex:5.5;
  border-left: 1px solid #dadada;
  min-width:720px;
  display: flex;
  flex-flow:row nowrap;
  max-height: 63px;
}
.col-vehicles-content-3{
  flex:2;
  border-left: 1px solid #dadada;
  min-width:380px;
  display: flex;
  flex-flow:row nowrap;
  max-height: 63px;
}
.col-vehicles-content-2-1{
  flex:1.5;
  border-left: 1px solid #dadada;
  min-width:449px;
  display:flex;
  flex-flow: column nowrap;
}
.col-vehicles-content-2-2{
  flex:1;
  /*border-left: 1px solid #dadada;*/
  min-width:280px;
  display:flex;
  flex-flow: column nowrap;
}
.col-vehicles-content-3-1{
  flex:1.5;
  border-left: 1px solid #dadada;
  min-width:184px;
  overflow-y:auto;
  overflow-x:hidden;
  max-height:63px;
}
.col-vehicles-content-3-2{
  flex:1;
  border-left: 1px solid #dadada;
  min-width:110px;
}
.row-vehicles-content-2-1{
  flex:1;
  display: flex;
  flex-flow: row nowrap;
}
.row-vehicles-content-2-2{
  flex:1;
  display: flex;
  flex-flow: row nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
}
.col-vehicles-info-1{
  flex:1;
  border-right:1px solid #dadada;
}
.col-vehicles-info-2{
  flex:3;
  border-right:1px solid #dadada;
}
.col-vehicles-info-3{
  flex:1;
  border-right:1px solid #dadada;
}
.col-vehicles-info-4{
  flex:1;
  border-right:1px solid #dadada;
}
.col-vehicles-info-5{
  flex:1;
  border-right:1px solid #dadada;
}
.col-vehicles-info-6{
  flex:1;
  border-right:1px solid #dadada;
}
.vehicleDescription{
  margin-top:17px;
}
#order-options-menu{
  padding:0;
  padding-left: 5.7%;
}

@media(max-width: 1469px) {
  .content-vehicles-repeat{
    border-bottom:0px;
  }
  .col-vehicles-content-2-1{
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-2-2{
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-3-1{
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-3-2{
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-1{
    border-bottom:2px solid #dadada;
  }
  #order-options-menu{
    padding-left: 4%;
  }
}

@media(max-width: 1285px) {
  .col-vehicles-content-2-1{
    flex:1;
    min-width: 0;
  }
  .col-vehicles-content-3-1{
    flex:1;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    min-width:184px;
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-3-2{
    flex:1;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    min-width:110px;
  }
  .content-vehicles-repeat{
    display: table-row;
  }
  .col-vehicles-content-3-2{
    border-bottom:2px solid #dadada;
  }
  .col-vehicles-content-1{
    border-bottom:2px solid #dadada;
  }
  #schemes-alarm{
    margin-top: 8px;
    margin-left: 20px;
  }
  #schemes-balloon{
    margin-top: 6px;
    margin-left: 7px;
  }
  .schemes-red-balloon{
    margin-left:-2px !important;
  }
  #order-options-menu{
    padding-left: 3%;
  }
}
.half{
  font-size: 11px;
}

.third{
  font-size: 11px;
}

.third input[type=text]{
  /*width: 58px;*/
}




/*  WIDGET HISTORIAL  */
.headButtons{
  flex: 1 auto;
  padding: 3px 0;
}
/*.half .headButtons .widget-options {margin: 0 1%;} */
.third .headButtons .widget-options,.half .headButtons .widget-options {margin: 0 1px;}

.full.dmn-ct .headButtons .schemes-menu {
  display: none;
}
.third.dmn-ct .schemes-sprite-tools,
.third.dmn-ct .icons-cesar-volume-avaliable,
.third.dmn-ct .icons-cesar-volume-denied,
.third.dmn-ct .schemes-sprite-alarm,
.third.dmn-ct .schemes-sprite-vehicles,
.third.dmn-ct .schemes-sprite-filter,
.third.dmn-ct .time-range,
.half.dmn-ct .icons-cesar-volume-avaliable,
.half.dmn-ct .icons-cesar-volume-denied,
.half.dmn-ct .schemes-sprite-tools,
.half.dmn-ct .schemes-sprite-alarm,
.half.dmn-ct .schemes-sprite-vehicles,
.half.dmn-ct .schemes-sprite-filter,
.half.dmn-ct .time-range {
  display: none;
}

.compressed-menu {
  width: 159px;
  float: right;
  height: 0;
  background-color: #fff;
  color: #333;
  position: absolute;
  right: 7px;
  -webkit-transition: height .25s linear 0s;
  overflow: hidden;
  margin-top: 5px;
  z-index: 1;
}
.third .compressed-menu.active,
.half .compressed-menu.active {
  height: auto;
}

.compressed-menu .cm-list {
  border: 3px solid #0091C7;
  display: flex;
  flex-flow: column nowrap;
}
.compressed-menu .cm-list > div {
  padding: 3px;
  border-bottom: 3px solid #0091C7;
  display: flex;
  flex-flow: row nowrap;
  color: #b8b8b8;
}

.compressed-menu .cm-list > div:hover {
  background-color: #f1f2f2;
}

.compressed-menu .cm-list > div:last-child {
  border-bottom: 0;
}
.compressed-menu .cm-list > div.active {
  background-color: #939598;
  color: #fff;
}

.cm-list-icon {
  flex: 1 50px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.cm-list-label {
  flex: 1 103px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.schemes-sprite-tools.brown {
  background-position: -328px 0px;
}
.schemes-sprite-vehicles.brown {
  background-position: -296px 0px;
}
.schemes-sprite-filter.brown {
  background-position: -347px 0px;
}

.headHistory{
  flex: 1 auto;
  display:flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.headHistory nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}

.full nav select{ display: none;}
.half nav select, .third nav select { display: inline-block; color :black;}

.half nav ul , .third nav ul{ display: none;}

/* WIDGETS LISTA DE VEHICULOS */
.half #vehicle-filter-text{
  width: 100px;
}
.third #vehicle-filter-text{
  width: 95px;
}
.third #efects{display: none;}
.third  h3 {
  margin-left: 0;
  font-size: 11px;
}
.third .advanced-filter-active{ width: 230px; }
/* MEDIA .. cambio de ubicación de los widgets de acuerdo al tamaño de la pantalla */
@media  (max-width: 1200px)  {
  .col-xs-6, .col-xs-4{
    width: 100%
  }
  .half-heightW{
    /*min-height: 290px;
    height: 30%;*/
  }

  .page-content {
    overflow-y:auto;
  }
  .invisible {
    /* visibility: hidden; */
    display: none;
  }
}

.button-2 {
  position: relative;
}
.button {
  color: #333;
  text-decoration: none;
  line-height: 1.9em;
  display: inline-block;
  text-align: center;
  transition: top 0.3s linear;
}
.button-2.bottom .bg {
  left: 0;
  top: 40px;
  height: 0;
}
.button-2 .bg {
  position: absolute;
  background: #0092c8;
  z-index: 0;
  transition: top 0.2s linear;
}
.button-2 .text {
  z-index: 1;
  position: absolute;
}
.button .bg, .button .text {
  transition: top 0.3s linear;
}
.button:hover {
  color: #fff;
}
.button-2:hover .bg, .button-2:focus .bg {
  height: 100%;
  width: 100%;
  top: 0;
}

.table.blue label {
  display: flex;
  justify-content: flex-end;
}

.map-tools.active {
  box-shadow: #949494 2px 2px 5px;
}

.button-2 {
  position: relative;
}
.button {
  color: #333;
  text-decoration: none;
  line-height: 1.9em;
  display: inline-block;
  text-align: center;
  transition: top 0.3s linear;
}
.button-2.bottom .bg {
  left: 0;
  top: 40px;
  height: 0;
}
.button-2 .bg {
  position: absolute;
  background: #0092c8;
  z-index: 0;
  transition: top 0.2s linear;
}
.button-2 .text {
  z-index: 1;
  position: absolute;
}
.button .bg, .button .text {
  transition: top 0.3s linear;
  /*border-radius: 3px;*/
}
.button:hover {
  color: #fff;
}
.button-2:hover .bg, .button-2:focus .bg {
  height: 100%;
  /*width: 160px;*/
  width: 100%;
  top: 0;
}

.table.blue label {
  display: flex;
  justify-content: flex-end;
}

.map-tools.active {
  box-shadow: #949494 2px 2px 5px;
}

.icons-radio {
  background-position: -215px -91px;
}
.icons-radio.checked {
  background-position: -215px -108px;
}
.disabled.icons-radio {
  background-position: -215px -145px;
}
.disabled.icons-radio.checked {
  background-position: -215px -163px;
}
.clean-dashboard {
  background: url(../images/clean-dashboard.svg) no-repeat;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 21px;
  width: 21px;
  vertical-align: middle;
}
.clean-dashboard:hover {
  background-position: -21px 0px;
}
.clean-dash {
  float: right;
  width: 21px;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
}
.alarms-delete-all.fix {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: 49px;
}
.alarms-delete-all.fix div{
  border-bottom: 2px solid #dadada;
  padding: 3px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.alarms-delete-all.fix div.apply-sel {
  background-color: #3BB24A;
  color: #586770;
}
.alarms-delete-all.fix div.apply-sel:hover {
  color: #fff;
}
.alarms-delete-all.fix div.apply-sel:hover span.icons-sidebar-down-arrow {
  background-position: -256px -0px;
}
.alarms-delete-all.fix div.apply-sel.disabled {
  color: #939598!important;
  background-color: #596871;
}
.alarms-delete-all.fix div.apply-sel.disabled span.icons-sidebar-down-arrow {
  background-position: -218px -0px;
}
.icons-sidebar-ok.blue {
  background-position: -138px -56px;
}
.icons-sidebar-ok.green {
  background-position: -14px -56px;
}
.disabled .icons-vehicle {
  /*background-position: -465px 0px; vivi*/
  background-position: -428px 0px;
}
.disabled .icons-geofence {
  /*background-position: -562px 0px; vivi*/
  background-position: -524px 0px;
}
.disabled .icons-poi {
  /*background-position: -607px 0px;* vivi*/
  background-position: -569px 0px;
}
.disabled .icons-report {
  /* background-position: -636px 0px;*/
  background-position: -600px 0px;
}
.disabled .menu-title {
  color: #6dcff6;
}
.active .menu-title {
  color: #b5611f;
}
.event-focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.header-description{cursor: move;}
.group-bg {
  background-image: url(../images/group-bg.svg);
  background-size:cover;
}

.corner-triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 7px 0 0;
  position: absolute;
}

.triangle-bg {
  background-image: url(../images/corner-triangle.svg);
  background-repeat: no-repeat;
}
.schemes-menu {
  width: 18px;
  height: 18px;
  background-position: -274px 0;
}
.schemes-menu:hover {
  background-position: -274px -19px;
}
.schemes-menu.active {
  background-position: -274px -37px;
}

.downPDFGraphics{
  background-image: url(../images/descarga.svg);
}
.downPDFGraphics {
  padding: 0;
  height: 23px;
  width: 23px;
  background-position: -84px -189px;
  border: 1px solid #E6E6E6;
}
.downPDFGraphics:hover {
  background-position: -42px -189px;
}

.tabs .tab-content {
  width: 100% !important;
  height: 100% !important;
  min-height: 350px;
}

ul.nav.nav-tabs {
  height: 50px;
}

.tabs .tab-pane {
  height: 100% !important;
  min-height: 350px;
}



.iconsVehicleInformation-acces{
  width: 25px;
  height: 25px;
  margin-top: -3px;
  background-position: -365px -111px;
}


.iconsVehicleInformation-acces.active {
  background-position: -365px -82px;
}


.iconsVehicleInformation-info{
  width: 20px;
  height: 25px;
  margin-top: -3px;
  background-position: -352px -28px;
}
.iconsVehicleInformation-info.active {
  background-position: -250px -54px;
}

.iconsVehicleInformation-params{
  width: 20px;
  height: 25px;
  margin-top: -3px;
  background-position: -370px -28px;
}
.iconsVehicleInformation-params.active {
  background-position: -270px -54px;
}
.visualization_wrap {
  position: relative;
  overflow:hidden;
  height: calc(100% - 21px);
  background-color: #fffFFF;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 350px;
}
input.form-control.ng-pristine.ng-valid.disabled {
  color: #555 !important;
}
.chart_div {
  left: 0;
  width: 100%;
  min-height: 247px;
  height: calc(100% - 103px);
}
.chart_div2 {
  left: 0;
  width: 100%;
}

.chart_div3 {
  left: 0;
  width: 100%;
  min-height: 247px;
  height:calc(100% - 20px);
}

.backgroundTable{
  background-color: #D8D8D8;
  font-weight: bold;
  cursor: pointer;
}
.backgroundTable1:hover{
  background-color: #E6E0F7;
  cursor: pointer;
}
@media(max-width: 1330px) {
  .flex-item, .users-catalog-item, .create-user {
    flex: 1 100%!important;
    border-left: none!important;
    border-top: 2px solid #dadada;
    height: 30%;
  }
  .confirm-buttons {
    flex: 1 100%;
    height: 20px!important;
    border-left: none!important;
    border-top: 2px solid #dadada;
    background-image: url(images/close-tag-horizontal.svg), -webkit-linear-gradient(bottom, rgba(119, 108, 60, 0) 56%, #FFF 0%);
  }
  .confirm-buttons > .flex-wrap {
    height: 100%;
    width: 50px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
}

.toolsGraphics {
  border: 0;
  position: absolute;
  right: 45px;
  top: 25px;
  z-index: 9;
  width: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-transition: all .25s ease-in-out;
  background-color: #fff;
  overflow: hidden!important;
  color: #333;
  height: 0;
  font-size: 12px;
}

.activeToolsGraphics{
  width: 280px !important;
  border: 2px solid #0091C7;
  padding: 6px;
  height: 300px !important;
}
.classHover:hover{
  width: 280px !important;
  border: 2px solid #0091C7;
  padding: 6px;
  height: 190px !important;
}
.icon24{
  width:24px;height:20px;float:right;
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
}
.icon25{
  width:19px;height:19px;float:right;
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
}

.iconFilterGraphic{background-position:0 -241px;}
.iconFilterGraphic:hover{background-position: 0 -264px; cursor: pointer;}
.calendar{background-position: -89px -243px;}
.graphic{background-position: -68px -243px;}

.dropAnchor, .dropAnchorTop{
  background-position: -125px -55px;
}
.dropAnchor.right, .dropAnchorTop.top{
  display: none;
}

span.icon16.dropAnchor.active{
  background-position: -196px 0;
  width: 16px !important;
  transform: rotate(90deg);
}

span.icon16.dropAnchorTop.active {
  background-position: -196px 0;
  width: 16px !important;
}

.staticAnchor,.staticAnchorTop{
  background-position: -196px 0;
  width: 15px !important;
}


.staticAnchor.left,.staticAnchorTop.left{
  display: none;
}

.staticAnchor.right{
  transform: rotate(-90deg);
}
.staticAnchorTop.top{
  transform: rotate(180deg);
}

.sidebar-left {
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  position: absolute;
  background-color: #fff;
  height: 100%;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  backface-visibility: hidden;
  z-index: 10;
  float: left;
}
.sidebar-left.toggle {
  width: 390px;
}
.sidebar-left.toggle.anchor{
  position: initial;
}
.siderbar-graphic{
  height: 100%;
  color: #333;
  width: 370px;
  float: left;
  /*padding: 5px;*/
}
.contentGraphic{
  width: calc(100% - 50px);
  background-color: #fff;
  /*height:calc(100% - 20px);*/
  height: 100%;
  position: absolute;
  padding-left: 25px;
  color:#333;
  float:left;
}
.contentGraphic.anchor{
  width: calc(100% - 440px);
}
.contentGraphic.height{
  height: calc(100% - 170px);
}
.iconExcelGraphic {
  background-position: -45px -240px;
}
.iconExcelGraphic:hover {
  background-position: -45px -263px;
}
.iconPDFGraphic {
  background-position: -21px -240px;
}

.iconPDFGraphic:hover {
  background-position: -21px -263px;
}
.iconStreetView {
  background-position: -88px 0px;
}
.iconStreetView:hover {
  background-position: -88px -71px;
}
.downloadTotal{
  background-position: -126px -240px;
  height: 25px;
  float: left;
}
.unid{
  background-position: -126px -263px;
  height: 25px;
  float: left;
}
.consum{
  background-position: -147px -240px;
  height: 25px;
  float: left;
}
.km{
  background-position: -169px -240px;
  height: 25px;
  float: left;
}
.rend{
  background-position: -194px -240px;
  height: 25px;
  float: left;
}
.confirm-buttonsGraph {
  float: left;
  color: #333;
  width: 22px;
  height: 100%;
  border-left: 2px solid #dadada;
  background-image: url(../images/close-tag-vertical.svg), -webkit-gradient(linear, left top, right top, color-stop(46%,#fff), color-stop(46%,rgba(51, 51, 51, 0)), color-stop(0%,#fff));
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.vehicle-titleicon{
  position: relative;
}
.tab-graphic {
  float: left;
  background: url(../images/tabs.svg) no-repeat;
  cursor: pointer;
}
.aaaa{
  background-position: 0px -1px;
  width: 20px;
  height: 13px;
}
.tabGraphicL{
  width: 14px;
  height: 100%;
  float: left;
}
.tabGraphic{
  height: 100%;
  width: 6px;
  float: right;
  background: #fdbb30;
}
.tabGraphic.active{
  background: #f78e1e;
}
.fullTabsRigth{
  width: 20px;
  height: 100%;
  background-color: #fff;
  float: right;
  border-left: 2px solid #CFCEA5;
}
.fullTabsRigth.height{
  height: calc(100% - 150px);
}
.tabsRigth{
  height: calc(100% - 30px);
}
.custom-input{
  width: 105px;
  font-size: 10px;
  float: left;
}
.input-append.disabled{
  color:#777 !important;
}
.iconsSensorReport {
  width: 22px;
  height: 23px;
  background-position: -407px -49px;
}
.optionMenuContent{
  position: relative;
  z-index: 1;
  margin-right: 40px;
  margin-top: -38px;
}
.infowindow-menu .main-menu li.active.disabled {
  float: left;
  height: 30px;
  background-color: transparent !important;
  color: #333 !important;
  border-bottom: 0px solid #0091C7;
  border-right: 0px;
  border-left: 0px;
}
.iconsVehicleInformation-info.active.disabled {
  background-position: -370px -28px;
}
.iconsVehicleInformation-params.active.disabled {
  background-position: -370px -28px;
}
.iconsVehicleInformation-acces.active.disabled {
  background-position: -365px -111px;
}
.temperature-truck {
  float: left;
  background: url(../images/temperature-truck.svg);
  height: 110px;
  width: 100%;
  background-size: 270px 115px;
  background-repeat: no-repeat;
}

.iconsTemperatureReports {
  width: 22px;
  height: 23px;
  background-position: -431px -52px;
  cursor: default;
}
#content{
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  position:absolute;
}

#hoverbar{
  top: calc(100% - 20px);
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  background-color: #B64ECD;
  height: 20px;
  -webkit-transition:  opacity 1s ease-out;
  -moz-transition:  opacity 1s ease-out;
  -o-transition:  opacity 1s ease-out;
  backface-visibility: hidden;
}

.contentMain{
  width: calc(100% - 30px);
  height: calc(100% - 20px);
  float:left;
}

.contentMain.anchor{
  width: calc(100% - 420px);
}

.footerwrapper {
  border-top:2px solid #CFCEA5;
  width: calc(100% - 30px);
  height: 20px;
  bottom:0px;
  background: #f3f3f3;
  color: #000;
  text-align: center;
  position: absolute;
  overflow: hidden;
  transition: all 0.5s;
}

.footerwrapper.toggle{
  height: 30%;
  bottom: 0;
}

.footerwrapper.anchor{
  width: calc(100% - 420px);
}

.siderbar-top {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  transition: max-height 0.7s ease-in;
}
.iconsTemperature {
  width: 22px;
  height: 23px;
  background-position: -391px -79px;
}
/* Start CSMF
*/
.reportsContentNeec{
  display: flex;
  flex-direction:column;
  width: 451px;
  height: 98.5%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
  margin: .5%;
}
.filtersNeec{
  border: 1px solid #CFCEA5;
  display: flex;
  flex-direction:row;
}
.reportsNeec{
  border: 1px solid #CFCEA5;
  flex: 55%;
  color: #333;
}
.timeFiltersNeec{
  border: 1px solid #CFCEA5;
  display: flex;
  flex-direction:column;
  color: #333;
}
.datePickersNeec{
  border: 1px solid #CFCEA5;
}
.logs{
  border: 1px solid #CFCEA5;
  display: flex;
  flex-direction: row;
}
.searchReportsNeec{
  height: 20px;
  margin-top: 4px;
  padding: 0 5px;
  color: #333;

}
.iconSearchNeec{
  margin-top: 5px;
}

.iconReportsTypeNeec{
  margin-top: 5px;
}
.selectTypeReportsNeec{
  height: 20px;
  margin-top: 4px;
  width: 95%;
  color: #000;
}
.radioButtonsReportsNeec{
  display: flex;
  flex-direction:row;
  border: 1px solid blue;
}
.labelRangeNeec{
  margin-top: 5px;
  margin-left: 6px;
}
.reportNameNeec{
  border-bottom: 1px solid #CFCEA5;
  height: 20px;
}
.reportNameMargin{
  margin-left: 6px;
}
.reportNameNeec:hover{
  background-color: #F0F0F0;
}
.color-gray{
  background-color: #929497;
  color: #fff;
}
.color-gray:hover{
  color: #fff;
  background-color: #929497;
}
.alignSpaceAroundCenter{
  align-items: center;
  justify-content: space-around;
}
.headersGridNeec {
  max-width: 10%;
  min-width:10%;
  border: 1px solid #101010;
  font: bold 18px 'Arial';
  color: #333;
}
.textGridNeec {
  min-width:10%;
  max-width: 10%;
  border: 1px solid #101010;
  font: 15px 'Arial';
  color: #333;
  text-align: center;
}
.textHoursGridNeec {
  min-width:45.9%;
  border: 1px solid #101010;
  font: 15px 'Arial';
  color: #333;
}
.display-flex{
  display: flex;
}
.flex-row{
  flex-direction: row;
}
.flex-column{
  flex-direction: column;
}
.center-item{
  text-align: center;
}
.flex{
  flex:1;
}
.flex3{
  flex:3%;
}
.flex5{
  flex:5%;
}
.flex10{
  flex:10%;
}
.flex15{
  flex:15%;
}
.flex20{
  flex:20%;
}
.flex25{
  flex:25%;
}
.flex30{
  flex:30%;
}
.flex33{
  flex:33%;
}
.flex35{
  flex:35%;
}
.flex40{
  flex:40%;
}
.flex45{
  flex:45%;
}
.flex50{
  flex:50%;
}
.flex55{
  flex:55%;
}
.flex60{
  flex:60%;
}
.flex65{
  flex:65%;
}
.flex66{
  flex:66%;
}
.flex67{
  flex:67%;
}
.flex70{
  flex:70%;
}
.flex75{
  flex:75%;
}
.flex80{
  flex:80%;
}
.flex85{
  flex:85%;
}
.flex90{
  flex:90%;
}
.flex95{
  flex:95%;
}
.flex100{
  flex:100%;
}

.icon-pencil-line,
.iconsNeecBig {
  background: url(../images/iconsNeec.svg) no-repeat;
  background-size: 698.1px 250.1px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 40px;
  vertical-align: middle;
}
.icon-pencil-line {
  background-position: -100px -55px;
}

.icon-pencil-line-orange,
.icon-pencil-line-gray {
  background: url(../images/icons-neec.svg) no-repeat;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 40px;
  vertical-align: middle;
}

.icon-pencil-line-orange {
  background-position: -264px -70px;
  cursor: pointer;
}
.icon-pencil-line-gray {
  background-position:  -230px -140px;
}


.iconNeec,
.iconSubmenuNeec,
.iconsNeec {
  background: url(../images/iconsNeec.svg) no-repeat;
  background-size: 698.1px 250.1px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 16px;
  width: 25px;
  vertical-align: middle;
}
.iconNeec {
  background-position: -455px -55px;
}

.iconSubmenuNeec {
  background-position: -415px -83px;
}

.iconSubmenuNeec:hover {
  background-position: -415px -110px;
}

.logs2{
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
.informationFormReportNeec{
  height: 20px;
  margin-top: 3px;
  padding: 0 5px;
  color: #333;
  border: 2px solid #CFCEA5;
  display: flex;
  flex-direction: row;
}
.geofences{
  height: 20px;
  margin-top: 4px;
  padding: 0 5px;
  color: #333;
}
.listGeofences{
  border-bottom: 1px solid #CFCEA5;
  height: 20px;
}
.sendData{
  background-color: blue;
  height: 20px;
  margin-top: 4px;
  padding: 0 5px;
  color: #333;
  display: flex;
  flex-direction: row;
}
.displayFlexRow{
  display: flex;
  flex-direction: row;
}
.displayFlexColumn{
  display: flex;
  flex-direction: column;
}
.reportsContentNeec2{
  display: flex;
  flex-direction:column;
  width: 24%;
  height: 100%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
}
.reportsContentNeecGrid{
  display: flex;
  flex-direction:column;
  width: 64%;
  height: 100%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
  margin-top: 8px;
}
.selectTypeReportsNeec2{
  height: 20px;
  margin-top: 4px;
  width: 90%;
  color: #000;
}
.formNewReportNeec{
  border: 1px solid #CFCEA5;
  flex: 55%;
  color: #333;
}

.emailSend{
  border: 1px solid #CFCEA5;
  flex: 55%;
  color: #333;
}
.inputPositionNeec{
  width: 50%;
}
.inputHourPositionNeec{
  width: 55%;
}

.inputNameNeec{
  width: 90%;
}

.inputVigencyNeec{
  width: 50%;
}
.inputDisabledVigencyNeec{
  width: 50%;
  background-color: #ddd;
  disabled: disabled;
}
.inputFrecuencyNeec{
  width: 70%;
}
.searchGeofencesNeec{
  height: 20px;
  margin-top: 4px;
  padding: 0 5px;
  color: #333;

}

/*
eND csmf
*/

.units{
  float:left;

  /*background-color: #000;*/
}

.units2{
  width:15%;
  height: auto;

  /*background-color: #fff;*/
}

.units3{
  width:85%;
  float:left;
  height: auto;
  border-left: 2px solid #dadada;
  padding-bottom: 16px;
  /*background-color: #fff;*/
}



.units4{
  width:100%;
  height: auto;

  /*background-color: #04B45F;*/
  float:left;
}
.lineHide{
  display: none;
}

.users-catalog-assign-neec {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  /* flex-basis:450px;*/
  flex-basis:33%;
}

.users-catalog-assign-neec2 {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  /* flex-basis:450px;*/
  flex-basis:30%;
}

.neec-item {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  /*flex-basis:436px;*/
  flex-basis:25%;
}

.users-catalog-itemGeo {
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  /*flex-basis:380px;*/
  flex-basis:25%;
}
.users-catalog-item3 {
  display:flex;
  background-color:#fff;
  float:left;
  color:#333;
  padding-top:6px;
  /*height: 286px;*/
  height: 100%;
  flex-basis:20%;
}

.icons-submenu-neec {
  width: 25px;
  height: 23px;
  background-position: -415px -80px;
}
.submenu-list li:hover .icons-submenu-neec {
  background-position: -415px -110px;
}
.submenu-list .active .icons-submenu-neec,
.submenu-list .active:hover .icons-submenu-neec {
  background-position: -415px -110px;
}
.submenu-list .active:hover .icons-submenu-neec {
  background-position: -415px -110px;
}
#google-visualization-errors-all-1{
  display: none !important;
}
#google-visualization-errors-all-2{
  display: none !important;
}
#google-visualization-errors-all-3{
  display: none !important;
}
#google-visualization-errors-all-4{
  display: none !important;
}
#google-visualization-errors-all-5{
  display: none !important;
}

/*Todo desde aqui*/
/* Letra Negrita para Escalamientos */
.descescalamientos{
  font-weight: bolder;
  color:#45545f !important;
}
/* //////////////////////////////// */

/* Ancho de cada fila de los contenidos */
.contentRows{
  width: 100%!important;
}
/* //////////////////////////////////// */

/* Ancho de la etiqueta description */
.descriptionLabel{
  width:30%!important;
  color:#45545f !important;
}
/* //////////////////////////////////// */

/* Ancho del contenido de description */
.descriptionValue{
  width: 70%!important;
  color:#45545f !important;
}
/* ////////////////////////////////// */

/* Ancho de la etiqueta value */
.valueLabel{
  width: 30%!important;
  color:#45545f !important;
}
/* ////////////////////////// */

/* Ancho del contenido de value */
.contentValue{
  width: 50%!important;
  color:#45545f !important;
}
/* //////////////////////////// */

/* Ancho de la unidad de value */
.unit{
  width: 20%!important;
  text-align: left;
  padding-left: 1px;
  color:#45545f !important;
}
/* /////////////////////////// */

/* Ancho de la fila del contenido de Enable */
.contentRowEnAl{
  width: 95%!important;

}
/* //////////////////////////////////////// */

/* Ancho de la fila del contenido de Alarm */
.contentRowAl{
  width: 50%!important;
}
/* /////////////////////////////////////// */

/* Ancho de la fila del contenido de Enable de los Escalamientos */
.contentRowEnEsc{
  width: 95%!important;
}
/* ///////////////////////////////////////////////////////////// */
table.tableEnaAl{
  width: 100%!important;
  margin-left: 15px;
}

/* cambios */
table.tableEnaAl thead tr th.headerEnaP1,table.tableEnaAl thead tr th.headerP1{
  width: 1.62%!important;
  color:#45545f!important
}
table.tableEnaAl thead tr th.headerEnaP2,table.tableEnaAl thead tr th.headerP2{
  width: 10%!important;
  color:#45545f !important;
}

hr.lineGray{
  border: 1px solid #BFBFBF!important;
  font-weight: bolder;
  margin-top: 1%;
  margin-bottom: 1%;
  width: 100%;
}

/* ICONO DISABLED */
.headerP2 .icons-checkbox.disabled{
  background-position: -199px -145px;
}

/*TODO LO REFERENTE A EDI */
.icons-Eddy-assignedTrip {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -349px -16px;
  margin-top:3px;
  margin-left: 7px;
  cursor: pointer;
}

.edyContent{
  display: flex;
  flex-direction:column;
  width: 880px;
  height: 98.5%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
  margin-bottom: 0.5%;
  margin-left: 0.5%;
  margin-top: 0.5%;
}

.edyRouteDetail{
  width: 30%;
  height: 98.5%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
}

.edyRouteButton{
  margin-top: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
  border: 1px solid #CFCEA5;
}


.edyStatusContent{
  display: flex;
  flex-direction:column;
  width: 1300px;
  height: 98.5%;
  border: 1px solid #CFCEA5;
  background-color: #FFF;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  margin-left: 0.5%;
}

.icons-Eddy-statusTrip {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -416px -16px;
  margin-top:3px;
  margin-left: 7px;
}
.icons-Eddy-Report {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -50px 1px;
  margin-top:3px;
  margin-left: 7px;
}
.icons-Eddy-Report:hover{
  cursor:pointer;
}

.icons-Eddy-Search {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: 5px 3px;
  margin-top:3px;
  margin-left: 7px;
}
.icons-Eddy-Search:hover{
  cursor:pointer;
}

/*Botones de acciones del eddy asignar*/
.icons-Eddy-inactive{
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -71px -50px;
  margin-top: 10px;
  margin-left: 7px;
}

.icons-Eddy-active{
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -178px -105px;
  margin-top: 10px;
  margin-left: 7px;
}

.icons-Eddy-arrowRight {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 20px;
  height: 20px;
  background-position: -194px -35px;
  margin-top: 3px;
  margin-left: 30px;
}
.icons-Eddy-arrowRightBright {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 20px;
  height: 20px;
  background-position: -231px -89px;
  margin-top: 3px;
  margin-left: 30px;
}

.icons-Eddy-arrowDownBright {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 20px;
  height: 20px;
  background-position: -244px -87px;
  margin-top: 3px;
  margin-left: 30px;
}

.icons-Eddy-road {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -370px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-shinyEddy-road {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -302px -70px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-assignedRoad {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -370px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-shinyEddy-assignedRoad {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -302px -70px;
  margin-top: 3px;
  margin-left: 7px;
}


.icons-Eddy-vehiclePlus {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -393px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-shinyVehiclePlus {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -326px -69px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-vehicleChange {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -393px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-shinyVehicleChange {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: -326px -69px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-vehicleChangei {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: 2px -52px;
  margin-top: 5px;
  margin-left: 7px;
}

.icons-Eddy-shinyVehicleChangei {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 22px;
  height: 22px;
  background-position: 2px -124px;
  margin-top: 5px;
  margin-left: 7px;
}

.icons-Eddy-Deassign {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 21px;
  height: 20px;
  background-position: -34px -34px;
  margin-top: 5px;
  margin-left: 20%;
}

.icons-Eddy-shinyDeassign {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 21px;
  height: 20px;
  background-position: -34px -34px;
  margin-top: 5px;
  margin-left: 20%;
  opacity: 0.5;
}



.icons-Eddy-whiteSheet {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -240px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-shinyWhiteSheet {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -349px -69px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-assignedWhiteSheet {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -240px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-Eddy-assignedShinyWhiteSheet {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 18px;
  height: 22px;
  background-position: -349px -69px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-edi-assignGeofences {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 30px;
  height: 20px;
  background-position: -320px -16px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-edi-shinyAssignGeofences {
  background: url(../images/iconsedi2.svg) no-repeat;
  float: left;
  width: 30px;
  height: 20px;
  background-position: -272px -69px;
  margin-top: 3px;
  margin-left: 7px;
}

/*clases referente al icono de bocina para alarmasde widgets */
.icons-cesar-volume-denied {
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
  float: left;
  width: 22px;
  height: 18px;
  background-position: -304px -243px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-cesar-volume-denied:hover {
  background-position: -282px -243px;
}

.icons-cesar-volume-avaliable {
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
  float: left;
  width: 22px;
  height: 18px;
  background-position: -261px -243px;
  margin-top: 3px;
  margin-left: 7px;
}

.icons-cesar-volume-green {
  background: url(../images/icons2.svg) no-repeat;
  background-size: 466.7px 283.4px;
  float: left;
  width: 22px;
  height: 25px;
  background-position: -327px -236px;
}
/*estilo para pintar encabezado de amarillo*/
.columnYellow {
  background-color: yellow;
}
.columnRed {
  background-color: red;
  color: black;
}
.columnPurple {
  background-color: #BCA9F5;
}
.colorText {
  background-color: white;
  text-transform: uppercase;
}


/********************************************* YUSEN ****************************************/

:root{
  --default-yellow: #FDBB30;
  --default-bg: #CFCEA5;
}

#rowValueRepeat {
  height: 25px;
  outline: 0px;
  font-size: 12px;
  background-color: #fff;
}

#rowValueRepeat:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

#rowValueRepeat.active{
  background-color: #f0f0f0;
}

.md-select-value{
  padding: 0;
  min-height: 20px;
  border: 1px solid rgba(0,0,0,0.30);
  border-bottom-color: rgba(0,0,0,0.30) !important;
}

.grlTabs{
  display: flex;
  cursor: pointer;
  padding: 12px 15px;
  text-align: center;
  align-items: center;
  background-color: #fff;
  border-right: 5px solid var(--default-bg);
}

.grlTabs:last-child{
  border-right: none;
}

.activeTab{
  outline: 0px;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  border-top: 5px solid var(--default-yellow);
}

.activeTab::before{
  top: -5px;
  right: -3px;
  z-index: 25;
  content: "";
  display: block;
  position: absolute;
  border-top: 15px solid var(--default-bg);
  border-left: 18px solid transparent;
  border-bottom: 15px solid transparent;
}

.inactiveTab{
  background: #dfdfdf;
  font-weight: normal;
  border-bottom: 5px solid var(--default-bg);
}

.rowInfoTripProgramming{
  flex: 10;
  color: #000;
  padding: 0 3px;
  overflow: hidden;
  border-left: none;
  border-left: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: center;
  border: 1px solid var(--default-bg);
}

.rowInfoTripProgramming:first-child{
  border-left: none;
}

.rowInfoTripProgramming:last-child{
  border-right: none;
}

.rowInfoTripProgramming select{
  width: 100%;
  border: none;
  background-color: transparent;
}

.rowInfoTripProgramming * {
  vertical-align: -webkit-baseline-middle;
}

.rowHeadInfoTripProgramming{
  flex: 10;
  display: flex;
  padding: 7px 0px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}


@media(max-width: 1223px) {
  .rowInfoTripProgramming{
    padding: 0;
  }

  .rowHeadInfoTripProgramming{
    padding: 11px 0px;
  }
}

.pl-5{
  padding-left: 5px;
}

.trip-programming-tabs {
  width: 100%;
  color: grey;
  flex-grow: 1;
  display: flex;
  flex-shrink: 0;
}

.trip-programming-content{
  flex: 97;
  height: 100%;
  display: flex;
  flex-flow: column;
}

.trip-programming-actions{
  width: 100%;
  flex-grow: 0;
  padding: 5px 0;
  text-align: right;
  padding-right: 15px;
  background-color: #fff;
  border-top: 3px solid var(--default-bg);
}

.tab-close-action{
  flex: 3;
  /* padding-top: 50px; */
  padding-left: 5px;
}

.trip-programming-headings-list{
  width: 100%;
  color: grey;
  flex-grow: 1;
  flex-shrink: 0;
  background-color: #fff;
  border-bottom: 3px solid var(--default-bg);
}

.trip-programming-list{
  width:100%;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}

.button-default{
  border: none;
  padding: 3px 8px;
  background-color: transparent;
}

.button-default span{
  margin-right: 5px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}

/* ================================================================================= */

.export-trip-popup .modal-body .export-trip-emails{
  color: #000;
  display: flex;
  margin-top: auto;
  align-items: center;
}

.export-trip-popup .modal-body .row-fluid{
  padding: 0 10px;
}

.export-trip-popup .modal-body .export-trip-emails span{
  font-weight: 600;
  margin-right: 15px;
  display: inline-block;
}

.export-trip-popup .modal-body .export-trip-emails input{
  flex-grow: 1;
  padding: 3px 10px;
}

.export-trip-popup .modal-body .export-trip-action-buttons{
  margin-top: auto;
  align-self: flex-end;
  padding-bottom: 15px;
}

button.button-action-default{
  border: none;
  opacity: 0.60;
  background-color: transparent;
}
button.button-action-default:hover{
  opacity: 1;
}
button.button-action-default:focus{
  opacity: 1;
  outline: none;
}

.row-flex{
  clear: both;
  display: flex;
  margin: 0 -15px;
  flex-wrap: nowrap;
}
.new-css .col{
  padding: 5px 15px;
}
.new-css .col-4{
  width: 33.3%;
  padding: 5px 15px;
}
.new-css .col-3{
  width: 25%;
  padding: 5px 15px;
}
.new-css .col-8{
  width: 66.6%;
  padding: 5px 15px;
}
.new-css .col-12{
  width: 100%;
  padding: 5px 15px;
}

.view-trip-content{
  width: 75%;
  max-height: 100%;
}
.edit-trip-content{
  width: 90%;
  max-height: 100%;
}

.pb-0{
  padding-bottom: 0!important;
}

.view-trip-content .scroll{
  height: calc(100% - 171px);
}

.edit-trip-content .scroll{
  height: calc(100% - 90px);
}

.nowrap{
  flex-wrap: nowrap!important;
}
.new-css .field{
  display: flex;
  color: #9d9ea0;
  flex-wrap: wrap;
  position: relative;
  padding: 5px 0 15px;
  align-items: center;
  justify-content: space-between;
}
.new-css .field.field-up-label,
.new-css .nowrap-fields .field{
  flex-wrap: nowrap;
}
.new-css .field.field-up-label{
  padding-top: 0;
  margin-top: -16px;
}
.new-css .field.field-up-label label{
  flex-basis: 100%;
}
.new-css .field.field-up-label input,
.new-css .field.field-up-label textarea,
.new-css .field.field-up-label select,
.new-css .field.field-up-label md-select-value{
  flex-basis: 100%;
}
.new-css .field .breaker{
  height: 1px;
  flex-basis: 100%;
}
.new-css .field label{
  width: 130px;
  overflow: hidden;
  margin-right: 10px;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.new-css .field md-select{
  margin: 0;
  flex-grow: 1;
  width: 100%;
}
md-select:not([disabled]):focus .md-select-value{
  color: inherit;
  border-bottom: none;
  padding-bottom: 3px;
}

.new-css .field textarea,
.new-css .field select,
.new-css .field md-select-value{
  margin: 0;
  flex-grow: 1;
  border: none;
  padding: 3px 10px;
  text-align: right;
  line-height: 20px;
  text-align-last: right;
  background-color: #fff;
  width: 100%;
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.3);
}
.new-css .field input{
  margin: 0;
  flex-grow: 1;
  border: none;
  padding: 3px 10px;
  text-align: right;
  line-height: 20px;
  text-align-last: right;
  background-color: #fff;
  width: calc(100% - 139px);
  box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.3);
}
.new-css .field input[disabled],
.new-css .field textarea[disabled],
.new-css .field select[disabled],
.new-css .field md-select-value[disabled]{
  background-color: #e4e5e7;
}
.new-css .field md-select-value{
  padding-right: 3px;
}
.new-css md-select .md-select-icon{
  color: inherit;
}
.new-css .field .edit-catalogue{
  cursor: pointer;
  font-size: 10px;
  margin-top: 3px;
  margin-left: auto;
}
.new-css .field input[type="checkbox"]{
  width: 26px;
  height: 26px;
  flex-grow: 0;
  box-shadow: none;
}
.new-css input[type="checkbox"]:after {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
  border-radius: 3px;
  background-size: cover;
  background-color: #fff;
  border: 1px solid #c4c4c4;
}
.new-css input[type="checkbox"]:checked:after{
  border: none;
  background-image: url("https://static.thenounproject.com/png/333360-200.png");
}
.new-css .field textarea{
  height: 105px;
  text-align: left;
  text-align-last: left;
  background-color: #fff;
}

.default-section{
  padding: 10px 15px;
  background-color: #fff;
  border-bottom: 3px solid var(--default-bg);
}
.default-section:last-child{
  border-bottom: none;
}
.ml-auto{
  margin-left: auto;
}
.align-center{
  align-items: center;
}
.content-space-between {
  justify-content: space-between;
}
.view-trip b{
  font-weight: 600;
}
.controller-content{
  width: 100%;
  color: grey;
  height: 100%;
  display: flex;
  padding-top: 6px;
  padding-left: 6px;
  max-height: 100%;
  padding-bottom: 25px;
  flex-flow: row wrap;
  align-content: flex-start;
}
.controller-content.nowrap{
  flex-wrap: nowrap;
}
.controller-content-full-y{
  height: 100%;
}
.default-section.stops{
  padding-top: 0;
  padding-bottom: 0;
}
.view-trip-content .stops .stop-block{
  border-bottom: none;
  border-right: 3px solid var(--default-bg);
}
.stop-block{
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--default-bg);
}
.stop-block p{
  overflow: hidden;
  white-space: nowrap;
  padding-bottom: 10px;
  text-overflow: ellipsis;
}
.stop-block p:last-child{
  padding-bottom: 0;
}
.stop-block b{
  width: 100px;
  margin-right: 10px;
  display: inline-block;
}
.view-trip-stops{
  background-color: #fff;
  width: calc(25% - 35px);
  border-left: 3px solid var(--default-bg);
}
.view-trip-stops .default-section.stops-list{
  padding-left: 0;
  padding-right: 0;
}
.view-trip-stops .default-section.stops-list .stop-block{
  padding-left: 10px;
  padding-right: 10px;
}

/* ========================================= */
table.table-default{
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}
table.table-default th{
  padding: 15px 8px;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid var(--default-bg);
  border-top: none;
}
table.table-default th:first-child,
table.table-default td:first-child{
  border-left: none;
}
table.table-default th:last-child,
table.table-default td:last-child{
  border-right: none;
}
table.table-default td{
  overflow: hidden;
  padding: 10px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid var(--default-bg);
}
table.table-default th,
table.table-default td{
  text-align: center;
}
.default-section.table-section{
  padding: 0;
}
.customer-templates-list{
  height: 100%;
  background-color: #fff;
}
.customer-templates-list .default-section.customer-templates-table{
  padding: 0;
  width: 400px;
  height: calc(100% - 90px);
}
table.table-default tr{
  cursor: pointer;
}
table.table-default tr.active{
  background-color: #f0f0f0;
}
.new-css .confirm-buttons2 span{
  margin: 3px 0;
}
.customer-template-content .scroll{
  max-height: calc(100% - 37px);
}

/* ================================================================== */

.new-css .update-catalogue{
  right: 0;
  top: calc(100% - 20px);
  z-index: 99;
  width: 220px;
  position: absolute;
  text-align: center;
  padding: 20px 15px;
  background-color: #fff;
  box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.3);
}
.new-css .update-catalogue .field{
  padding-top: 20px;
  padding-bottom: 50px;
}
/* ======================================================================= */
.trips-monitoring-content{
  width: 45%;
  height: 100%;
  background-color: #fff;
}
.trips-monitoring-content.blur{
  filter: blur(1px);
  pointer-events: none;
}
.trips-monitoring-content .default-section-heading-content{
  flex-grow: 1;
}
.trips-monitoring-content .default-section-heading .field{
  padding: 0;
}
.trips-monitoring-content .default-section-heading h3{
  margin-top: 6px;
}
.trips-monitoring-content .icons-Eddy-statusTrip{
  margin-right: 10px;
}
.trips-monitoring-content .scroll{
  max-height: calc(100% - 50px);
}
.trips-monitoring-trip-info{
  flex-grow: 1;
  max-width: 50%;
  padding-left: 15px;
}
.childs-bordered > *{
  min-height: 50px;
  border-bottom: 3px solid #cfcea5;
}
.childs-bordered > *:last-child{
  border-bottom: 3px solid var(--default-yellow);
}
/*  ============================================================  */
.carrier-templates-view .carrier-templates-content{
  width: 45%;
  height: 100%;
  background-color: #fff;
}
.carrier-templates-view .carrier-templates-content .scroll{
  height: calc(100% - 90px);
}

/*  ============================================================  */
.carrier-template-view .carrier-template-content{
  width: 45%;
  height: 100%;
  background-color: #fff;
}
.carrier-template-view .carrier-template-content .scroll{
  height: calc(100% - 40px);
}
.text-right{
  text-align: right;
}
/* ================================================== */

.new-css .tabs-section{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: #e5e6e8;
}
.new-css .tabs-section .tab{
  cursor: pointer;
  padding: 10px 15px;
  position: relative;
  border-right: 3px solid var(--default-bg);
}
.new-css .tabs-section .tab:focus{
  outline: none;
}
.new-css .tabs-section .tab:last-child:not(.active){
  border-right: none;
}
.new-css .tabs-section .tab.active{
  font-weight: 600;
  background-color: #fff;
  text-transform: uppercase;
  box-shadow: inset 0 5px 0 var(--default-yellow);
}
.new-css .tabs-section .tab.active::before{
  top: -5px;
  right: -3px;
  z-index: 25;
  content: "";
  display: block;
  position: absolute;
  border-top: 15px solid var(--default-bg);
  border-left: 18px solid transparent;
  border-bottom: 15px solid transparent;
}
.new-css .tabs-section .tab.active::after{
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  bottom: -5px;
  display: block;
  background: white;
  position: absolute;
}

.assign-trips-view > div{
  height: 100%;
  background-color: #fff;
  border-right: 3px solid var(--default-bg);
}
.assign-trips-view .scroll{
  height: calc(100% - 45px);
}
.assign-trips-view .default-section:first-child{
  height: 45px;
}
.assign-trips-view .assign-trips-content{
  width: 60%;
}
.assign-trips-view button.button-action-default{
  padding: 0;
  vertical-align: middle;
}
.assign-trips-view button.button-action-default span{
  margin: 0!important;
}
.assign-trips-view span[class*="icons"]{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0!important;
}
.assign-trips-view span[class*="icons"] + p{
  vertical-align: sub;
  display: inline-block;
}
.assign-trips-content table.table-default{
  height: 100%;
}

table.table-default thead.border-divider{
  border-bottom: 5px solid var(--default-bg);
}
table.table-default thead.no-borders th{
  border-color: transparent;
}

.default-list .list-item{
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}
.default-list .list-item.selectable{
  opacity: 0.65;
}
.default-list .list-item.selectable.selected{
  opacity: 1;
}
.default-list .list-item:last-child{
  border-bottom: none;
}
.default-list .list-item .list-item-title{
  width: 140px;
  font-size: 13px;
  display: inline-block;
}
.default-list .list-item .list-item-text{
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  margin-left: 130p;
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 145px);
}
.table-fixed-header tbody{
  height: 100%;
  display: block;
  overflow-y: auto;
}
.table-fixed-header tr{
  width: 100%;
  display: table;
  table-layout: fixed;
}
.assign-trips-view .confirm-buttons2{
  background-color: transparent;
}
.assign-trips-view .confirm-buttons2 span[class*="icons"]{
  margin: 3px 0!important;
}
.bordered-centered-title{
  font-weight: 600;
  text-align: center;
  padding: 25px 0 10px;
  border-bottom: 2px solid var(--default-yellow);
}
.assign-trips-view .trip-extra-info{
  width: 38%;
}
.assign-trips-view .trip-unit-assignation .field,
.assign-trips-view .trip-unit-change .field,
.assign-trips-view .trip-unit-box .field{
  padding: 5px 0 0;
}
.assign-trips-view .trip-unit-assignation .list-item,
.assign-trips-view .trip-unit-change .list-item,
.assign-trips-view .trip-unit-box .list-item{
  padding: 0;
}
.assign-trips-view .trip-route-details{
  flex-grow: 1;
}
/* ========================================================== */
.edi-status-comment-parent{
  position: relative;
}
.edi-status-comment{
  top: 100%;
  z-index: 10;
  left: -140px;
  width: 300px;
  padding: 5px 10px;
  position:  absolute;
  background-color: #fff;
  box-shadow: inset 0 0 1px 3px rgba(0,0,0,0.45);
}

.edi-status-comment .field{
  display: block;
  text-align: left;
}
.edi-status-comment .field textarea{
  width: 100%;;
}
.seen{
  background-color: #f6e36d8c !important;
}
.new-css img {
  max-width: 100%;
}
.new-css .bg-light{
  background-color: #fff;
}
.modal.in.get-apps-modal .modal-dialog{
  margin: 0;
  width: 100%;
  height: 100%;
}
.get-apps-modal .modal-content{
  top: 50%;
  left: 50%;
  margin: 0;
  width: 800px;
  position: absolute;
  max-width: calc(100% - 100px);
  transform: translate(-50%, -50%);
}

.get-apps-modal .get-apps-modal-text{
  padding: 10px 15px;
}
.get-apps-modal .get-apps-modal-text h2{
  font-size: 22px;
}
.get-apps-modal .modal-body{
  padding: 0;
  background-color: #fff;
}
.modal-header .close-btn{
  top: 3px;
  margin: 0;
  right: 4px;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  padding: 0 6px 2px;
  position: absolute;
  border: 1px solid white;
}
.new-css.apps-links{
  opacity: 0;
  display: flex;
  margin: 0px auto;
  max-width: 787px;
  transition: all 0.5s;
  align-items: center;
}
.new-css.apps-links.display{
  opacity: 1;
}
.new-css.apps-links h3 {
  font-size: 18px;
}
.get-apps-modal img{
  margin-bottom: -3px;
}

.icons-geofences-monitor {
  background: url(../images/iconsNeec.svg) no-repeat;
  background-size: 698.1px 250.1px;
  float: left;
  height: 24px;
  width: 24px;
  background-position: -550px -79px;
}
.submenu-list li:hover .icons-geofences-monitor {
  background-position: -470px -107px;
}
.submenu-list .active .icons-geofences-monitor,
.submenu-list .active:hover .icons-geofences-monitor {
  background-position: -470px -136px;
}

.icons-vehicle-shipments {
  background: url(../images/iconsNeec.svg) no-repeat;
  background-size: 698.1px 250.1px;
  float: left;
  height: 24px;
  width: 24px;
  background-position: -637px -53px;
}
.submenu-list li:hover .icons-vehicle-shipments {
  background-position: -614px -53px;
}
.submenu-list .active .icons-vehicle-shipments,
.submenu-list .active:hover .icons-vehicle-shipments {
  background-position: -637px -53px;
}

.modal.share-location .modal-dialog {
  width: 1024px;
}
.modal.share-location .modal-content {
  width: 1024px;
}
.modal.share-location .modal-custom {
  margin: 0;
}