:root {
  --red: #d9534f;
  --green: #5cb85c;
  --green1: #4ba24b;
  --blue: #337ab7;
  --white: #fff;
  --blue1: #4098bd;
  --blue2: #5bc0de;
  --yellow: #f3ba25;
  --orange: #ec9c2f;
  --gray: #6c757d;
  --btdefault: #999da0;
  --black: #000;
  --txt-black: #333;
  --black1: #656565;
  --gray2: #b1b1b1;
  --gray3: #efefef;
  --btshadow: #bbb;
  --gray4:#DDDDDD;
  --bt-save: var(--green);
  --bt-close: var(--gray3);
  --bt-activo: var(--blue);
  --bt-geocerca: var(--yellow);
  --bt-recorrido: var(--blue2);
  --bt-lugar: var(--green);
  --bt-sms: var(--blue1);
  --bt-gprs: var(--gray2);
  --bt-bateria: var(--green1);
  --bt-seguir: var(--black);
  --bt-mostrar: var(--blue1);
  --bt-ocultar: var(--blue1);
  --bt-ruta: var(--black1);
  --bt-parada: var(--red);
  --bt-opciones: var(--white);
  --bt-opciones_alt: var(--gray2);
  --bt-mostrar_todos: var(--gray3);
  --bt-ocultar_todos: var(--gray3);
  --bt-agregar: var(--blue);
  --bt-eliminar: var(--red);
  --bt-evento: var(--orange);
  --bt-alerta: var(--red);
  --bt-correo: var(--gray2);
  --bt-usuario: var(--blue1);
  --bt-grupo: var(--blue);
  --bt-grupo_activo: var(--orange);
  --bt-modulo: var(--white);
  --bt-exportar: var(--green1);
  --bt-permisos: var(--orange);
  --bt-video: var(--blue1);
  --bt-editar: var(--orange);
  --bt-test: var(--gray3);
}

div.bt-box {
  overflow: hidden;
  border: 1px solid #ccc;
}

.ui-widget-content a.bt {
  color: #fff;
}

.bt {
  display: inline-block;
  padding: 6px 9px;
  margin: 0 2px 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background: var(--btdefault);
  border-radius: 4px;
  color: #fff;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bt:disabled, .bt[disabled] {
  opacity: 0.5;
  cursor: default;
}

.bt:disabled:hover, .bt[disabled]:hover {
  opacity: 0.5;
  cursor: default;
}

.bt:hover {
  text-decoration: none;
  color: var(--white);
}

.bt::first-letter {
  text-transform: capitalize;
}

.bt.white,
.ui-widget-content a.bt.white {
  border-color: #ddd;
  color: var(--txt-black);
}

.bt.white:hover,
.ui-widget-content a.bt.white:hover {
  color: var(--txt-black);
}

.bt i {
  float: left;
  margin: 0 0px 0 0px;
  display: none;
}

.bt.ico i {
  display: block;
}

.bt.lg i {
  font-size: 22px;
  width: 22px;
}

.bt.ico::first-letter {
  margin-left: 7px;
}

.bt.lg.ico::first-letter {
  margin-left: 5px;
}

.bt.ico.lg::first-letter {
  margin-left: 5px;
}

.bt.lg {
  padding: 10px 12px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.bt i {
  font-size: 18px;
  width: 14px;
  margin: 1px 0 0 -3px;
}

.bt.sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bt.sm i {
  font-size: 16px;
  width: 16px;
  margin: 0px 0 2px -4px;
  -moz-margin-end: 1px;
  -moz-margin-start: 1px;
}

.bt.xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.bt.xs i {
  font-size: 12px;
  width: 12px;
  margin: 3px 0 3px -1px;
  -moz-margin-end: 1px;
  -moz-margin-start: 1px;
}

.red {
  color: var(--red);
}

.green {
  color: var(--green);
}

.blue {
  color: var(--blue);
}

.blue1 {
  color: var(--blue1);
}

.info {
  color: var(--blue2);
}

.yell,
.yellow {
  color: var(--yellow);
}

.white {
  color: var(--white);
}

.bt.blue1 {
  background: var(--blue1);
  color: var(--white);
}

.bt.red {
  background: var(--red);
  color: var(--white);
}

.bt.green {
  background: var(--green);
  color: var(--white);
}

.bt.blue {
  background: var(--blue);
  color: var(--white);
}

.bt.info,
.bt.blue2 {
  background: var(--blue2);
  color: var(--white);
}

.bt.yell,
.bt.yellow {
  background: var(--yellow);
  color: var(--white);
}

.bt.orange {
  background: var(--orange);
}

.bt.white {
  background: var(--white);
}

.bt.black {
  background: var(--black);
}

.bt.black1 {
  background: var(--black1);
}

.bt.gray {
  background: var(--gray);
}

.bt.gray2 {
  background: var(--gray2);
}

.bt.gray3,
.ui-widget-content .bt.gray3 {
  background: var(--gray3);
  color: var(--gray2);
}

.bt.gray3:hover,
.ui-widget-content .bt.gray3:hover {
  color: var(--gray2);
}

.bt.save {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}

.bt.close_,
.ui-widget-content a.bt.close_ {
  background-color: var(--white);
  border-color: var(--gray4);
  color: var(--txt-black);
}

.bt.close_:hover,
.ui-widget-content a.bt.close_:hover {
  color: var(--txt-black);
}

.bt:hover {
  opacity: 0.7;
}

.bt.activo {
  background: var(--bt-activo);
}

.bt.geocerca {
  background: var(--bt-geocerca);
}

.bt.recorrido {
  background: var(--bt-recorrido);
}

.bt.lugar {
  background: var(--bt-lugar);
}

.bt.sms {
  background: var(--bt-sms);
}

.bt.gprs {
  background: var(--bt-gprs);
}

.bt.bateria {
  background: var(--bt-bateria);
}

.bt.seguir {
  background: var(--bt-seguir);
}

.bt.mostrar {
  background: var(--bt-mostrar);
}

.bt.ocultar {
  background: var(--bt-ocultar);
}

.bt.ruta {
  background: var(--bt-ruta);
}

.bt.parada {
  background: var(--bt-parada);
}

.bt.opciones {
  background: var(--bt-opciones);
}

.bt.opciones_alt {
  background: var(--bt-opciones_alt);
}

.bt.mostrar_todos {
  background: var(--blue1);
}

.bt.ocultar_todos {
  background: var(--gray2);
}

.bt.agregar {
  background: var(--bt-agregar);
}

.bt.eliminar {
  background: var(--bt-eliminar);
}

.bt.evento {
  background: var(--bt-evento);
}

.bt.alerta {
  background: var(--bt-alerta);
}

.bt.correo {
  background: var(--bt-correo);
}

.bt.usuario {
  background: var(--bt-usuario);
}

.bt.grupo {
  background: var(--bt-grupo);
}

.bt.grupo_activo {
  background: var(--bt-grupo_activo);
}

.bt.modulo {
  background: var(--bt-modulo);
}

.bt.exportar {
  background: var(--bt-exportar);
}

.bt.importar {
  background: var(--yellow);
}

.bt.test {
  background: var(--bt-test);
}

.bt.permisos {
  background: var(--bt-permisos);
}

.bt.video {
  background: var(--bt-video);
}

.bt.editar,
.bt.edit {
  background: var(--bt-editar);
}

.bt.cancel {
  background-color: var(--white);
  border-color: var(--gray4);
  color: var(--txt-black);
}

.bt.mostrar_todos,
.ui-widget-content .bt.mostrar_todos {
  color: var(--white);
}

.bt.mostrar_todos:hover,
.ui-widget-content .bt.mostrar_todos:hover {
  color: var(--white);
}

.bt.modulo,
.ui-widget-content .bt.modulo {
  color: var(--txt-black);
  border-color: #ddd;
}

.bt.modulo:hover,
.ui-widget-content .bt.modulo:hover {
  color: var(--txt-black);
}

.bt.ocultar_todos,
.ui-widget-content .bt.ocultar_todos {
  color: var(--white);
}

.bt.ocultar_todos:hover,
.ui-widget-content .bt.ocultar_todos:hover {
  color: var(--white);
}

.bt.opciones,
.ui-widget-content .bt.opciones {
  border-color: #ddd;
  color: var(--txt-black);
}

.bt.opciones:hover,
.ui-widget-content .bt.opciones:hover {
  color: var(--txt-black);
}

/* load ___ code */
.loader {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  text-align: center;
  top: 20%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0%, 100% {
    stroke: #444;
  }
}
@keyframes color {
  0%, 100% {
    stroke: #444;
  }
}
/**/
/*boton al 100%*/
.bt-block {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/*con icono*/
.bt-block.ico i {
  float: none;
  display: inline;
  margin: 0 6px 0 0;
}

/*boton tipo link*/
.bt.link {
  background-color: transparent;
  color: var(--blue) !important;
  font-size: inherit;
  padding: 0 4px;
}

.bt.link:hover {
  color: var(--blue);
}

.ui-widget {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

:root {
  /*Nuevos colores*/
  --green3:#93c87d;
  --yellow2:#f9d35f;
  --red2:#f75e6d;
  --ondel-gray1:#F4F4F4;
  --ondel-gray2:#999999;
  --ondel-gray3:#DEDEDE;
  --ondel-gray4:#CCCCCC;
  --ondel-gray5:#EDF1F5;
  --ondel-red:#E14A39;
  --ondel-red2:#E14A39;
  --ondel-green:#94E1CE;
  --ondel-green2:#68CDB4;
  --ondel-green3:#2ECC71;
  --ondel-yellow:#FED268;
  --ondel-yellow2:#F4C454;
  --ondel-yellow3:#F1C40F;
  --ondel-orange:#FEBE68;
  --ondel-orange2:#F8AE4B;
  --ondel-blue:#97DCE0;
  --ondel-blue2:#7FCBDC;
  --ondel-text:#6c757d;
  --ondel-text2:#333333;
  --man-red:#e0514d;
  --man-red2:#C82C28;
  --man-yellow:#ffd360;
  --man-yellow2:#E5B63B;
  --man-blue:#6ddde1;
  --man-blue2:#36CED5;
  --cp-pur1:#e1bee7;
  --cp-pur2:#ce93d8;
  --cp-pur3:#ba68c8;
  --cp-pur4:#ab47bc;
  --cp-blu1:#b3e5fc;
  --cp-blu2:#81d4fa;
  --cp-blu3:#4fc3f7;
  --cp-blu4:#29b6f6;
  --cp-gre1:#c8e6c9;
  --cp-gre2:#a5d6a7;
  --cp-gre3:#81c784;
  --cp-gre4:#66bb6a;
  --cp-yel1:#fff9c4;
  --cp-yel2:#fff59d;
  --cp-yel3:#fff176;
  --cp-yel4:#ffee58;
  --cp-ora1:#ffe0b2;
  --cp-ora2:#ffcc80;
  --cp-ora3:#ffb74d;
  --cp-ora4:#ffa726;
  --cp-red1:#ffcdd2;
  --cp-red2:#ef9a9a;
  --cp-red3:#e57373;
  --cp-red4:#ef5350;
  --pendiente:var(--gray2);
  --progEnt:var(--ondel-gray2);
  --transito:var(--cp-ora3);
  --procEnt:#F39C12;
  --entregado:var(--green);
  --entConfirm:var(--green1);
  --cancelado:var(--man-red2);
  --noEncon:#F1C40F;
  --notificacion:var(--blue2);
  --evento:var(--blue);
  --alerta:var(--red);
  --precaucion:var(--yellow);
  --importante:#29166F;
  --confirmacion:var(--green);
  --conflicto:#801515;
  --generica:var(--gray);
  --calificacion:var(--orange);
}

/*////Navbars////*/
:root {
  --col-back-nav: #343a40;
  --col-border-nav: #1A1F24;
  --col-nlink-base: #9A9DA0;
  --col-nlink-secu: #CCCECF;
  --col-nlink-acti: #FFFFFF;
  --col-nlink-borde: #555555;
  --col-ndrop-base: #16181b;
  --col-ndrop-back: #f8f9fa;
  --col-circle-back: #4F575E;
  --col-iconSNP: #FFFFFF;
  --col-nav-a: #337ab7;
  --col-nav-b: #C0392B;
  /*------Boton barra Lateral-------*/
  --col-back-botonL: var(--blue);
  --col-texto-botonL: #FFFFFF;
  --col-back-navleft: #000000;
  --col-icon-a: #9e99aa;
  --col-texto: #9e99aa;
  --col-a-borde: #243235;
  --col-back-hovera: #293c43;
  --col-icon-hover: #FFFFFf;
  --col-texto-hover: #FFFFFf;
  /*------Cajas contadores-------*/
  --col-icon-caja1: #1D6FC5;
  --col-back-caja1: #2d8aeb;
  --col-text-caja1: #FFFFFF;
  --col-icon-caja2: #E55150;
  --col-back-caja2: #ff6868;
  --col-text-caja2: #FFFFFF;
  --col-icon-caja3: #F49114;
  --col-back-caja3: #ffa93c;
  --col-text-caja3: #FFFFFF;
  --col-icon-caja4: #018E01;
  --col-back-caja4: #05a705;
  --col-text-caja4: #FFFFFF;
  --col-icon-caja5: #1D6FC5;
  --col-back-caja5: #2d8aeb;
  --col-text-caja5: #FFFFFF;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

body#gestion_flota {
  padding-top: 40px;
}

.navbar-base {
  font-size: 12.6px;
}

.navbar-base.clientes .navbar-inner {
  border-bottom-color: var(--col-border-nav);
}

.navbar-base.clientes .navbar-inner .container > div.nav {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  max-width: 120px;
}

.navbar-base.clientes .navbar-inner .container > div.nav .logo-mapa {
  height: auto;
  max-height: 40px;
  max-width: 100% !important;
}

.navbar-base.onpatrol .navbar-inner, .navbar-base.gestion .navbar-inner, .navbar-base.monitoreo .navbar-inner, .navbar-base.seguimiento .navbar-inner, .navbar-base.ruteo .navbar-inner, .navbar-base.mantenimientos .navbar-inner, .navbar-base.clientes .navbar-inner {
  background-color: var(--col-back-nav);
  padding: 5px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: none;
  height: 50px;
}

.navbar-base.onpatrol .navbar-inner .container, .navbar-base.gestion .navbar-inner .container, .navbar-base.monitoreo .navbar-inner .container, .navbar-base.seguimiento .navbar-inner .container, .navbar-base.ruteo .navbar-inner .container, .navbar-base.mantenimientos .navbar-inner .container, .navbar-base.clientes .navbar-inner .container {
  margin: 0;
}

.navbar-base.onpatrol .navbar-inner .container .nav li a, .navbar-base.gestion .navbar-inner .container .nav li a, .navbar-base.monitoreo .navbar-inner .container .nav li a, .navbar-base.seguimiento .navbar-inner .container .nav li a, .navbar-base.ruteo .navbar-inner .container .nav li a, .navbar-base.mantenimientos .navbar-inner .container .nav li a, .navbar-base.clientes .navbar-inner .container .nav li a {
  color: var(--col-nlink-base);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-shadow: none;
}

.navbar-base.onpatrol .navbar-inner .container .nav li a:hover, .navbar-base.gestion .navbar-inner .container .nav li a:hover, .navbar-base.monitoreo .navbar-inner .container .nav li a:hover, .navbar-base.seguimiento .navbar-inner .container .nav li a:hover, .navbar-base.ruteo .navbar-inner .container .nav li a:hover, .navbar-base.mantenimientos .navbar-inner .container .nav li a:hover, .navbar-base.clientes .navbar-inner .container .nav li a:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.onpatrol .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.gestion .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.monitoreo .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.seguimiento .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.ruteo .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.mantenimientos .navbar-inner .container .nav li .spnNotifications .notice-new, .navbar-base.clientes .navbar-inner .container .nav li .spnNotifications .notice-new {
  background-color: var(--col-nav-b);
  background: var(--col-nav-b);
}

.navbar-base.onpatrol .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.gestion .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.monitoreo .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.seguimiento .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.ruteo .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.mantenimientos .navbar-inner .container .nav li .spnNotifications .btnNotifications, .navbar-base.clientes .navbar-inner .container .nav li .spnNotifications .btnNotifications {
  border: 0;
  background-color: var(--col-circle-back);
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-top: 0;
  border-radius: 90%;
  position: relative;
}

.navbar-base.onpatrol .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.gestion .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.monitoreo .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.seguimiento .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.ruteo .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.mantenimientos .navbar-inner .container .nav li .spnNotifications .btnNotifications i, .navbar-base.clientes .navbar-inner .container .nav li .spnNotifications .btnNotifications i {
  position: absolute;
  top: 9px;
  left: 7px;
}

.navbar-base.onpatrol .navbar-inner .container .nav li .notifications, .navbar-base.gestion .navbar-inner .container .nav li .notifications, .navbar-base.monitoreo .navbar-inner .container .nav li .notifications, .navbar-base.seguimiento .navbar-inner .container .nav li .notifications, .navbar-base.ruteo .navbar-inner .container .nav li .notifications, .navbar-base.mantenimientos .navbar-inner .container .nav li .notifications, .navbar-base.clientes .navbar-inner .container .nav li .notifications {
  background-color: var(--col-circle-back);
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 90%;
}

.navbar-base.onpatrol .navbar-inner .container .nav li .notifications i, .navbar-base.gestion .navbar-inner .container .nav li .notifications i, .navbar-base.monitoreo .navbar-inner .container .nav li .notifications i, .navbar-base.seguimiento .navbar-inner .container .nav li .notifications i, .navbar-base.ruteo .navbar-inner .container .nav li .notifications i, .navbar-base.mantenimientos .navbar-inner .container .nav li .notifications i, .navbar-base.clientes .navbar-inner .container .nav li .notifications i {
  position: absolute;
  top: 10px;
  left: 8px;
}

.navbar-base.onpatrol .navbar-inner .container .nav li.divider-vertical, .navbar-base.gestion .navbar-inner .container .nav li.divider-vertical, .navbar-base.monitoreo .navbar-inner .container .nav li.divider-vertical, .navbar-base.seguimiento .navbar-inner .container .nav li.divider-vertical, .navbar-base.ruteo .navbar-inner .container .nav li.divider-vertical, .navbar-base.mantenimientos .navbar-inner .container .nav li.divider-vertical, .navbar-base.clientes .navbar-inner .container .nav li.divider-vertical {
  border: 0;
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.gestion .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify > li:nth-child(4), .navbar-base.clientes .navbar-inner .container .nav.navbar-notify > li:nth-child(4) {
  margin-top: 6px !important;
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu, .navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu {
  top: 108%;
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a, .navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:hover, .navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a, .navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown .dropdown-menu li.active a {
  background-color: var(--col-nav-a);
  background-image: none;
  color: var(--col-nlink-acti);
}

.navbar-base.onpatrol .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.gestion .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.monitoreo .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.seguimiento .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.ruteo .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.mantenimientos .navbar-inner .container .nav.navbar-notify .dropdown.open a, .navbar-base.clientes .navbar-inner .container .nav.navbar-notify .dropdown.open a {
  background-color: transparent;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li {
  padding-top: 5px;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 7px;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li {
  padding-top: 0;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li a {
  background-color: transparent;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu {
  top: 127%;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:hover, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li .dropdown-menu li.active a {
  background-color: var(--col-nav-a);
  background-image: none;
  color: var(--col-nlink-acti);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle .caret {
  border-top-color: var(--col-nlink-base);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown .dropdown-toggle:hover .caret {
  border-top-color: var(--col-nlink-secu);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active > a {
  color: var(--col-nlink-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a {
  color: var(--col-nlink-secu);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li .nav li.dropdown.active.open > a .caret {
  border-top-color: var(--col-nlink-secu);
}

.navbar-base.onpatrol .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.gestion .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.monitoreo .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.seguimiento .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.ruteo .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.mantenimientos .navbar-inner .container .nav.hide-on-mobile-device li.active a, .navbar-base.clientes .navbar-inner .container .nav.hide-on-mobile-device li.active a {
  background-color: transparent;
  color: var(--col-nlink-acti);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query {
  border: 0;
  background-color: var(--col-circle-back);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  font-family: inherit;
  color: var(--white);
  max-width: 80px;
}

.navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query:focus, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query:focus {
  text-shadow: none;
  padding: 4px 14px;
  caret-color: var(--col-nlink-acti);
  max-width: 80px;
}

.navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query:focus::-webkit-input-placeholder, .navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query:focus:-ms-input-placeholder, .navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query:focus::-ms-input-placeholder, .navbar-base.onpatrol .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.gestion .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.monitoreo .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.seguimiento .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.ruteo .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.mantenimientos .navbar-inner .container .navbar-search .search-query:focus::placeholder, .navbar-base.clientes .navbar-inner .container .navbar-search .search-query:focus::placeholder {
  opacity: 0.5;
}

.navbar-base.reportes {
  background-color: var(--col-back-nav) !important;
  height: 50px !important;
}

.navbar-base.reportes #logo_distribuidor {
  background-position: left center;
  height: 40px;
  margin-top: 0;
  max-width: 120px;
  float: none;
  margin-left: 70px;
}

.navbar-base.reportes .navbar-header .navbar-header h4 {
  margin-top: 16px;
  font-weight: normal;
  color: var(--col-nlink-base);
}

.navbar-base.reportes #base-platform-menu {
  margin-top: 10px !important;
}

.navbar-base.reportes .navbar-top-links > li:last-child a {
  color: var(--col-nlink-base);
  padding-top: 14px;
  padding-bottom: 10px;
  font-weight: normal;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar-base.reportes .navbar-top-links > li:last-child a:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.reportes.aside .sidebar-collapse > div {
  background-color: var(--col-back-nav) !important;
  height: 50px !important;
}

.navbar-base.reportes.aside .sidebar-collapse > div .collapse-link {
  margin-top: 4px;
  background-color: var(--col-circle-back);
  border: 0;
  border-radius: 90%;
  width: 30px;
  height: 30px;
  position: relative;
}

.navbar-base.reportes.aside .sidebar-collapse > div .collapse-link i {
  position: absolute;
  top: 8px;
  left: 8px;
}

.navbar-base.mantenimientos .navbar-inner .container .nav li {
  padding-top: 5px;
}

.navbar-base.mantenimientos .navbar-inner .container .nav li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 10px;
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .seg-mttos .caret {
  border-top-color: var(--col-nlink-base);
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .seg-mttos:hover .caret {
  border-top-color: var(--col-nlink-secu);
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-menu {
  top: 127%;
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-menu li a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-menu li a:hover, .navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-menu li.active a {
  background-color: var(--col-nav-a);
  background-image: none;
  color: var(--col-nlink-acti);
}

.navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-toggle:hover, .navbar-base.mantenimientos .navbar-inner .container .nav li.dropdown .dropdown-toggle:focus {
  background-color: transparent;
}

.navbar-base.mantenimientos .navbar-inner .container .nav.pull-right li {
  padding-top: 0;
}

.navbar-base.ruteo .navbar-inner .container {
  margin: 0;
  width: 100% !important;
}

.navbar-base.ruteo .navbar-inner .container .nav-collapse .nav li {
  padding-top: 5px;
}

.navbar-base.ruteo .navbar-inner .container .nav-collapse .nav li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 10px;
}

.navbar-base.ruteo .navbar-inner .container .nav-collapse .nav li.active a {
  background-color: transparent;
}

.navbar-base.ruteo .navbar-inner .container .nav-collapse .nav.pull-right li {
  padding-top: 0;
}

.navbar-base.monitoreo .container .navbar-inner, .navbar-base.seguimiento .container .navbar-inner {
  height: 50px;
  background-color: var(--col-back-nav);
  background-image: none;
  border: 0;
}

.navbar-base.monitoreo .container .navbar-inner .nav li, .navbar-base.seguimiento .container .navbar-inner .nav li {
  padding-top: 5px;
}

.navbar-base.monitoreo .container .navbar-inner .nav li a, .navbar-base.seguimiento .container .navbar-inner .nav li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 10px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar-base.monitoreo .container .navbar-inner .nav li a:hover, .navbar-base.seguimiento .container .navbar-inner .nav li a:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.monitoreo .container .navbar-inner .nav.pull-right li, .navbar-base.seguimiento .container .navbar-inner .nav.pull-right li {
  padding-top: 0;
}

.navbar-base.monitoreo .container .navbar-inner .nav.pull-right li .spnNotifications .notifications, .navbar-base.seguimiento .container .navbar-inner .nav.pull-right li .spnNotifications .notifications {
  background-color: var(--col-circle-back);
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 90%;
}

.navbar-base.monitoreo .container .navbar-inner .nav.pull-right li .spnNotifications .notifications i, .navbar-base.seguimiento .container .navbar-inner .nav.pull-right li .spnNotifications .notifications i {
  position: absolute;
  top: 10px;
  left: 8px;
}

.navbar-base.gestion {
  position: fixed;
}

.navbar-base.gestion .navbar-inner .container .nav li {
  padding-top: 5px;
}

.navbar-base.gestion .navbar-inner .container .nav li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 10px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar-base.gestion .navbar-inner .container .nav li a:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.gestion .navbar-inner .container .nav li.dropdown a.dropdown-toggle:hover, .navbar-base.gestion .navbar-inner .container .nav li.dropdown a.dropdown-toggle:focus {
  background-color: transparent !important;
}

.navbar-base.gestion .navbar-inner .container .nav li.dropdown .dropdown-menu {
  top: 127%;
}

.navbar-base.gestion .navbar-inner .container .nav li.dropdown .dropdown-menu li a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.gestion .navbar-inner .container .nav li.dropdown .dropdown-menu li a:hover, .navbar-base.gestion .navbar-inner .container .nav li.dropdown .dropdown-menu li a:focus {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.navbar-base.gestion .navbar-inner .container .nav li.dropdown .dropdown-menu li.active a {
  background-color: var(--col-nav-a);
  background-image: none;
  color: var(--col-nlink-acti);
}

.navbar-base.gestion .navbar-inner .container .nav.pull-right li {
  padding-top: 0;
  margin-top: 6px !important;
}

.navbar-base.ondriving, .navbar-base.ruteo-libre, .navbar-base.onbus {
  background-color: var(--col-back-nav) !important;
  padding: 5px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item {
  padding: 0;
  min-width: auto;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item .nav-link, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item .nav-link, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item .nav-link {
  border-left: 1px solid var(--col-nlink-borde);
  -webkit-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
  font-weight: normal;
  font-size: 12.8px;
  text-shadow: none;
  color: var(--col-nlink-base);
  position: relative;
  padding: 5px 8px;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item .nav-link:hover, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item .nav-link:hover, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link {
  padding-right: 18px;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::after, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::after, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::after {
  position: absolute;
  top: 15px;
  right: 6px;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
  top: 127%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a.active, .navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a:active {
  background-color: var(--col-nav-a);
  color: var(--col-nlink-acti);
}

.navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a.active, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a:active {
  background-color: var(--col-nav-a);
  color: var(--col-nlink-acti);
}

.navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a.active, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a:active {
  background-color: var(--col-nav-a);
  color: var(--col-nlink-acti);
}

.navbar-base.ondriving .navbar-collapse .navbar-nav .nav-item.active .nav-link, .navbar-base.ruteo-libre .navbar-collapse .navbar-nav .nav-item.active .nav-link, .navbar-base.onbus .navbar-collapse .navbar-nav .nav-item.active .nav-link {
  color: var(--col-nlink-acti);
}

.navbar-base.ondriving .form-row, .navbar-base.ruteo-libre .form-row, .navbar-base.onbus .form-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 113px;
}

.navbar-base.ondriving .form-row > div, .navbar-base.ruteo-libre .form-row > div, .navbar-base.onbus .form-row > div {
  padding: 0;
}

.navbar-base.ondriving .form-row > div:first-child, .navbar-base.ruteo-libre .form-row > div:first-child, .navbar-base.onbus .form-row > div:first-child {
  margin: 0;
  max-width: 70px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
}

.navbar-base.ondriving .form-row > div:first-child input, .navbar-base.ruteo-libre .form-row > div:first-child input, .navbar-base.onbus .form-row > div:first-child input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 31px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.navbar-base.ondriving .form-row > div:last-child, .navbar-base.ruteo-libre .form-row > div:last-child, .navbar-base.onbus .form-row > div:last-child {
  max-width: 43px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 43px;
  flex: 0 0 43px;
}

.navbar-base.ondriving .form-row > div:last-child button, .navbar-base.ruteo-libre .form-row > div:last-child button, .navbar-base.onbus .form-row > div:last-child button {
  width: 100%;
  background-color: var(--col-nav-a);
  border-color: var(--col-nav-a);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 32px;
}

.navbar-base.onpatrol .navbar-inner .container {
  width: 100% !important;
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav li {
  padding-top: 5px;
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav li a {
  border-left: 1px solid var(--col-nlink-borde);
  padding: 5px 10px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  font-weight: normal;
  font-size: 12.8px;
  text-shadow: none;
  color: var(--col-nlink-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav li a:hover {
  color: var(--col-nlink-secu);
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav li.active a {
  background-color: transparent;
  color: var(--col-nlink-acti);
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav > li:first-child {
  padding-top: 0;
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav.pull-right li {
  padding-top: 0;
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav.pull-right li.text-clock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 9px;
  height: 26px;
  color: var(--col-nlink-base);
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav.pull-right li.divider-vertical {
  display: none;
}

.navbar-base.onpatrol .navbar-inner .container .nav-collapse .nav.pull-right li .spnNotifications {
  width: 38px;
  display: inline-block;
}

.navbar-base.onbus .navbar-collapse .navbar-nav li.dropdown .dropdown-menu {
  top: 127%;
  padding-left: 0;
  padding-right: 0;
}

.navbar-base.onbus .navbar-collapse .navbar-nav li.dropdown .dropdown-menu a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.onbus .navbar-collapse .navbar-nav li.dropdown .dropdown-menu a.active {
  background-color: var(--col-nav-a);
  color: var(--col-nlink-acti);
}

.navbar-base.onbus .form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 170px;
}

.navbar-base.onbus .form-inline #txtTime {
  max-width: 70px;
  height: 32px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-base.onbus .form-inline button {
  width: 43px;
  height: 32px;
  background-color: var(--col-nav-a);
  border-color: var(--col-nav-a);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.navbar-base.redjoin {
  background-color: var(--col-back-nav) !important;
  height: 50px !important;
}

.navbar-base.redjoin .btn-header span a {
  background-color: var(--col-nav-a);
}

.navbar-base.redjoin #logo-group {
  background-color: var(--col-back-nav) !important;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav li a {
  border: 0 !important;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav li.dropdown .dropdown-menu {
  top: 127%;
  padding-left: 0;
  padding-right: 0;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav li.dropdown .dropdown-menu a {
  border: 0;
  color: var(--col-ndrop-base);
}

.navbar-base.ondriving .navbar-collapse .navbar-nav li.dropdown .dropdown-menu a.active {
  background-color: var(--col-nav-a);
  color: var(--col-nlink-acti);
}

.navbar-base #timerUpdate .input-prepend button {
  background-color: var(--col-nav-a);
  border-color: var(--col-nav-a);
  background-image: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.navbar-base #timerUpdate .input-prepend input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-base #base-platform-menu {
  margin: 6px 10px 0;
}

.navbar-base #base-platform-menu .btn-menu-base .btn-menu-right {
  border: 0;
  background-color: var(--col-circle-back);
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-top: 0;
  position: relative;
  border-radius: 90%;
}

.navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  position: absolute;
  top: 10.4px;
  left: 8.5px;
}

.navbar-base #base-platform-menu #cnt-platforms {
  right: -15px;
  top: 39px;
}

.navbar-base #base-platform-menu #cnt-platforms::before {
  width: 6px;
  height: 6px;
  margin-left: 0;
  margin-top: 0;
  top: -4px;
  right: 25px;
}

.navbar-base #base-platform-menu #cnt-platforms #msg-platform {
  height: auto;
  padding: 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 4px;
}

.navbar-base #base-platform-menu #cnt-platforms .speech-bubble .funkyradio h6 {
  margin-bottom: 10px;
}

.navbar-base #btn-change-lang {
  display: none;
  cursor: auto;
}

.navbar-base #btn-change-lang .dropdown-toggle {
  padding: 0 !important;
  margin-left: 11px;
}

.navbar-base #btn-change-lang .dropdown-toggle .btnNotifications {
  border: 0;
  background-color: var(--col-circle-back);
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-top: 0;
  border-radius: 90%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-base #btn-change-lang.menu-visible {
  width: auto;
  opacity: 1;
  display: block;
}

.navbar-base #client_notify_list_box {
  margin-top: 4px;
}

.navbar-base #client_notify_list_box #icon-top {
  margin-top: 0;
  margin-left: 0;
  top: -16px;
  left: 150px;
}

.navbar-base #nav-bar-more-opt {
  margin-right: 0;
}

.navbar-base .bt-hide-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 2px;
  cursor: pointer;
}

.navbar-base .navbar-notify .dropdown .dropdown-toggle.cartografia .caret {
  border-top-color: var(--col-nlink-base) !important;
  border-bottom-color: var(--col-nlink-base) !important;
}

.navbar-base .navbar-notify .dropdown .dropdown-toggle:hover.cartografia .caret {
  border-top-color: var(--col-nlink-secu) !important;
  border-bottom-color: var(--col-nlink-secu) !important;
}

.navbar-base .navbar-notify .dropdown .dropdown-menu li.active a {
  color: var(--white) !important;
}

@media only screen and (max-width: 700px) {
  .navbar-base.clientes .navbar-inner .container .cnt-menu-movil .dropdown .dropdown-toggle {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-notify .spnNotifications {
    background-color: transparent !important;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-notify .spnNotifications #spnCantNotif {
    background-color: var(--col-nav-b) !important;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-notify .spnNotifications .notifications {
    padding: 0 !important;
    height: 30px !important;
    width: 30px !important;
    background-color: var(--col-circle-back) !important;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-notify #help .btnNotifications {
    background-color: var(--col-circle-back);
    height: 30px !important;
    width: 30px !important;
    padding: 0;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-notify .dropdown .cartografia {
    width: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .navbar-base.clientes .navbar-inner .container #base-platform-menu {
    margin: 6px 10px 0 0;
  }
  .navbar-base.clientes .navbar-inner .container .navbar-search #searchText {
    width: 25px !important;
  }
  .navbar-base.clientes .navbar-inner .container .logo-mapa {
    display: none;
  }
}
#plataforma-mapa #tool-box,
#plataforma-mapa #divisor,
#plataforma-mapa #mapa {
  height: calc(100vh - 50px) !important;
}

#plataforma-mapa #tool-box.tb-visible {
  overflow: visible;
}

.navbar-base.ondriving .navbar-collapse .navbar-nav li {
  padding: 0 !important;
  border-left-color: var(--col-nlink-borde) !important;
}

.navbar-base.monitoreo > .container .navbar-inner .nav li a, .navbar-base.seguimiento > .container .navbar-inner .nav li a {
  color: var(--col-nlink-base);
}

.navbar-base.monitoreo > .container .navbar-inner .nav li.active a, .navbar-base.seguimiento > .container .navbar-inner .nav li.active a {
  background-color: transparent;
  box-shadow: none;
}

/*//FIN//*/
.navbar-base .navbar-inner #main_menu_container .navbar-search #searchText {
  color: var(--col-iconSNP);
}

.navbar-base .navbar-inner #main_menu_container .navbar-search #searchText::placeholder {
  color: var(--col-iconSNP);
  opacity: 0.6;
}

.navbar-base .navbar-inner #main_menu_container .navbar-notify .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

.navbar-base .navbar-inner #main_menu_container .navbar-notify #help .btnNotifications i {
  color: var(--col-iconSNP);
}

.navbar-base .navbar-inner #main_menu_container #base-platform-menu #spn-change-platform .btn-menu-right i {
  color: var(--col-iconSNP);
}

#plataforma_reportes .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#plataforma_reportes .navbar-base .sidebar-collapse > div {
  border-bottom: 1px solid var(--col-border-nav) !important;
  padding-top: 5px;
}

#plataforma_reportes .navbar-base .sidebar-collapse .collapse-link i {
  color: var(--col-iconSNP);
}

#plataforma_reportes #page-wrapper .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#logistica .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#logistica .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#logistica .navbar-base.onbus > div.nav:first-child {
  max-width: 120px;
  margin-right: 10px;
}

#logistica .navbar-base.onbus > div.nav:first-child .logo-mapa {
  height: auto;
  max-height: 40px;
  max-width: 100% !important;
}

.navbar-base.redjoin {
  border-bottom: 1px solid var(--col-border-nav);
}

.navbar-base.redjoin .pull-right #base-platform-menu .btn-menu-base i {
  color: var(--col-iconSNP);
}

#ondriver .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#ondriver .navbar-base.ondriving > div.nav:first-child {
  max-width: 120px;
  margin-right: 10px;
}

#ondriver .navbar-base.ondriving > div.nav:first-child .logo-mapa {
  height: auto;
  max-height: 40px;
  max-width: 100% !important;
}

#plataforma_mantenimientos .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#plataforma_mantenimientos .navbar-base .navbar-inner {
  border: 0;
}

#plataforma_mantenimientos .navbar-base .navbar-inner #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#plataforma_mantenimientos .navbar-base .navbar-inner .nav.pull-right .spnNotifications .notifications {
  margin-top: 6px;
}

#plataforma_mantenimientos .navbar-base .navbar-inner .nav.pull-right .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

#plataforma_mantenimientos .navbar-base .navbar-inner .container .nav .dropdown .dropdown-toggle .caret {
  border-top-color: var(--col-nlink-base);
  border-bottom-color: var(--col-nlink-base);
}

#plataforma_mantenimientos .navbar-base .navbar-inner .container .nav .dropdown .dropdown-toggle:hover .caret {
  border-top-color: var(--col-nlink-secu);
  border-bottom-color: var(--col-nlink-secu);
}

#plataforma_mantenimientos .navbar-base .navbar-inner .container #ul_menu li.active a {
  background-color: transparent;
  box-shadow: none;
  color: var(--col-nlink-secu);
  font-weight: bold;
}

#plataforma_ruteo .navbar-base .navbar-inner {
  border-color: var(--col-border-nav);
}

#plataforma_ruteo .navbar-base .navbar-inner .container .nav-collapse .solapas_ruteo li a {
  box-shadow: none;
}

#plataforma_ruteo .navbar-base .navbar-inner .container .nav-collapse #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#plataforma_ruteo .navbar-base .navbar-inner .container .nav-collapse .nav.pull-right .navbar-search .input-prepend #btnPlayPause {
  box-shadow: none;
}

#plataforma_ruteo .navbar-base .navbar-inner .container .nav-collapse .nav.pull-right .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

#entregas .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#entregas .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#entregas .navbar-base.ruteo-libre .navbar-brand {
  height: 40px;
  max-width: 120px;
  display: flex;
  padding: 0;
  flex-direction: column;
  justify-content: center;
}

#entregas .navbar-base.ruteo-libre .navbar-brand .logo-mapa {
  height: auto;
  max-height: 40px;
  max-width: 100% !important;
}

#plataforma_seguimiento .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#plataforma_seguimiento .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#plataforma_seguimiento .navbar-base .nav.pull-right .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

.monitoreo.navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

.monitoreo.navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

.monitoreo.navbar-base .nav.pull-right .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

.modulo-rondines .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

.modulo-rondines .navbar-base .navbar-inner {
  border-bottom: 0;
}

.modulo-rondines .navbar-base .navbar-inner .container .nav-collapse .solapas_ruteo li a {
  box-shadow: none;
}

.modulo-rondines .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

.modulo-rondines .navbar-base .nav.pull-right .spnNotifications .notifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

.modulo-rondines .navbar-base.onpatrol {
  height: 50px;
  box-sizing: border-box;
}

.modulo-rondines .navbar-base.onpatrol > div.nav:first-child {
  height: 40px;
  max-width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 5px;
  margin-left: 7px;
}

.modulo-rondines .navbar-base.onpatrol > div.nav:first-child .logo-mapa {
  height: auto;
  max-height: 40px;
  max-width: 100% !important;
}

#gestion_flota .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#gestion_flota .navbar-base .navbar-inner {
  border: 0;
}

#gestion_flota .navbar-base .navbar-inner .container > .nav .dropdown .dropdown-toggle .caret {
  border-top-color: var(--col-nlink-base);
  border-bottom-color: var(--col-nlink-base);
}

#gestion_flota .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

#gestion_flota .navbar-base .nav.pull-right {
  height: 40px;
}

#gestion_flota .navbar-base .nav.pull-right .spnNotifications .btnNotifications i {
  color: var(--col-iconSNP);
  text-shadow: none;
}

#plataforma_ondelivery .navbar-base {
  border-bottom: 1px solid var(--col-border-nav);
}

#plataforma_ondelivery .navbar-base #base-platform-menu .btn-menu-base .btn-menu-right i {
  color: var(--col-iconSNP);
}

/*NAVBAR PARTNERS*/
.navbar-base-partner {
  background: var(--col-back-nav) !important;
  height: 50px !important;
  border-bottom: 1px solid var(--col-border-nav) !important;
  position: relative;
}

.navbar-base-partner > .dropdown.right {
  width: 60px !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
  margin-top: 58px !important;
  position: fixed !important;
}

.navbar-base-partner > .dropdown.right .dropdown-toggle {
  color: var(--white) !important;
  padding: 8px 6px !important;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px !important;
}

.navbar-base-partner > .dropdown.right .dropdown-menu {
  margin-top: 0;
}

.navbar-base-partner .logo {
  margin-left: 10px !important;
  height: 40px;
  display: flex;
  align-items: center;
}

.navbar-base-partner > div.right .logo {
  margin-top: 16px !important;
  font-size: 12.6px;
  color: var(--col-nlink-base) !important;
}

.navbar-base-partner > div.right .head-button-link.life-ring {
  background-color: var(--col-circle-back) !important;
  background-image: none;
  border-radius: 90%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 30px;
}

.navbar-base-partner > div.right .head-button-link.life-ring::after {
  content: "\e92f";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--col-iconSNP);
}

.navbar-base-partner > div.right .head-button-link.life-ring i {
  color: var(--col-iconSNP);
}

.navbar-base-partner > div.right .head-button-link.life-ring #contadorTicket {
  background: var(--col-nav-b) !important;
  position: absolute;
  font-size: 10px;
  left: auto;
  right: -5px;
  padding: 0 6px;
  height: auto;
}

.navbar-base-partner > div.right .head-button-link.pover.globe {
  width: 30px;
  height: 30px;
  background-image: none;
  background: var(--col-circle-back);
  border-radius: 90px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-base-partner > div.right .head-button-link.pover.globe i {
  color: var(--col-iconSNP);
  font-size: 18px;
}

.navbar-base-partner > div.right .head-button-link.pover.globe::after {
  content: "\e96c";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--col-iconSNP);
  font-size: 22px;
}

.navbar-base-partner > div.right .head-button-link.pover.iot {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  background: var(--col-circle-back);
  border-radius: 90px;
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-base-partner > div.right .head-button-link.pover.iot::after {
  content: "\e9cb";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--col-iconSNP);
  font-size: 22px;
}

.navbar-base-partner > div.right .dropdown.left.profile {
  height: 35px;
  margin-top: 7px;
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle .double-spacer {
  height: 35px;
  border-left: 0;
  border-right: 1px solid var(--col-nlink-borde);
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle .profile-username {
  color: var(--col-nlink-base);
  font-size: 12.6px;
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle .profile-username span {
  color: var(--col-nlink-base);
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle .profile-caret .caret {
  border-top-color: var(--col-nlink-base);
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle:hover span {
  color: var(--col-nlink-secu);
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle:hover .profile-username {
  color: var(--col-nlink-secu);
}

.navbar-base-partner > div.right .dropdown.left.profile > .dropdown-toggle:hover .profile-caret .caret {
  border-top-color: var(--col-nlink-secu);
}

.navbar-base-partner > div.right .dropdown.left.profile .dropdown-menu {
  margin-top: 9px;
}

.navbar-base-partner > div.right .dropdown.left.profile .dropdown-menu .profile-navigation li {
  color: var(--col-ndrop-base);
}

.navbar-base-partner > div.right .dropdown.left.profile .dropdown-menu .profile-navigation li:hover {
  background-color: var(--col-ndrop-back);
}

.navbar-base-partner > div.right .head-button-link.notificaciones {
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: var(--col-circle-back);
  margin-top: 10px;
  position: relative;
}

.navbar-base-partner > div.right .head-button-link.notificaciones i {
  color: var(--col-iconSNP);
  display: none;
}

.navbar-base-partner > div.right .head-button-link.notificaciones::after {
  content: "\e9b0";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--col-iconSNP);
  font-size: 16px;
}

.navbar-base-partner > div.right .head-button-link.notificaciones #contadorNotify {
  position: absolute;
  background-color: var(--col-nav-b) !important;
  font-size: 10px;
  top: -8px;
  padding: 0 6px;
  height: auto;
  line-height: 20px;
  left: auto;
  right: -5px;
  font-weight: normal;
}

.navbar-base-partner > div.right .left .spnNotifications .btnNotifications {
  width: 30px;
  height: 30px;
  background-color: var(--col-circle-back);
  border-radius: 90%;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  cursor: pointer;
}

.navbar-base-partner > div.right .left .spnNotifications .btnNotifications i {
  color: var(--col-iconSNP);
  display: none;
}

.navbar-base-partner > div.right .left .spnNotifications .btnNotifications::after {
  content: "\e92c";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--col-iconSNP);
  font-size: 16px;
}

.navbar-base-partner > div.right .left .spnNotifications .btnNavPartners {
  width: 30px;
  height: 30px;
  background-color: var(--col-circle-back);
  border-radius: 90%;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  cursor: pointer;
}

.navbar-base-partner > div.right .left .spnNotifications .btnNavPartners i {
  color: var(--col-iconSNP);
  font-size: 18px;
}

#wrap #menu {
  background-color: var(--col-back-navleft) !important;
}

#wrap #menu .main-menu li a {
  border-bottom-color: var(--col-a-borde) !important;
  color: var(--col-texto) !important;
}

#wrap #menu .main-menu li a i {
  color: var(--col-icon-a) !important;
}

#wrap #menu .main-menu li a:hover {
  background-color: var(--col-back-hovera) !important;
  color: var(--col-texto-hover) !important;
}

#wrap #menu .main-menu li a:hover i {
  color: var(--col-icon-hover) !important;
}

#header #btn_create_tg_lateral {
  background-color: var(--col-back-botonL) !important;
  color: var(--col-texto-botonL) !important;
}

#main #box-panel-monitoreo #caja_totales > div:first-child {
  background-color: var(--col-back-caja1) !important;
  color: var(--col-text-caja1) !important;
}

#main #box-panel-monitoreo #caja_totales > div:first-child::after {
  opacity: 1;
  color: var(--col-icon-caja1) !important;
}

#main #box-panel-monitoreo #caja_totales > div.red {
  background-color: var(--col-back-caja2) !important;
  color: var(--col-text-caja2) !important;
}

#main #box-panel-monitoreo #caja_totales > div.red::after {
  opacity: 1;
  color: var(--col-icon-caja2) !important;
}

#main #box-panel-monitoreo #caja_totales > div.orange {
  background-color: var(--col-back-caja3) !important;
  color: var(--col-text-caja3) !important;
}

#main #box-panel-monitoreo #caja_totales > div.orange::after {
  opacity: 1;
  color: var(--col-icon-caja3) !important;
}

#main #box-panel-monitoreo #caja_totales > div.green {
  background-color: var(--col-back-caja4) !important;
  color: var(--col-text-caja4) !important;
}

#main #box-panel-monitoreo #caja_totales > div.green::after {
  opacity: 1;
  color: var(--col-icon-caja4) !important;
}

#main #box-panel-monitoreo #caja_totales > div:last-child {
  background-color: var(--col-back-caja5) !important;
  color: var(--col-text-caja5) !important;
}

#main #box-panel-monitoreo #caja_totales > div:last-child::after {
  opacity: 1;
  color: var(--col-icon-caja5) !important;
}

/*----------------------------------------------------------------*/
@media (max-width: 1500px) {
  #plataforma_mantenimientos .navbar-base.mantenimientos .navbar-inner .container #ul_menu > li > a {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #plataforma_mantenimientos .navbar-base.mantenimientos .navbar-inner .container #ul_menu > li.dropdown .dropdown-toggle {
    position: relative;
    padding-right: 20px;
  }
  #plataforma_mantenimientos .navbar-base.mantenimientos .navbar-inner .container #ul_menu > li.dropdown .dropdown-toggle .caret {
    position: absolute;
    right: 5px;
  }
}
.header-custom .hc-cartografia {
  margin-left: auto;
  padding-right: 0;
}

.header-custom .hc-cartografia .dropdown a {
  border-left: 0;
}

.header-custom .hc-cartografia .dropdown .dropdown-menu {
  top: 5px !important;
}

.header-custom .hc-cartografia .dropdown .dropdown-menu .dropdown-item {
  font-size: 12px;
  padding: 3px 20px;
  height: 26px;
  color: var(--col-ndrop-base) !important;
}

.header-custom .hc-cartografia .dropdown .dropdown-menu .dropdown-item.active, .header-custom .hc-cartografia .dropdown .dropdown-menu .dropdown-item:active {
  background-color: var(--col-nav-a);
  color: var(--white) !important;
}

.header-custom #base-platform-menu {
  margin: 2px 0 0 10px;
  padding: 0;
}

.header-custom #base-platform-menu #spn-change-platform {
  margin: 0;
}

.header-custom #base-platform-menu #spn-change-platform .btn-menu-right {
  background-color: var(--col-circle-back);
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  position: relative;
  border-radius: 90%;
  border: 0;
}

.header-custom #base-platform-menu #spn-change-platform .btn-menu-right i {
  color: var(--col-iconSNP);
}

.header-custom #base-platform-menu #cnt-platforms {
  right: -15px;
  top: 40px;
}

.header-custom #base-platform-menu #cnt-platforms::before {
  width: 6px;
  height: 6px;
  margin-left: 0;
  margin-top: 0;
  top: -4px;
  right: 25px;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status {
  display: flex;
  padding: 0 16px 0 0;
  box-sizing: border-box;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status label {
  margin: 0;
  flex: 0 0 calc((100% - 96px) / 2) !important;
  max-width: calc((100% - 96px) / 2) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 4px;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status label .badge {
  position: static !important;
  margin: 0 0 0 4px !important;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status label:nth-child(3) {
  flex: 0 0 80px !important;
  max-width: 80px !important;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status label:nth-child(3) .lab {
  flex: 0 0 36px;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status > a {
  flex: 0 0 16px;
  max-width: 16px;
  position: static !important;
  box-sizing: border-box;
}

#tool-box #caja-moviles-monitor .form-inline.total_x_status > a i {
  margin: 3px 0 0 0px !important;
}

#tool-box.w-600 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-700 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-800 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-900 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-1000 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-1100 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-1200 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-1300 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-1500 #caja-moviles-monitor .form-inline.total_x_status label {
  flex: 0 0 calc((100% - 16px) / 3) !important;
  max-width: calc((100% - 16px) / 3) !important;
}

#tool-box.w-400 #caja-moviles-monitor .form-inline.total_x_status label, #tool-box.w-300 #caja-moviles-monitor .form-inline.total_x_status label {
  flex: 0 0 calc((100% - 16px) / 3) !important;
  max-width: calc((100% - 16px) / 3) !important;
}

#tool-box.w-400 #caja-moviles-monitor .form-inline.total_x_status label .lab, #tool-box.w-300 #caja-moviles-monitor .form-inline.total_x_status label .lab {
  display: none;
}

#plataforma_ondelivery .navbar.navbar-base > .nav.pull-right .spnNotifications {
  margin: 0;
}

#plataforma_ondelivery .navbar.navbar-base > .nav.pull-right .spnNotifications .notifications.badge.badge-inverse {
  background-color: var(--col-circle-back);
  height: 30px;
  width: 30px;
  border-radius: 100%;
  position: relative;
  margin-top: 8px !important;
}

#plataforma_ondelivery .navbar.navbar-base > .nav.pull-right .spnNotifications .notifications.badge.badge-inverse i {
  font-size: 11.844px;
  position: absolute;
  top: 10px;
  left: 8px;
  color: var(--col-iconSNP);
  text-shadow: none;
}

#entregas .header-custom .hc-time {
  display: flex;
  flex: 0 0 195px;
  max-width: 195px;
}

#entregas .header-custom .hc-time .hct-box {
  flex: 0 0 135px;
  max-width: 135px;
}

#entregas .header-custom .hc-time > .spnNotifications {
  display: inline-flex;
  margin-left: 20px;
  flex: 0 0 40px;
  max-width: 40px;
}

#entregas .header-custom .hc-time > .spnNotifications > .notifications.badge.badge-inverse {
  background-color: var(--col-circle-back);
  height: 30px;
  width: 30px;
  border-radius: 100%;
  position: relative;
  margin-top: 2px !important;
  cursor: pointer;
}

#entregas .header-custom .hc-time > .spnNotifications > .notifications.badge.badge-inverse i {
  font-size: 11.844px;
  position: absolute;
  top: 9px;
  left: 10px;
  color: var(--col-iconSNP);
  text-shadow: none;
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li a::before {
  content: "";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 4px;
  vertical-align: text-bottom;
  font-size: 16px;
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.activos a::before {
  content: "\e922";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.recorridos a::before {
  content: "\e930";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.alertas a::before {
  content: "\e92e";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.geocercas a::before {
  content: "\e925";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.lugares a::before {
  content: "\e926";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.monitoreo a::before {
  content: "\e95b";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.mantenimientos a::before {
  content: "\e96a";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.seguimiento a::before {
  content: "\e948";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.soporte a::before {
  content: "\e92c";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.salir a::before {
  content: "\e9c3";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.ruteo a::before {
  content: "\e91c";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.reportes a::before {
  content: "\e91e";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.certificados a::before {
  content: "\e9d9";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li.moviles.basico a::before {
  content: "\e9b7";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li a::before {
  content: "";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 4px;
  vertical-align: text-bottom;
  font-size: 16px;
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.onbus a::before {
  content: "\e9ce";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.grupos_activos a::before {
  content: "\e97f";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.gestion a::before {
  content: "\e97b";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.compartir_activos_con_asociados a::before {
  content: "\e97d";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.ruteo-libre a::before {
  content: "\e91c";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.administracion a::before {
  content: "\e952";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.conductores a::before {
  content: "\e923";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.ondriving a::before {
  content: "\e9d1";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.onpatrol a::before {
  content: "\e9d2";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.pasajeros a::before {
  content: "\e9df";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.ontrailer a::before {
  content: "\e9de";
}

.navbar-base.clientes.navbar-icons .navbar-inner #main_menu_container #main-nav.hide-on-mobile-device > li > ul.nav > li .dropdown-menu > li.web_services a::before {
  content: "\e9e0";
}

/*////Grid, margins y forms////*/
/*Grid-generico*/
.cont-rg {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

.row-rg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: -10px;
  margin-left: -10px;
  min-width: 100%;
}

.row-rg [class*=rg-] {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rg-1 {
  width: 8.3333333333%;
}

.rg-2 {
  width: 16.6666666667%;
}

.rg-3 {
  width: 25%;
}

.rg-4 {
  width: 33.3333333333%;
}

.rg-5 {
  width: 41.6666666667%;
}

.rg-6 {
  width: 50%;
}

.rg-7 {
  width: 58.3333333333%;
}

.rg-8 {
  width: 66.6666666667%;
}

.rg-9 {
  width: 75%;
}

.rg-10 {
  width: 83.3333333333%;
}

.rg-11 {
  width: 91.6666666667%;
}

.rg-12 {
  width: 100%;
}

/*Medidas margin genericas*/
.mtg-1 {
  margin-top: 10px !important;
}

.mtg-2 {
  margin-top: 15px !important;
}

.mtg-3 {
  margin-top: 20px !important;
}

.mtg-4 {
  margin-top: 25px !important;
}

.mtg-5 {
  margin-top: 30px !important;
}

/*bottom*/
.mbg-1 {
  margin-bottom: 10px !important;
}

.mbg-2 {
  margin-bottom: 15px !important;
}

.mbg-3 {
  margin-bottom: 20px !important;
}

.mbg-4 {
  margin-bottom: 25px !important;
}

.mbg-5 {
  margin-bottom: 30px !important;
}

/*div form generico*/
/*forms*/
.form-rg {
  margin: 0 0 10px;
}

.form-rg label {
  font-size: 12px;
}

.form-rg label.radio,
.form-rg label.checkbox {
  width: auto;
  padding: 0;
  display: inline-block;
  margin: 0 6px 0 0;
}

.form-rg label.radio input,
.form-rg label.checkbox input {
  margin: 0;
}

.form-rg input,
.form-rg select {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 31px;
}

.form-rg input[type=checkbox],
.form-rg input[type=radio] {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  width: auto;
}

.form-rg p {
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 2px 6px;
  margin: 0;
}

.form-rg.remover {
  padding-right: 36px;
  position: relative;
}

.form-rg.remover input {
  margin-bottom: 0;
}

.form-rg.remover .catc-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 31px;
  width: 31px;
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-rg.remover .catc-icon i {
  color: var(--red);
  font-size: 18px;
}

.form-rg.remover .catc-icon:hover {
  opacity: 1;
}

/*------------*/
.fr-igroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fr-igroup input {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  height: 31px;
  padding: 4px 8px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fr-igroup span {
  display: block;
  height: 31px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 4px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #666666;
  cursor: normal;
}

/*----------*/
.fr-lcheck {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 8px 0;
}

.fr-lcheck label {
  margin: 0;
  font-size: 12px;
  line-height: normal;
}

.fr-lcheck input {
  margin: 2px 0 0;
}

.audio-rg {
  height: 31px;
  width: 100%;
}

/*////FIN////*/
/*Estilos datatable principal unificado de commons y library*/
.dt-header-bar {
  display: none;
}

.dt-new-style .dt-header-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 7px;
}

.dt-new-style .dt-header-bar #datatable-description {
  color: var(--txt-black);
}

.dt-new-style .dt-header-bar .dt-search-wrapper {
  position: relative;
  margin-left: 2px;
  line-height: 20px;
}

.dt-new-style .dt-header-bar .dt-search-wrapper #dt-search {
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  width: 160px;
}

.dt-new-style .dt-header-bar .dt-search-wrapper .dt-search {
  border: 1px solid var(--ondel-gray4);
  background-color: var(--white);
  padding: 4px 6px;
  border-radius: 4px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #555555;
  box-shadow: none;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  width: 160px;
}

.dt-new-style .dt-header-bar .dt-search-wrapper::after {
  content: "\e94f";
  font-family: "platform-font" !important;
  background-color: transparent;
  width: 40px;
  height: 26px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 18px;
  text-align: center;
  opacity: 0.3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 3px;
}

.dt-new-style .dt-header-bar .dt-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 2px;
  position: relative;
}

.dt-new-style .dt-header-bar .dt-buttons > .bt,
.dt-new-style .dt-header-bar .dt-buttons > .btx {
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
  position: relative;
  background-image: none;
}

.dt-new-style .dt-header-bar .dt-buttons > .bt.ico,
.dt-new-style .dt-header-bar .dt-buttons > .btx.ico {
  min-width: 26px;
  color: var(--white);
}

.dt-new-style .dt-header-bar .dt-buttons > .bt.ico i,
.dt-new-style .dt-header-bar .dt-buttons > .btx.ico i {
  margin: 0;
  font-size: 16px;
  width: auto;
}

.dt-new-style .dt-header-bar .dt-buttons > .bt.agregar, .dt-new-style .dt-header-bar .dt-buttons > .bt.blue,
.dt-new-style .dt-header-bar .dt-buttons > .btx.agregar,
.dt-new-style .dt-header-bar .dt-buttons > .btx.blue {
  background-color: var(--blue);
  border-color: var(--blue);
}

.dt-new-style .dt-header-bar .dt-buttons > .bt.eliminar,
.dt-new-style .dt-header-bar .dt-buttons > .btx.eliminar {
  background-color: var(--red);
  border-color: var(--red);
}

.dt-new-style .dt-header-bar .dt-buttons > .bt.editar, .dt-new-style .dt-header-bar .dt-buttons > .bt.editar_,
.dt-new-style .dt-header-bar .dt-buttons > .btx.editar,
.dt-new-style .dt-header-bar .dt-buttons > .btx.editar_ {
  background-color: var(--orange);
  border-color: var(--orange);
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton {
  position: absolute;
  z-index: 3000;
  border: 1px solid var(--btshadow);
  width: 200px;
  height: auto;
  margin: 24px 0 0 0;
  background: var(--white);
  -webkit-box-shadow: 0 0 3px var(--ondel-gray4);
  box-shadow: 0 0 3px var(--ondel-gray4);
  border-radius: 4px;
  padding: 5px 10px;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 0;
  top: 5px;
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton .listado-botones-menu {
  margin: 0;
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton .listado-botones-menu > li:last-child a {
  border-bottom: 0;
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton .listado-botones-menu li {
  list-style: none;
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton .listado-botones-menu li a {
  display: block;
  text-align: left;
  padding: 2px 0px 2px 5px;
  font-size: 13px;
  border-bottom: 1px solid var(--gray4);
  color: #666;
  cursor: pointer;
}

.dt-new-style .dt-header-bar .dt-buttons .menu-boton .listado-botones-menu li a:hover {
  text-decoration: none;
  background-color: var(--gray3);
}

.dt-new-style .dataTables_filter {
  display: none;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-color: var(--gray4) !important;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
  border-radius: 0;
  border: 0;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th {
  border-radius: 0;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: var(--white) !important;
  text-align: left;
  border: 0;
  box-sizing: border-box;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox {
  vertical-align: middle;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox input[type=checkbox] {
  margin-top: 0;
  position: relative;
  width: 16px;
  height: 16px;
  opacity: 0;
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox::before, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox::after {
  font-family: "platform-font";
  border: 0;
  font-size: 16px;
  margin: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  text-shadow: none;
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 10px;
  font-weight: normal;
  text-shadow: none;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox::before {
  content: "\e931";
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.select-checkbox.selected:after {
  content: "\e937";
  color: var(--green);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  margin-top: 0;
  background: var(--white);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border: 0;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr:first-child > td {
  border-top: 1px solid transparent;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr:last-child > td {
  border-bottom: 1px solid var(--gray4);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
  border-left: 0;
  border-right: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td a {
  text-decoration: none;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.actions, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.acciones {
  text-align: right;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.actions a, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.actions button, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.acciones a, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.acciones button {
  margin-left: 3px;
  margin-bottom: 0;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.select-checkbox {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.select-checkbox::before, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.select-checkbox::after {
  font-family: "platform-font";
  border: 0;
  font-size: 16px;
  margin: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  text-shadow: none;
  position: absolute;
  top: 0.5em;
  left: 33%;
  box-sizing: border-box;
  border-color: transparent;
  height: auto;
  width: auto;
  text-shadow: none;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.select-checkbox::before {
  content: "\e931";
  position: static;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td .boxInsideDT {
  margin: -5px;
  padding: 5px;
  background-color: var(--white);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td .boxInsideDT .tabsCustom {
  margin: -5px -5px 0 -5px;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td .boxInsideDT .tabsCustom > li a {
  font-size: 12px;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td span {
  float: none;
  min-height: auto;
  margin-left: 0;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td.actions {
  text-align: right;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr > td:last-child {
  border-right: 0;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.selected {
  background-color: var(--ondel-gray6);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.selected td.select-checkbox::after {
  content: "\e937";
  color: var(--green);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.odd td, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.even td, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.odd.selected td, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.even.selected td {
  background-color: transparent;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.even {
  background-color: var(--white) !important;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr:hover, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.active {
  background-color: var(--ondel-gray6);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr:hover.even, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.active.even {
  background-color: var(--ondel-gray6) !important;
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr:hover > td, .dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.active > td {
  border-top: 1px solid var(--ondel-gray8);
  border-bottom-color: var(--ondel-gray8);
}

.dt-new-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody > tr.selected.even {
  background-color: var(--ondel-gray6) !important;
}

.dt-new-style.dtns-titDes .dt-header-bar {
  padding-top: 30px;
  position: relative;
  margin-top: 10px;
  justify-content: space-between;
}

.dt-new-style.dtns-titDes .dt-header-bar #datatable-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 500;
  color: var(--ondel-text2);
}

.dt-new-style.dtns-titDes .dt-header-bar #datatable-description {
  flex: 0 0 calc(100% - 220px);
  max-width: calc(100% - 220px);
  margin-right: 21px;
}

.dt-new-style.dtns-description .dt-header-bar {
  margin-bottom: 5px;
}

.dt-new-style.dtns-description #datatable-description {
  font-size: 11px;
  line-height: 18px;
}

.dt-new-style.dtnsFilter .dataTables_wrapper .dataTables_filter {
  display: block;
  margin-top: 15px;
}

.dt-new-style.dtnsFilter .dataTables_wrapper .dataTables_filter label {
  max-width: 200px;
  margin-left: auto;
}

.dt-new-style.dtnsFilter .dataTables_wrapper .dataTables_filter label span {
  display: none;
}

.dt-new-style.dtnsFilter .dataTables_wrapper .dataTables_filter label:after {
  content: "\e94f";
  font-family: "platform-font" !important;
  background-color: transparent;
  width: 40px;
  height: 26px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 18px;
  text-align: center;
  opacity: 0.3;
  box-sizing: border-box;
  padding-top: 3px;
}

.dt-new-style.dtnsFilter .dataTables_wrapper .dataTables_filter label input {
  padding-right: 40px;
  margin-left: 0;
  width: 100% !important;
  box-sizing: border-box;
  height: 30px;
}

.dt-new-style.dtns-titSearch .dt-header-bar {
  position: relative;
  margin-top: 0;
  padding-top: 10px;
  justify-content: space-between;
  display: flex !important;
  padding-left: 10px;
  padding-right: 10px;
}

.dt-new-style.dtns-titSearch .dt-header-bar #datatable-description {
  flex: 0 0 calc(100% - 220px);
  max-width: calc(100% - 220px);
  margin-right: 21px;
  padding-top: 5px;
}

.dt-new-style.dtns-titSearch .dt-header-bar .dt-search-wrapper {
  box-sizing: border-box;
}

.dt-new-style.dtns-titSearch .dt-header-bar .dt-search-wrapper .dt-search {
  max-width: 100%;
  width: auto;
}

.dt-new-style.dtns-tsBplus .dt-header-bar #datatable-description {
  flex: 0 0 calc(100% - 240px);
  max-width: calc(100% - 240px);
}

.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .bt,
.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .btx {
  height: 30px;
  background-image: none;
}

.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .agregar {
  color: var(--white);
  border: 1px solid var(--bt-agregar);
  background-color: var(--blue);
}

.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .editar {
  color: var(--white);
  border: 1px solid var(--orange);
  background-color: var(--orange);
}

.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .eliminar {
  color: var(--white);
  border: 1px solid var(--red);
  background-color: var(--red);
}

.dt-new-style.dtns-tsBplus .dt-header-bar .dt-buttons .dropdown {
  color: var(--white);
  border: 1px solid var(--btdefault);
  background-color: var(--btdefault);
}

.dt-new-style .dataTables_info {
  font-size: 12px;
  font-style: italic;
  float: none !important;
  text-align: center;
  padding-top: 5px !important;
  opacity: 0.8;
}

.dataTable-style {
  border-radius: 0;
  font-size: 12px;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #DEDEDE !important;
  border-bottom: 1px solid #DEDEDE !important;
  border-collapse: separate;
  border-spacing: 0;
}

.dataTable-style caption form {
  float: right;
  margin-bottom: 15px;
}

.dataTable-style thead tr th {
  border-radius: 0;
  vertical-align: middle;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background-color: var(--white);
  padding: 8px;
}

.dataTable-style tbody tr td {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid transparent;
  padding: 8px;
}

.dataTable-style tbody tr td input {
  margin-top: 0;
}

.dataTable-style tbody tr td img {
  width: 14px;
}

.dataTable-style tbody tr td .btn-circle {
  border-radius: 90%;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  background-color: var(--green);
  border-color: var(--green);
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dataTable-style tbody tr td .btn-circle.rotate-botton {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background-color: var(--green1);
}

.dataTable-style tbody tr:nth-of-type(2n+1) {
  background-color: #f9f9f9;
}

.dataTable-style tbody tr:hover {
  background-color: #EEEEEE;
}

.dataTable-style tbody tr:hover > td {
  border-top-color: #444444;
  border-bottom-color: #444444;
}

.dataTable-style tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 0 !important;
}

.dataTable-style tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 0 !important;
}

.dataTable-style.collapse tbody tr {
  background-color: transparent;
}

.dataTable-style.collapse tbody tr:nth-of-type(4n+1) {
  background-color: #f9f9f9;
}

.dataTable-style.collapse tbody tr table thead tr {
  background-color: transparent !important;
}

.dataTable-style.collapse tbody tr table tbody tr td {
  background-color: transparent;
}

.dataTable-style.collapse tbody tr:nth-of-type(2n+2):hover {
  background-color: transparent;
}

.dataTable-style.collapse tbody tr:nth-of-type(2n+2):hover td {
  background-color: transparent;
  border-color: transparent;
}

.dataTable-style.collapse tbody tr:nth-of-type(2n+2):hover td table thead tr th {
  background-color: transparent;
}

/*FIN*/
.tableCustom {
  width: 100%;
  border-width: 1px 0 1px;
  border-style: solid;
  border-color: #DEDEDE;
  margin: 0 0 10px;
  border-collapse: separate;
  border-spacing: 0;
}

.tableCustom thead tr th {
  padding: 6px;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 0;
  text-align: left;
  background-color: var(--white) !important;
  font-weight: 500;
}

.tableCustom tbody > tr {
  background-color: #FFFFFF !important;
}

.tableCustom tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9 !important;
}

.tableCustom tbody tr {
  transition: all 0.2s ease;
}

.tableCustom tbody tr th {
  padding: 8px;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 0;
  text-align: left;
  background-color: var(--white) !important;
}

.tableCustom tbody tr td {
  padding: 6px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid transparent;
  font-size: 12px;
  vertical-align: middle;
  box-sizing: border-box;
}

.tableCustom tbody tr td p {
  margin: 0;
}

.tableCustom tbody tr td.td-right {
  text-align: right;
}

.tableCustom tbody tr td.actions {
  text-align: right;
}

.tableCustom tbody tr.domicilio > td {
  font-style: italic;
  color: #888888;
}

.tableCustom tbody tr:hover, .tableCustom tbody tr.selected {
  background-color: #EEEEEE !important;
}

.tableCustom tbody tr:hover > td, .tableCustom tbody tr.selected > td {
  border-top-color: #444444;
  border-bottom-color: #444444;
}

.tableCustom tbody tr:hover.domicilio > td, .tableCustom tbody tr.selected.domicilio > td {
  color: #333333;
}

.tableCustom tbody tr.tcr-gray {
  background-color: var(--gray2) !important;
}

.tableCustom tbody tr.tcr-gray td {
  color: var(--white) !important;
}

.tableCustom tbody tr.tcr-blue {
  background-color: var(--blue2) !important;
}

.tableCustom tbody tr.tcr-blue td {
  color: var(--white) !important;
}

.tableCustom tbody tr.tcr-yellow {
  background-color: var(--yellow) !important;
}

.tableCustom tbody tr.tcr-yellow td {
  color: var(--white) !important;
}

.tableCustom tbody tr.tcr-red {
  background-color: var(--red) !important;
}

.tableCustom tbody tr.tcr-red td {
  color: var(--white) !important;
}

.tableCustom tbody tr.tcr-green {
  background-color: var(--green) !important;
}

.tableCustom tbody tr.tcr-green td {
  color: var(--white) !important;
}

.tableCustom.tc-xs thead tr th {
  padding: 6px;
}

.tableCustom.tc-xs tbody tr td {
  padding: 6px;
}

.tableCustom.tc-eo tbody > tr:nth-of-type(2n+1) {
  background-color: white !important;
}

.tableCustom.tc-eo tbody tr.even {
  background-color: #F9f9f9 !important;
}

.tableCustom.tc-eo tbody tr.even.selected {
  background-color: #EEEEEE !important;
}

.tableCustom.tc-eo tbody tr.even td {
  border-bottom-color: transparent !important;
  padding-bottom: 0;
}

.tableCustom.tc-eo tbody tr.even + .even > td {
  border-top-color: transparent;
  padding-top: 0;
  padding-bottom: 4px;
}

.tableCustom.tc-eo tbody tr.even + .even > td:last-child {
  text-align: left !important;
}

.tableCustom.tc-eo tbody tr.even + .even.selected td {
  border-bottom-color: #444444 !important;
}

.tableCustom.tc-eo tbody tr.odd.selected {
  background-color: #EEEEEE !important;
}

.tableCustom.tc-eo tbody tr.odd td {
  border-bottom-color: transparent !important;
  padding-bottom: 0;
}

.tableCustom.tc-eo tbody tr.odd + .odd > td {
  border-top-color: transparent;
  padding-top: 0;
  padding-bottom: 4px;
}

.tableCustom.tc-eo tbody tr.odd + .odd > td:last-child {
  text-align: left !important;
}

.tableCustom.tc-eo tbody tr.odd + .odd.selected td {
  border-top-color: transparent !important;
  border-bottom-color: #444444 !important;
}

.box-actTable {
  text-align: right;
}

.box-actTable button, .box-actTable a {
  float: none;
}

/*Tabs genericas*/
.ntabs-custom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ntabs-custom li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ntabs-custom li a {
  position: relative;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #EEEEEE;
  margin-right: 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #DDDDDD;
  display: flex;
}

.ntabs-custom li a i {
  font-size: 20px;
  vertical-align: middle;
}

.ntabs-custom li a > span:nth-child(2) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: capitalize;
  margin-left: 6px;
}

.ntabs-custom li a .badges {
  background-color: #999;
  font-size: 10px;
  color: var(--white);
  padding: 2px;
  border-radius: 12px;
  min-width: 40px;
  text-align: center;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 6px;
}

.ntabs-custom li.active a .badges {
  background-color: var(--blue);
}

.ntabs-custom > li:first-child a {
  border-left: 1px solid #DDDDDD !important;
}

.ntabs-custom.ntc-2 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.ntabs-custom.ntc-3 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
}

.ntabs-custom.ntc-4 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.ntabs-custom.ntc-5 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.ntabs-custom.ntc-6 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
}

.ntabs-custom.ntc-7 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.2857142857%;
  flex: 0 0 14.2857142857%;
}

.ntabs-custom.ntc-8 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
}

.tabs-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
}

.tabs-custom li {
  margin: 0;
}

.tabs-custom li a {
  background-color: #f4f4f4;
  margin: 0;
  text-align: center;
  border-radius: 0;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: var(--gray4);
  color: #999;
  padding: 6px 6px;
  position: relative;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.tabs-custom li a p {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

.tabs-custom li a .badge {
  background-color: #999;
  font-size: 9px;
  color: #FFF;
  padding: 1px 2px;
  border-radius: 6px;
  position: absolute;
  top: 6px;
  margin-left: 10px;
  min-width: 19px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.tabs-custom li a i {
  display: block;
  font-size: 18px;
}

.tabs-custom li a:hover, .tabs-custom li a:focus, .tabs-custom li a:active {
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: var(--gray4);
}

.tabs-custom li.active a {
  border-width: 2px 0 0 1px;
  border-top-color: var(--blue);
  color: var(--blue);
}

.tabs-custom li.active a .badge {
  background-color: var(--red);
}

.tabs-custom li.active a:hover, .tabs-custom li.active a:focus, .tabs-custom li.active a:active {
  border-width: 2px 0 0 1px;
  border-top-color: var(--blue);
  color: var(--blue);
}

.tabs-custom > li:last-child a {
  border-right: 1px solid var(--gray4);
}

.tabs-custom.tab-2 li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
}

.tabs-custom.tab-3 li, .tabs-custom.tab-4 li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
}

.tabs-custom.tab-5 li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 20%;
}

.tabs-custom.tab-6 li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 16.6%;
  flex: 1 1 16.6%;
  max-width: 16.6%;
}

/*Fin*/
/*////Botones////*/
#plataforma-mapa .btn,
#plataforma_mantenimientos .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--white);
  background-image: none;
  text-shadow: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  border-color: var(--gray4);
}

#plataforma-mapa .btn:hover, #plataforma-mapa .btn:active, #plataforma-mapa .btn:focus,
#plataforma_mantenimientos .btn:hover,
#plataforma_mantenimientos .btn:active,
#plataforma_mantenimientos .btn:focus {
  opacity: 0.7;
  background-color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
}

#plataforma-mapa .btn.btn-primary,
#plataforma_mantenimientos .btn.btn-primary {
  background-color: var(--blue);
  background-image: none;
  border-color: var(--blue);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-primary:hover,
#plataforma_mantenimientos .btn.btn-primary:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-info,
#plataforma_mantenimientos .btn.btn-info {
  background-color: var(--blue2);
  background-image: none;
  border-color: var(--blue2);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-info:hover,
#plataforma_mantenimientos .btn.btn-info:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-success,
#plataforma_mantenimientos .btn.btn-success {
  background-color: var(--green);
  background-image: none;
  border-color: var(--green);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-success:hover,
#plataforma_mantenimientos .btn.btn-success:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-warning,
#plataforma_mantenimientos .btn.btn-warning {
  background-color: var(--yellow);
  background-image: none;
  border-color: var(--yellow);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-warning:hover,
#plataforma_mantenimientos .btn.btn-warning:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-danger,
#plataforma_mantenimientos .btn.btn-danger {
  background-color: var(--red);
  background-image: none;
  border-color: var(--red);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-danger:hover,
#plataforma_mantenimientos .btn.btn-danger:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-inverse,
#plataforma_mantenimientos .btn.btn-inverse {
  background-color: var(--black);
  background-image: none;
  border-color: var(--black);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-inverse:hover,
#plataforma_mantenimientos .btn.btn-inverse:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-secondary,
#plataforma_mantenimientos .btn.btn-secondary {
  background-color: var(--gray);
  background-image: none;
  border-color: var(--gray);
  text-shadow: none;
  color: var(--white);
}

#plataforma-mapa .btn.btn-secondary:hover,
#plataforma_mantenimientos .btn.btn-secondary:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-light,
#plataforma_mantenimientos .btn.btn-light {
  background-color: transparent;
  background-image: none;
  border-color: #ddd;
  text-shadow: none;
}

#plataforma-mapa .btn.btn-light:hover,
#plataforma_mantenimientos .btn.btn-light:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn.btn-dark,
#plataforma_mantenimientos .btn.btn-dark {
  background-color: var(--black);
  background-image: none;
  border-color: var(--black);
  text-shadow: none;
}

#plataforma-mapa .btn.btn-dark:hover,
#plataforma_mantenimientos .btn.btn-dark:hover {
  opacity: 0.7;
}

#plataforma-mapa .btn:active,
#plataforma_mantenimientos .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*////FIN////*/
/*Titulos en caja*/
#activos_box #caja-detalle-accion > h4,
#tool-box-content div.MoreActionBox > h4 {
  border-width: 0 0 1px 0;
  border-color: #DEDEDE;
}

.titleCustom {
  border-width: 0 0 1px 0 !important;
  border-color: #DEDEDE !important;
}

.box-senobd-list {
  margin: 10px 4px 0;
  height: calc(100vh - 100px);
  overflow-y: auto;
  box-sizing: border-box;
}

.box-senobd-list .bsol-item {
  background-color: var(--gray3);
  margin: 0 0 5px;
  font-size: 11px;
  display: flex;
  flex-wrap: wrap;
  opacity: 0.6;
  transition: all 0.6s ease;
}

.box-senobd-list .bsol-item .bsoli-icon {
  flex: 0 0 40%;
  max-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #666666;
}

.box-senobd-list .bsol-item .bsoli-icon i {
  color: var(--white);
  font-size: 18px;
}

.box-senobd-list .bsol-item .bsoli-info {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  display: flex;
}

.box-senobd-list .bsol-item .bsoli-info .info1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  flex: 0 0 70%;
  max-width: 70%;
  box-sizing: border-box;
}

.box-senobd-list .bsol-item .bsoli-info .info1 span {
  line-height: normal;
}

.box-senobd-list .bsol-item .bsoli-info .info1 > span:first-child {
  font-size: 12px;
  font-weight: 600;
}

.box-senobd-list .bsol-item .bsoli-info .info1 > span:last-child > span {
  margin: 0 4px;
}

.box-senobd-list .bsol-item .bsoli-info .info2 {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0 8px;
}

.box-senobd-list .bsol-item .bsoli-info .info2 span {
  font-weight: 600;
  font-size: 12px;
}

.box-senobd-list .bsol-item .bsoli-list {
  flex: 0 0 100%;
  max-width: 100%;
  background-color: var(--white);
  box-sizing: border-box;
  padding: 4px 0 0 40px;
}

.box-senobd-list .bsol-item .bsoli-list ul {
  background-color: var(--gray3);
  padding: 0;
  margin: 0;
}

.box-senobd-list .bsol-item .bsoli-list ul li {
  list-style: none;
  padding: 4px;
  display: flex;
  border-bottom: 1px solid #DEDEDE;
}

.box-senobd-list .bsol-item .bsoli-list ul li span {
  flex: 0 0 50%;
  max-width: 50%;
}

.box-senobd-list .bsol-item .bsoli-list ul li > span:last-child {
  text-align: right;
}

.box-senobd-list .bsol-item .bsoli-list ul > li:last-child {
  border-bottom: 0;
}

.box-senobd-list .bsol-item:hover {
  opacity: 1;
}

.box-senobd-list .bsol-item.active {
  opacity: 1;
  box-shadow: 0px 0px 4px #999;
  border: 1px solid #ccc;
}

.box-senobd-list .bsol-item.b-green .bsoli-icon {
  background-color: #27AE60;
}

.box-senobd-list .bsol-item.b-green .bsoli-info .info2 {
  color: #27AE60;
}

.box-senobd-list .bsol-item.b-yellow .bsoli-icon {
  background-color: #F19F0F;
}

.box-senobd-list .bsol-item.b-yellow .bsoli-info .info2 {
  color: #F19F0F;
}

.box-senobd-list .bsol-item.b-red .bsoli-icon {
  background-color: #C0392B;
}

.box-senobd-list .bsol-item.b-red .bsoli-info .info2 {
  color: #C0392B;
}

.box-senobd-list .bsol-item.b-blue .bsoli-icon {
  background-color: #3498DB;
}

.box-senobd-list .bsol-item.b-blue .bsoli-info .info2 {
  color: #3498DB;
}

.box-senobd-list > div:last-child {
  margin-bottom: 0;
}

.chosen-container {
  margin-bottom: 10px;
}

.chosen-container .chosen-single {
  height: 30px !important;
  border-color: #CCCCCC !important;
  background: transparent !important;
  box-shadow: none !important;
}

.chosen-container .chosen-single > span {
  line-height: 28px;
}

.chosen-container .chosen-single > div {
  height: 20px;
  top: 3px;
}

.chosen-container .chosen-drop {
  border-color: #CCCCCC !important;
}

.chosen-container .chosen-drop .chosen-search .chosen-search-input {
  border-color: var(--ondel-gray4);
  background: none;
  width: 100%;
  max-width: none !important;
}

.chosen-container .chosen-drop .chosen-search::after {
  content: "\e94f";
  font-family: "platform-font" !important;
  background-color: transparent;
  width: 40px;
  height: 26px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 18px;
  text-align: center;
  opacity: 0.3;
  box-sizing: border-box;
  padding-top: 7px;
}

.chosen-container .chosen-drop .chosen-results .active-result {
  font-size: 12px;
}

.chosen-container .chosen-drop .chosen-results .active-result.highlighted {
  background-color: var(--blue);
  background-image: none;
}

.chosen-container.chosen-container-active .chosen-single {
  background-image: none !important;
  border-color: #CCCCCC !important;
}

.accordion-custom > div {
  margin-bottom: 0;
  border-radius: 0;
  border-bottom-color: transparent;
}

.accordion-custom > div:nth-of-type(2n+1) {
  background-color: #F9f9f9;
}

.accordion-custom > div:last-child {
  border-bottom-color: #e5e5e5;
}

.accordion-custom .accordion-group .accordion-heading .accordion-toggle {
  color: #666;
  text-decoration: none;
}

.accordion-custom .accordion-group .accordion-heading .accordion-toggle > span {
  position: relative;
  margin-right: 30px;
}

.accordion-custom .accordion-group .accordion-heading .accordion-toggle > span .badge {
  background-color: #999;
}

.accordion-custom .accordion-group .accordion-heading .accordion-toggle > span i {
  position: absolute;
  top: 4px;
  right: -28px;
}

.accordion-custom .accordion-group .accordion-body .accordion-inner {
  background-color: var(--white);
  padding: 0;
}

.accordion-custom .accordion-group .accordion-body .accordion-inner table {
  margin: 0;
  border-top-color: transparent;
}

.accordion-custom .accordion-group:hover {
  border-top-color: #444444;
  border-bottom-color: #444444;
  background-color: #EEEEEE;
}

.accordion-custom .accordion-group:hover .accordion-toggle {
  text-decoration: none;
}

.accordion-custom .accordion-group:hover .accordion-toggle span .badge {
  background-color: var(--blue);
}

.accordion-custom .accordion-group:hover .accordion-toggle span i {
  color: var(--blue);
}

.accordion-custom .accordion-group.accordion-active {
  border-top-color: #444444;
  border-bottom-color: #444444;
}

.accordion-custom .accordion-group.accordion-active .accordion-heading {
  background-color: #EEEEEE;
}

.accordion-custom .accordion-group.accordion-active .accordion-heading .accordion-toggle span .badge {
  background-color: var(--blue);
}

.accordion-custom .accordion-group.accordion-active .accordion-heading .accordion-toggle span i {
  color: var(--blue);
}

#client_notify_modal {
  box-sizing: border-box;
  padding: 0;
  background-color: transparent;
}

#client_notify_modal .notlist-body .box-notify {
  background-color: var(--white);
  position: relative;
  border: 1px solid #DEDEDE;
  margin: 2px 0;
  display: flex;
}

#client_notify_modal .notlist-body .box-notify .close {
  opacity: 1;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
}

#client_notify_modal .notlist-body .box-notify .close i {
  color: var(--gray2);
}

#client_notify_modal .notlist-body .box-notify .bnot-icon {
  background-color: #ededed;
  flex: 0 0 40px;
  max-width: 40px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

#client_notify_modal .notlist-body .box-notify .bnot-icon i {
  font-size: 18px;
  color: var(--gray);
}

#client_notify_modal .notlist-body .box-notify .bnot-info {
  box-sizing: border-box;
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-cont {
  padding: 4px 4px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-cont h6 {
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 30px);
  display: inline-block;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-cont p {
  margin: 0;
  height: 44px;
  overflow: hidden;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt {
  padding: 0 4px 4px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt > div:first-child {
  flex: 0 0 30px;
  max-width: 30px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt > div:last-child {
  flex: 0 0 calc(100% - 30px);
  max-width: calc(100% - 30px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  color: var(--gray2);
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a i {
  font-size: 16px;
}

#client_notify_modal .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a:hover {
  color: var(--gray);
  text-decoration: none;
}

#client_notify_modal .notlist-body .box-notify.bnot-red .bnot-icon {
  background-color: var(--red);
}

#client_notify_modal .notlist-body .box-notify.bnot-red .bnot-icon i {
  color: var(--white);
}

#client_notify_modal .notlist-body .box-notify.bnot-blue .bnot-icon {
  background-color: var(--blue);
}

#client_notify_modal .notlist-body .box-notify.bnot-blue .bnot-icon i {
  color: var(--white);
}

#client_notify_modal .notlist-body .box-notify.bnot-green .bnot-icon {
  background-color: var(--green);
}

#client_notify_modal .notlist-body .box-notify.bnot-green .bnot-icon i {
  color: var(--white);
}

#client_notify_modal .notlist-body .box-notify.bnot-yellow .bnot-icon {
  background-color: var(--yellow);
}

#client_notify_modal .notlist-body .box-notify.bnot-yellow .bnot-icon i {
  color: var(--white);
}

#client_notify_modal .notlist-body .box-notify.bnot-orange .bnot-icon {
  background-color: var(--orange);
}

#client_notify_modal .notlist-body .box-notify.bnot-orange .bnot-icon i {
  color: var(--white);
}

#client_notify_modal .notlist-body > div:first-child {
  margin-top: 0;
}

#client_notify_modal .notlist-body > div:last-child {
  margin-bottom: 0;
}

#client_notify_modal .notlist-footer {
  font-weight: bold;
  background-color: #e5e5e5;
}

#client_notify_modal .notlist-body .notify-box {
  position: relative;
  border: 1px solid #DEDEDE;
}

#client_notify_modal .notlist-body .notify-box .icon-image {
  width: 40px;
  font-size: 18px;
  padding-top: 10px;
  border: 0;
  top: -1px;
  bottom: 0;
  height: auto;
  box-sizing: border-box;
  position: absolute;
}

#client_notify_modal .notlist-body .notify-box h6 {
  margin-left: 44px;
  margin-top: 4px;
}

#client_notify_modal .notlist-body .notify-box p {
  margin-left: 44px;
  padding-right: 4px;
}

#client_notify_list_box .notlist-body .box-notify {
  background-color: var(--white);
  position: relative;
  border: 1px solid #DEDEDE;
  margin: 2px 0;
  display: flex;
}

#client_notify_list_box .notlist-body .box-notify .close {
  opacity: 1;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
}

#client_notify_list_box .notlist-body .box-notify .close i {
  color: var(--gray2);
}

#client_notify_list_box .notlist-body .box-notify .bnot-icon {
  background-color: #ededed;
  flex: 0 0 40px;
  max-width: 40px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

#client_notify_list_box .notlist-body .box-notify .bnot-icon i {
  font-size: 18px;
  color: var(--gray);
}

#client_notify_list_box .notlist-body .box-notify .bnot-info {
  box-sizing: border-box;
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont {
  padding: 4px 4px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont h6 {
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 30px);
  display: inline-block;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont p {
  margin: 0;
  height: 44px;
  overflow: hidden;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt {
  padding: 0 4px 4px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt > div:first-child {
  flex: 0 0 30px;
  max-width: 30px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt > div:last-child {
  flex: 0 0 calc(100% - 30px);
  max-width: calc(100% - 30px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  color: var(--gray2);
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a i {
  font-size: 16px;
}

#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt > div:last-child a:hover {
  color: var(--gray);
  text-decoration: none;
}

#client_notify_list_box .notlist-body .box-notify.bnot-red .bnot-icon {
  background-color: var(--red);
}

#client_notify_list_box .notlist-body .box-notify.bnot-red .bnot-icon i {
  color: var(--white);
}

#client_notify_list_box .notlist-body .box-notify.bnot-blue .bnot-icon {
  background-color: var(--blue);
}

#client_notify_list_box .notlist-body .box-notify.bnot-blue .bnot-icon i {
  color: var(--white);
}

#client_notify_list_box .notlist-body .box-notify.bnot-green .bnot-icon {
  background-color: var(--green);
}

#client_notify_list_box .notlist-body .box-notify.bnot-green .bnot-icon i {
  color: var(--white);
}

#client_notify_list_box .notlist-body .box-notify.bnot-yellow .bnot-icon {
  background-color: var(--yellow);
}

#client_notify_list_box .notlist-body .box-notify.bnot-yellow .bnot-icon i {
  color: var(--white);
}

#client_notify_list_box .notlist-body .box-notify.bnot-orange .bnot-icon {
  background-color: var(--orange);
}

#client_notify_list_box .notlist-body .box-notify.bnot-orange .bnot-icon i {
  color: var(--white);
}

.box-notify .bnot-info .bni-opt div:first-child {
  flex: 0 0 30px;
  max-width: 30px;
}

.box-notify .bnot-info .bni-opt div.bni-Lab {
  flex: 0 0 130px;
  max-width: 130px;
  padding: 0 0 0 4px;
  display: flex;
  align-items: center;
}

.box-notify .bnot-info .bni-opt div.bni-Lab > span {
  background-color: #ededed;
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 11px;
  border-radius: 4px;
  text-align: center;
  align-items: center;
}

.box-notify .bnot-info .bni-opt div.bni-Lab > span > i {
  margin-right: 4px;
  font-size: 16px;
}

.box-notify .bnot-info .bni-opt div:last-child {
  flex: 0 0 calc(100% - 160px) !important;
  max-width: calc(100% - 160px) !important;
}

.box-notify.bn-notif .bnot-icon {
  background-color: var(--notificacion) !important;
}

.box-notify.bn-notif .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-notif .bni-opt .bni-Lab > span {
  background-color: var(--notificacion) !important;
  color: var(--white) !important;
}

.box-notify.bn-event .bnot-icon {
  background-color: var(--evento) !important;
}

.box-notify.bn-event .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-event .bni-opt .bni-Lab > span {
  background-color: var(--evento) !important;
  color: var(--white) !important;
}

.box-notify.bn-alert .bnot-icon {
  background-color: var(--alerta) !important;
}

.box-notify.bn-alert .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-alert .bni-opt .bni-Lab > span {
  background-color: var(--alerta) !important;
  color: var(--white) !important;
}

.box-notify.bn-warning .bnot-icon {
  background-color: var(--precaucion) !important;
}

.box-notify.bn-warning .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-warning .bni-opt .bni-Lab > span {
  background-color: var(--precaucion) !important;
  color: var(--white) !important;
}

.box-notify.bn-import .bnot-icon {
  background-color: var(--importante) !important;
}

.box-notify.bn-import .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-import .bni-opt .bni-Lab span {
  background-color: var(--importante) !important;
  color: var(--white) !important;
}

.box-notify.bn-confir .bnot-icon {
  background-color: var(--confirmacion) !important;
}

.box-notify.bn-confir .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-confir .bni-opt .bni-Lab > span {
  background-color: var(--confirmacion) !important;
  color: var(--white) !important;
}

.box-notify.bn-conflict .bnot-icon {
  background-color: var(--conflicto) !important;
}

.box-notify.bn-conflict .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-conflict .bni-opt .bni-Lab > span {
  background-color: var(--conflicto) !important;
  color: var(--white) !important;
}

.box-notify.bn-generic .bnot-icon {
  background-color: var(--generica) !important;
}

.box-notify.bn-generic .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-generic .bni-opt .bni-Lab > span {
  background-color: var(--generica) !important;
  color: var(--white) !important;
}

.box-notify.bn-qualif .bnot-icon {
  background-color: var(--calificacion) !important;
}

.box-notify.bn-qualif .bnot-icon i {
  color: var(--white) !important;
}

.box-notify.bn-qualif .bni-opt .bni-Lab > span {
  background-color: var(--calificacion) !important;
  color: var(--white) !important;
}

.labelCustom {
  font-size: 12px;
  background-color: var(--gray);
  color: var(--white);
  padding: 5px 6px;
  margin: 0 5px;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.labelCustom.bcBlue {
  background-color: var(--blue);
}

.labelCustom.bcGreen {
  background-color: var(--green);
}

.labelCustom.bcYellow {
  background-color: var(--yellow);
}

.labelCustom.bcRed {
  background-color: var(--red);
}

.labelCustom.bcOrange {
  background-color: var(--orange);
}

.alertCustom {
  padding: 10px;
  background-color: var(--gray3);
  border-color: var(--gray2);
  color: var(--gray);
  border-width: 1px;
  border-style: solid;
  margin-bottom: 10px;
}

.alertCustom.bcBlue {
  background-color: rgba(51, 122, 183, 0.2);
  border-color: var(--blue);
  color: var(--blue);
}

.alertCustom.bcGreen {
  background-color: rgba(92, 184, 92, 0.2);
  border-color: var(--green);
  color: var(--green);
}

.alertCustom.bcYellow {
  background-color: rgba(243, 186, 37, 0.2);
  border-color: var(--yellow);
  color: var(--yellow);
}

.alertCustom.bcOrange {
  background-color: rgba(236, 156, 47, 0.2);
  border-color: var(--orange);
  color: var(--orange);
}

.alertCustom.bcRed {
  background-color: rgba(217, 83, 79, 0.2);
  border-color: var(--red);
  color: var(--red);
}

/*Alertas tipo mini - transparencia 09/07/2022*/
#client_notify_modal .notlist-body .box-notify {
  transition: all 1s ease;
  cursor: pointer;
}

#client_notify_modal .notlist-body .box-notify.bnMini .bnot-icon {
  padding-top: 0;
  align-items: center;
}

#client_notify_modal .notlist-body .box-notify.bnMini .bnot-icon i {
  height: 18px;
}

#client_notify_modal .notlist-body .box-notify.bnMini .bnot-info .bni-cont p {
  height: 0;
  transition: all 0.6s ease;
}

#client_notify_modal .notlist-body .box-notify.bnMini .bnot-info .bni-opt {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}

#client_notify_modal .notlist-body .box-notify.bnMini .bnot-info .bni-opt > div {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

#client_notify_modal .notlist-body .box-notify.bnMini:hover .bnot-info .bni-cont p {
  height: 44px;
}

#client_notify_modal .notlist-body .box-notify.bnMini:hover .bnot-info .bni-opt {
  height: 26px;
}

#client_notify_modal .notlist-body .box-notify.bnMini:hover .bnot-info .bni-opt > div {
  height: 22px;
  opacity: 1;
}

#client_notify_modal .notlist-body .box-notify.bnTrans {
  opacity: 0.4;
}

#client_notify_modal .notlist-body .box-notify.bnTrans:hover {
  opacity: 1;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans {
  opacity: 0.4;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans .bnot-icon {
  padding-top: 0;
  align-items: center;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans .bnot-icon i {
  height: 18px;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans .bnot-info .bni-cont p {
  height: 0;
  transition: all 0.6s ease;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans .bnot-info .bni-opt {
  height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans .bnot-info .bni-opt > div {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans:hover {
  opacity: 1;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans:hover .bnot-info .bni-cont p {
  height: 44px;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans:hover .bnot-info .bni-opt {
  height: 26px;
}

#client_notify_modal .notlist-body .box-notify.bnMinTrans:hover .bnot-info .bni-opt > div {
  height: 22px;
  opacity: 1;
}

.mesInfo {
  text-align: center;
  padding: 35px 0 10px 0;
  margin: 10px 0;
  position: relative;
  border-radius: 4px;
  color: var(--gray);
  box-sizing: border-box;
}

.mesInfo:after {
  content: "\e934";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 22px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: calc(50% - 12px);
  display: block;
  justify-content: center;
  align-content: center;
}

.mesInfo.msGray {
  color: var(--gray);
  background-color: var(--gray3);
}

.mesDiv {
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--gray);
}

.mesDiv p {
  font-size: 14px;
  margin: 10px 0 0;
}

.mesDiv i {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
}

.mesDiv.mdShow {
  display: flex;
}

.checkOff {
  position: relative;
}

.checkOff:after {
  content: "\e9e1";
  background-color: var(--white);
  font-family: "platform-font" !important;
  font-weight: normal;
  font-size: 17px;
  height: 13px;
  width: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--red);
}

.fullMode {
  position: fixed;
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
  width: auto !important;
  z-index: 333;
}

.gmnoprint.gm-style-mtc {
  width: auto !important;
}

.gmnoprint.gm-style-mtc > button {
  font-size: 12px !important;
  padding: 3px 17px 3px 12px !important;
}

.gmnoprint.gm-style-mtc > button:focus {
  outline: none;
}

.gmnoprint.gm-style-mtc ul[role=menu] {
  right: auto !important;
}

.gmnoprint.gm-style-mtc ul[role=menu] > div {
  width: 100%;
}

.gmnoprint.gm-style-mtc ul[role=menu] li {
  font-size: 12px !important;
  line-height: 14px;
}

.gmnoprint.gm-style-mtc ul[role=menu] li span {
  display: inline-flex;
  margin-right: 6px;
}

.gmnoprint.gm-style-mtc ul[role=menu] li label {
  display: inline-block;
  font-size: 12px !important;
  margin-bottom: 0;
}

.gmnoprint.gm-style-mtc ul[role=menu] li:focus {
  outline: none;
}

.modalMens {
  position: fixed;
  top: 5px;
  right: 5px;
  left: 5px;
  background-color: var(--white);
  z-index: 1001;
  padding: 10px 10px 15px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 3px #DEDEDE;
}

.modalMens > p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}

.modalMens .mmBox {
  display: flex;
}

.modalMens .mmBox .mmb1 {
  flex: 0 0 calc(100% - 150px);
  max-width: 0 0 calc(100% - 150px);
}

.modalMens .mmBox .mmb1 p {
  margin: 0;
}

.modalMens .mmBox .mmb2 {
  flex: 0 0 150px;
  max-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-dialog .ui-dialog-content .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tr td input[type=checkbox] {
  position: relative;
  z-index: 1001;
}

.boxSearchCustom {
  position: relative;
}

.boxSearchCustom input {
  width: 100%;
  height: 31px;
  padding: 4px 38px 4px 6px;
  transition: all 0.1s ease-in;
  font-size: 14px;
  border: 1px solid #DEDEDE;
  position: relative;
  z-index: 1;
}

.boxSearchCustom input:focus, .boxSearchCustom input:focus-visible {
  border: 2px solid var(--orange);
  outline: none;
}

.boxSearchCustom::after {
  content: "\e94f";
  font-family: "platform-font" !important;
  background-color: transparent;
  width: 40px;
  height: 29px;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 18px;
  opacity: 0.3;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxSearchCustom .boxSCResultado {
  background-color: var(--white);
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #DEDEDE;
  margin-top: -1px;
  max-height: 150px;
  overflow-y: auto;
  height: 1px;
}

.boxSearchCustom .boxSCResultado ul {
  margin: 0;
  padding: 0;
}

.boxSearchCustom .boxSCResultado ul li {
  padding: 4px 8px;
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boxSearchCustom .boxSCResultado ul li:hover {
  background-color: var(--col-ndrop-back);
}

.boxSearchCustom.showResult .boxSCResultado {
  height: auto;
}

/* / CSS para nueva vista modal de Seleccionar icono 05/10/2021 / */
#dlgSelIcon {
  padding: 0;
  position: relative;
  height: 450px !important;
  box-sizing: border-box;
}

#dlgSelIcon #icon-tabs {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  overflow-y: auto;
  box-sizing: border-box;
  height: 450px;
  display: flex;
  flex-wrap: wrap;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #DEDEDE;
  align-content: baseline;
}

#dlgSelIcon #icon-tabs li {
  flex: 0 0 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #DEDEDE;
  margin: 0;
  position: relative;
}

#dlgSelIcon #icon-tabs li i {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 18px;
  color: var(--gray2);
}

#dlgSelIcon #icon-tabs li a {
  border-width: 0 4px 0 0;
  border-radius: 0;
  margin: 0;
  transition: all 0.6s ease;
  color: var(--gray2);
  padding-left: 40px;
}

#dlgSelIcon #icon-tabs li:hover i {
  color: var(--gray);
}

#dlgSelIcon #icon-tabs li:hover a {
  color: var(--gray);
}

#dlgSelIcon #icon-tabs li.active i {
  color: var(--gray);
}

#dlgSelIcon #icon-tabs li.active a {
  border-right-color: var(--orange);
  color: var(--gray);
}

#dlgSelIcon #cont_iconos {
  height: 450px;
  overflow-y: auto;
  width: calc(100% - 200px);
  margin-left: auto;
  box-sizing: border-box;
  padding: 10px;
}

#dlgSelIcon #cont_iconos .ci_separador {
  height: 10px;
}

#dlgSelIcon #cont_iconos a img {
  margin: 5px;
  float: none;
}

/*Botones modal ui-dialog*/
.ui-dialog {
  font-size: 14px !important;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 5px;
  display: block !important;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-title {
  display: inline-block;
  max-width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--txt-black);
  line-height: 20px !important;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane {
  display: block !important;
  height: auto !important;
  margin-top: 0 !important;
  top: 12px !important;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a {
  position: static !important;
  line-height: normal;
  margin-top: 0 !important;
  height: 28px !important;
  width: 28px !important;
  border: 0 !important;
  box-shadow: none;
  padding: 0 !important;
  box-sizing: border-box;
  opacity: 0.6 !important;
  transition: all 0.6s ease;
  background-image: none;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a span {
  margin: 0;
  font-size: 0;
  background-image: none;
  text-indent: 0;
  padding: 0 !important;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a span:after {
  font-family: "platform-font" !important;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a.ui-dialog-titlebar-close span:after {
  content: "\e958";
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a.ui-dialog-titlebar-maximize span:after {
  content: "\e9eb";
  font-size: 18px;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a.ui-dialog-titlebar-minimize span:after {
  content: "\e9f9";
  font-size: 18px;
}

.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-buttonpane a:hover {
  opacity: 1 !important;
  text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar > a {
  top: 12px;
  background-image: none;
  height: 28px !important;
  width: 28px !important;
  border: 0 !important;
  box-shadow: none;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  opacity: 0.6 !important;
  transition: all 0.6s ease;
}

.ui-dialog .ui-dialog-titlebar > a span {
  margin: 0;
  font-size: 0;
  background-image: none;
  text-indent: 0;
  padding: 0 !important;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.ui-dialog .ui-dialog-titlebar > a span:after {
  font-family: "platform-font" !important;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.ui-dialog .ui-dialog-titlebar > a.ui-dialog-titlebar-close span:after {
  content: "\e958";
}

.ui-dialog .ui-dialog-titlebar > a:hover {
  opacity: 1 !important;
}

.ui-dialog > .ui-dialog-content {
  color: var(--ondel-text) !important;
}

.ui-dialog.ui-dialog-buttons .ui-dialog-titlebar .ui-dialog-title {
  max-width: calc(100% - 40px);
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane {
  background-color: var(--white);
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset {
  display: flex;
  justify-content: end;
  float: none;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > button {
  flex: 0 0 auto;
  max-width: inherit;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
  height: 30px;
  box-sizing: border-box;
  background-image: none;
  background-color: var(--blue1);
  border-color: var(--blue1);
  text-shadow: none;
  color: var(--white);
  box-shadow: none;
  transition: all 0.6s ease;
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > button#btnDelete {
  background-color: var(--red);
  border-color: var(--red);
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > button#btnStreetView {
  background-color: var(--white);
  border-color: var(--gray4);
  color: var(--txt-black);
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > button:hover {
  opacity: 0.8;
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnCanc, .ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnOK {
  background-image: none;
  text-shadow: none;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  margin: 0 0 0 6px;
  flex: 0 0 auto;
  max-width: inherit;
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnCanc:hover, .ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnOK:hover {
  opacity: 0.8;
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnCanc {
  background-color: var(--white);
  border-color: var(--gray4);
  color: var(--txt-black);
}

.ui-dialog.ui-dialog-buttons > .ui-dialog-buttonpane > .ui-dialog-buttonset > #btnOK {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}

.ui-dialog.dlg-full-screen {
  height: 100vh !important;
  box-sizing: border-box;
}

.ui-dialog.dlg-full-screen .ui-dialog-titlebar {
  height: auto;
}

.ui-dialog.dlg-full-screen .ui-dialog-titlebar .ui-dialog-title {
  display: block;
  float: none;
}

.ui-dialog.dlg-full-screen .ui-widget-content {
  height: calc(100vh - 52px) !important;
  box-sizing: border-box;
}

.ui-dialog.dlg-full-screen .ui-widget-content > .btn-restore-dialog {
  border: 0 !important;
  position: fixed !important;
  width: 28px;
  height: 28px;
  top: 13px !important;
  right: 37px !important;
  z-index: 2 !important;
  background-color: var(--white);
  background-image: none;
  padding: 0;
  opacity: 0.6 !important;
  transition: all 0.6s ease;
}

.ui-dialog.dlg-full-screen .ui-widget-content > .btn-restore-dialog i {
  font-size: 21px;
  display: flex !important;
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  margin: 0 !important;
}

.ui-dialog.dlg-full-screen .ui-widget-content > .btn-restore-dialog i::before {
  content: "\e9ea";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

.ui-dialog.dlg-full-screen .ui-widget-content > .btn-restore-dialog:hover {
  opacity: 1 !important;
}

.ui-dialog.uidCustom.dlg-full-screen .ui-dialog-titlebar .ui-dialog-titlebar-buttonpane a.ui-dialog-titlebar-restore {
  margin-right: 31px;
}

.modal > .modal-dialog > .modal-content {
  font-size: 14px !important;
}

.modal > .modal-dialog > .modal-content > .modal-header {
  position: relative;
}

.modal > .modal-dialog > .modal-content > .modal-header > .modal-title {
  font-size: 18px;
  font-weight: bold;
  color: var(--txt-black);
}

.modal > .modal-dialog > .modal-content > .modal-header > button.close {
  height: 28px !important;
  width: 28px !important;
  position: absolute;
  top: 16px;
  right: 10px;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.6s ease;
}

.modal > .modal-dialog > .modal-content > .modal-header > button.close > span {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6 !important;
}

.modal > .modal-dialog > .modal-content > .modal-header > button.close > span:after {
  content: "\e958";
  font-size: 22px;
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
}

.modal > .modal-dialog > .modal-content > .modal-header > button.close:hover {
  opacity: 1 !important;
}

/*Mejorando visualmente el chossen-container 16/05/2022*/
.chosen-container {
  background-color: var(--white);
}

.chosen-container .chosen-single {
  height: 30px !important;
  box-sizing: border-box;
}

.chosen-container .chosen-single > span {
  line-height: 28px;
  margin-top: 0 !important;
}

.chosen-container .chosen-single > div {
  top: 0 !important;
  height: 28px !important;
  width: 20px !important;
}

.chosen-container .chosen-single > div > b {
  background: none !important;
  width: 18px !important;
  height: 28px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-image: none !important;
}

.chosen-container .chosen-single > div > b::after {
  content: "\e9ad";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  transition: all 0.3s ease;
}

.chosen-container .chosen-drop .chosen-search {
  position: relative;
}

.chosen-container .chosen-drop .chosen-search > input[type=text],
.chosen-container .chosen-drop .chosen-search .chosen-search-input {
  height: 30px;
  padding-right: 40px;
  background: none !important;
}

.chosen-container .chosen-drop .chosen-search::after {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  top: 5px;
  right: 5px;
  height: 28px;
  padding-top: 0;
}

.chosen-container.chosen-with-drop .chosen-single > div > b {
  background-image: none !important;
}

.chosen-container.chosen-with-drop .chosen-single > div > b::after {
  transform: rotate(-180deg);
}

.bc-pur1 {
  background-color: var(--cp-pur1) !important;
}

.bc-pur2 {
  background-color: var(--cp-pur2) !important;
}

.bc-pur3 {
  background-color: var(--cp-pur3) !important;
}

.bc-pur4 {
  background-color: var(--cp-pur4) !important;
}

.tc-pur1 {
  color: var(--cp-pur1) !important;
}

.tc-pur2 {
  color: var(--cp-pur2) !important;
}

.tc-pur3 {
  color: var(--cp-pur3) !important;
}

.tc-pur4 {
  color: var(--cp-pur4) !important;
}

.bc-blu1 {
  background-color: var(--cp-blu1) !important;
}

.bc-blu2 {
  background-color: var(--cp-blu2) !important;
}

.bc-blu3 {
  background-color: var(--cp-blu3) !important;
}

.bc-blu4 {
  background-color: var(--cp-blu4) !important;
}

.tc-blu1 {
  color: var(--cp-blu1) !important;
}

.tc-blu2 {
  color: var(--cp-blu2) !important;
}

.tc-blu3 {
  color: var(--cp-blu3) !important;
}

.tc-blu4 {
  color: var(--cp-blu4) !important;
}

.bc-gre1 {
  background-color: var(--cp-gre1) !important;
}

.bc-gre2 {
  background-color: var(--cp-gre2) !important;
}

.bc-gre3 {
  background-color: var(--cp-gre3) !important;
}

.bc-gre4 {
  background-color: var(--cp-gre4) !important;
}

.tc-gre1 {
  color: var(--cp-gre1) !important;
}

.tc-gre2 {
  color: var(--cp-gre2) !important;
}

.tc-gre3 {
  color: var(--cp-gre3) !important;
}

.tc-gre4 {
  color: var(--cp-gre4) !important;
}

.bc-yel1 {
  background-color: var(--cp-yel1) !important;
}

.bc-yel2 {
  background-color: var(--cp-yel2) !important;
}

.bc-yel3 {
  background-color: var(--cp-yel3) !important;
}

.bc-yel4 {
  background-color: var(--cp-yel4) !important;
}

.tc-yel1 {
  color: var(--cp-yel1) !important;
}

.tc-yel2 {
  color: var(--cp-yel2) !important;
}

.tc-yel3 {
  color: var(--cp-yel3) !important;
}

.tc-yel4 {
  color: var(--cp-yel4) !important;
}

.bc-ora1 {
  background-color: var(--cp-ora1) !important;
}

.bc-ora2 {
  background-color: var(--cp-ora2) !important;
}

.bc-ora3 {
  background-color: var(--cp-ora3) !important;
}

.bc-ora4 {
  background-color: var(--cp-ora4) !important;
}

.tc-ora1 {
  color: var(--cp-ora1) !important;
}

.tc-ora2 {
  color: var(--cp-ora2) !important;
}

.tc-ora3 {
  color: var(--cp-ora3) !important;
}

.tc-ora4 {
  color: var(--cp-ora4) !important;
}

.bc-red1 {
  background-color: var(--cp-red1) !important;
}

.bc-red2 {
  background-color: var(--cp-red2) !important;
}

.bc-red3 {
  background-color: var(--cp-red3) !important;
}

.bc-red4 {
  background-color: var(--cp-red4) !important;
}

.tc-red1 {
  color: var(--cp-red1) !important;
}

.tc-red2 {
  color: var(--cp-red2) !important;
}

.tc-red3 {
  color: var(--cp-red3) !important;
}

.tc-red4 {
  color: var(--cp-red4) !important;
}

.boxCIcon {
  background-color: var(--gray2);
  border-radius: 90%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
}

.boxCIcon i {
  color: var(--white);
  font-size: 22px;
}

.boxCIcon.bciX1 {
  height: 52px;
  width: 52px;
}

.boxCIcon.bciX1 i {
  font-size: 32px;
}

.boxCIcon.bciX2 {
  height: 72px;
  width: 72px;
}

.boxCIcon.bciX2 i {
  font-size: 42px;
}

.boxCIcon.bciX3 {
  height: 92px;
  width: 92px;
}

.boxCIcon.bciX3 i {
  font-size: 52px;
}

.boxCIcon.bciX4 {
  height: 112px;
  width: 112px;
}

.boxCIcon.bciX4 i {
  font-size: 72px;
}

.boxCIcon.bciX5 {
  height: 132px;
  width: 132px;
}

.boxCIcon.bciX5 i {
  font-size: 92px;
}

.badgeCustom {
  font-size: 12px;
  background-color: var(--gray);
  color: var(--white);
  padding: 1px 6px;
  margin: 0 5px;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.badgeCustom.bcFlexC {
  display: flex;
  justify-content: center;
}

.badgeCustom.bcBlue {
  background-color: var(--blue);
}

.badgeCustom.bcBlue2 {
  background-color: var(--blue2);
}

.badgeCustom.bcGreen {
  background-color: var(--green);
}

.badgeCustom.bcYellow {
  background-color: var(--yellow);
}

.badgeCustom.bcRed {
  background-color: var(--red);
}

.badgeCustom.bcOrange {
  background-color: var(--orange);
}

.badgeCustom.bcGray {
  background-color: var(--gray);
}

.badgeCustom.bcBlack {
  background-color: var(--black);
}

.badgeCustom.bcWhite {
  background-color: var(--white);
  border: 1px solid var(--gray);
  color: var(--txt-black);
}

.alertCustom {
  padding: 10px;
  background-color: var(--gray3);
  border-color: var(--gray2);
  color: var(--gray);
  border-width: 1px;
  border-style: solid;
  margin-bottom: 10px;
}

.alertCustom.bcBlue {
  background-color: rgba(51, 122, 183, 0.2);
  border-color: var(--blue);
  color: var(--blue);
}

.alertCustom.bcGreen {
  background-color: rgba(92, 184, 92, 0.2);
  border-color: var(--green);
  color: var(--green);
}

.alertCustom.bcYellow {
  background-color: rgba(243, 186, 37, 0.2);
  border-color: var(--yellow);
  color: var(--yellow);
}

.alertCustom.bcOrange {
  background-color: rgba(236, 156, 47, 0.2);
  border-color: var(--orange);
  color: var(--orange);
}

.alertCustom.bcRed {
  background-color: rgba(217, 83, 79, 0.2);
  border-color: var(--red);
  color: var(--red);
}

.alertCustom > .close {
  margin-left: 10px;
}

.labelCustom {
  font-size: 12px;
  background-color: var(--gray);
  color: var(--white);
  padding: 5px 6px;
  margin: 0 5px;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.labelCustom.bcBlue {
  background-color: var(--blue);
}

.labelCustom.bcGreen {
  background-color: var(--green);
}

.labelCustom.bcYellow {
  background-color: var(--yellow);
}

.labelCustom.bcRed {
  background-color: var(--red);
}

.labelCustom.bcOrange {
  background-color: var(--orange);
}

.encapCustom {
  display: inline-flex;
  background-color: var(--gray2);
  border-radius: 90%;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
}

.encapCustom i {
  color: var(--white);
  font-size: 14px;
}

.encapCustom.ecSquare {
  border-radius: 10%;
}

.encapCustom.ec-x2 {
  width: 50px;
  height: 50px;
}

.encapCustom.ec-x2 i {
  font-size: 22px;
}

.encapCustom.ec-x3 {
  width: 60px;
  height: 60px;
}

.encapCustom.ec-x3 i {
  font-size: 30px;
}

.encapCustom.ec-x4 {
  width: 70px;
  height: 70px;
}

.encapCustom.ec-x4 i {
  font-size: 38px;
}

.encapCustom.ec-x5 {
  width: 80px;
  height: 80px;
}

.encapCustom.ec-x5 i {
  font-size: 46px;
}

.encapCustom.ec-x6 {
  width: 90px;
  height: 90px;
}

.encapCustom.ec-x6 i {
  font-size: 54px;
}

.encapCustom.ec-x7 {
  width: 100px;
  height: 100px;
}

.encapCustom.ec-x7 i {
  font-size: 62px;
}

.encapCustom.ec-x8 {
  width: 110px;
  height: 110px;
}

.encapCustom.ec-x8 i {
  font-size: 70px;
}

.encapCustom.ecRed {
  background-color: var(--red);
}

.encapCustom.ecRed i {
  color: var(--white);
}

.encapCustom.ecGreen {
  background-color: var(--green);
}

.encapCustom.ecGreen i {
  color: var(--white);
}

.encapCustom.ecBlue {
  background-color: var(--blue);
}

.encapCustom.ecBlue i {
  color: var(--white);
}

.encapCustom.ecOrange {
  background-color: var(--orange);
}

.encapCustom.ecOrange i {
  color: var(--white);
}

.encapCustom.ecYellow {
  background-color: var(--yellow);
}

.encapCustom.ecYellow i {
  color: var(--white);
}

.tableInfoCustom {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 0 1px 1px 1px;
  border-color: var(--gray4);
  border-style: solid;
}

.tableInfoCustom tbody tr {
  border-top: 1px solid var(--gray4);
}

.tableInfoCustom tbody tr:nth-child(even) {
  background-color: var(--gray3);
}

.tableInfoCustom tbody tr td {
  font-size: 12px;
  padding: 1px 4px;
}

.tableInfoCustom tbody tr td:first-child {
  font-weight: 500;
  width: 40%;
}

.tableInfoCustom tbody tr td:last-child {
  text-align: right;
  width: 60%;
}

.disInBlock {
  display: inline-block !important;
}

.disBlock {
  display: block !important;
}

.messageCustom {
  color: var(--ondel-gray2);
  text-align: center;
}

.messageCustom i {
  font-size: 18px;
  display: block;
  margin-bottom: 2px;
}

.switchCustom {
  display: inline-block;
  position: relative;
}

.switchCustom input {
  display: none;
}

.switchCustom label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  margin: 0;
  cursor: pointer;
}

.switchCustom .swcu-box {
  background-color: var(--gray4);
  border: 2px solid var(--gray4);
  width: 44px;
  height: 20px;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.4s ease;
}

.switchCustom .swcu-box > span {
  font-size: 11px;
  flex: 0 0 50%;
  max-width: 50%;
  height: 16px;
  text-align: center;
  opacity: 0;
  transition: all 0.4s ease;
}

.switchCustom .swcu-box::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--white);
  left: 0;
  border-radius: 90%;
  transition: all 0.4s ease;
}

.switchCustom input:checked ~ .swcu-box {
  background-color: var(--green);
  border-color: var(--green);
}

.switchCustom input:checked ~ .swcu-box::after {
  transform: translateX(24px);
}

.switchCustom.swc-s2 .swcu-box {
  border-radius: 0;
}

.switchCustom.swc-s2 .swcu-box > span {
  opacity: 1;
}

.switchCustom.swc-s2 .swcu-box > span:first-child {
  background-color: var(--white);
  color: var(--white);
}

.switchCustom.swc-s2 .swcu-box > span:last-child {
  background-color: var(--gray4);
}

.switchCustom.swc-s2 .swcu-box::after {
  display: none;
}

.switchCustom.swc-s2 input:checked ~ .swcu-box > span:first-child {
  background-color: var(--green);
}

.switchCustom.swc-s2 input:checked ~ .swcu-box > span:last-child {
  background-color: var(--white);
  color: var(--white);
}

.switchCustom.swc-blue input:checked ~ .swcu-box {
  background-color: var(--blue);
  border-color: var(--blue);
}

.switchCustom.swc-blue input:checked ~ .swcu-box > span:first-child {
  background-color: var(--blue);
}

.switchCustom.swc-yellow input:checked ~ .swcu-box {
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.switchCustom.swc-yellow input:checked ~ .swcu-box > span:first-child {
  background-color: var(--yellow);
}

.switchCustom.swc-orange input:checked ~ .swcu-box {
  background-color: var(--orange);
  border-color: var(--orange);
}

.switchCustom.swc-orange input:checked ~ .swcu-box > span:first-child {
  background-color: var(--orange);
}

.switchCustom.swc-red input:checked ~ .swcu-box {
  background-color: var(--red);
  border-color: var(--red);
}

.switchCustom.swc-red input:checked ~ .swcu-box > span:first-child {
  background-color: var(--red);
}

.switchRadCustom {
  border: 1px solid var(--blue);
  display: inline-flex;
  position: relative;
}

.switchRadCustom input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.switchRadCustom label {
  flex: 1;
  border-width: 0 1px 0 0;
  border-color: var(--blue);
  border-style: solid;
  text-align: center;
  padding: 8px 14px;
  cursor: pointer;
  color: var(--blue);
  transition: all 0.6s ease;
  margin: 0;
}

.switchRadCustom label:last-child {
  border-right: 0;
}

.switchRadCustom input:checked + label {
  background-color: var(--blue);
  color: var(--white);
}

.switchRadCustom.srdBlock {
  display: flex;
}

.switchRadCustom.srd-green {
  border-color: var(--green);
}

.switchRadCustom.srd-green label {
  border-color: var(--green);
  color: var(--green);
}

.switchRadCustom.srd-green input:checked + label {
  background-color: var(--green);
}

.switchRadCustom.srd-yellow {
  border-color: var(--yellow);
}

.switchRadCustom.srd-yellow label {
  border-color: var(--yellow);
  color: var(--yellow);
}

.switchRadCustom.srd-yellow input:checked + label {
  background-color: var(--yellow);
}

.switchRadCustom.srd-orange {
  border-color: var(--orange);
}

.switchRadCustom.srd-orange label {
  border-color: var(--orange);
  color: var(--orange);
}

.switchRadCustom.srd-orange input:checked + label {
  background-color: var(--orange);
}

.switchRadCustom.srd-red {
  border-color: var(--red);
}

.switchRadCustom.srd-red label {
  border-color: var(--red);
  color: var(--red);
}

.switchRadCustom.srd-red input:checked + label {
  background-color: var(--red);
}

.textRight {
  text-align: right !important;
}

.textLeft {
  text-align: left !important;
}

.textCenter {
  text-align: center !important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mx5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mx10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mx15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mx20 {
  margin-right: 20px;
  margin-left: 20px;
}

.my5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.px5 {
  padding-right: 5px;
  padding-left: 5px;
}

.px10 {
  padding-right: 10px;
  padding-left: 10px;
}

.px15 {
  padding-right: 15px;
  padding-left: 15px;
}

.px20 {
  padding-right: 20px;
  padding-left: 20px;
}

.py5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.opa0 {
  opacity: 0;
}

.opa20 {
  opacity: 0.2;
}

.opa40 {
  opacity: 0.4;
}

.opa60 {
  opacity: 0.6;
}

.opa80 {
  opacity: 0.8;
}

/*Tipo de detalle 1*/
.detailCustomAct {
  font-size: 11px;
}

.detailCustomAct .daImg {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--ondel-gray3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.detailCustomAct > table {
  border-color: var(--ondel-gray3);
  border-style: solid;
  border-width: 0 1px 0 1px;
  margin: 0;
  width: 100%;
}

.detailCustomAct > table > tbody > tr > td {
  vertical-align: top;
  border-bottom: 1px solid var(--ondel-gray3) !important;
  padding: 2px 5px !important;
}

.detailCustomAct > table > tbody > tr > td:first-child {
  font-weight: bold;
  width: 40%;
}

.detailCustomAct > table > tbody > tr > td:last-child {
  text-align: right;
  color: #666666;
  width: 60%;
}

.detailCustomAct > table > tbody > tr > td .label {
  text-shadow: none;
  font-size: 11px !important;
}

.detailCustomAct > table > tbody > tr > td > i {
  font-size: 14px;
  vertical-align: text-bottom;
}

.detailCustomAct > table > tbody > tr > td#ubicacion, .detailCustomAct > table > tbody > tr > td.dcAlltd {
  text-align: right;
  font-weight: normal;
}

.detailCustomAct > table > tbody > tr > td#ubicacion strong, .detailCustomAct > table > tbody > tr > td.dcAlltd strong {
  float: left;
  color: var(--txt-black);
}

.detailCustomAct > table > tbody > tr > td.title_det {
  text-align: left;
  font-size: 12px;
  background-color: var(--gray4);
}

.detailCustomAct > table > tbody > tr > td.title_det.tdIcon {
  font-size: 13px;
  vertical-align: middle !important;
  height: 42px;
  box-sizing: border-box;
  position: relative;
  padding-left: 50px !important;
  border-top: 1px solid var(--ondel-gray3);
  text-align: left !important;
  background-color: var(--gray3);
  font-weight: bold;
}

.detailCustomAct > table > tbody > tr > td.title_det.tdIcon img {
  width: 40px;
  height: 40px;
  vertical-align: baseline;
  position: absolute;
  top: 1px;
  left: 2px;
}

.detailCustomAct #relojes_detalle,
.detailCustomAct .relojes_detalle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px 0 !important;
}

.detailCustomAct #relojes_detalle > .reloj,
.detailCustomAct .relojes_detalle > .reloj {
  flex: 0 0 80px;
  max-width: 80px;
  height: 110px;
  margin: 5px;
}

.detailCustomAct #relojes_detalle > .reloj .desc,
.detailCustomAct .relojes_detalle > .reloj .desc {
  font-size: 10px;
}

.detailCustomAct #relojes_detalle > .reloj .desc span,
.detailCustomAct .relojes_detalle > .reloj .desc span {
  display: block;
  text-align: center;
  line-height: 12px;
  color: var(--gray);
  overflow: hidden;
  height: 23px;
}

.detailCustomAct #relojes_detalle > .reloj .desc strong,
.detailCustomAct .relojes_detalle > .reloj .desc strong {
  display: none;
}

/*_new-styles.scss*/
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > button.gm-svpc {
  width: 25px !important;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom > button.gm-svpc > div {
  width: auto !important;
}

#ondriver #nav-principal .navbar-collapse .navbar-nav > li {
  position: relative;
}
#ondriver #nav-principal .navbar-collapse .navbar-nav > li > .nav-link.dropdown-toggle {
  cursor: pointer;
  transition: all 0.6s ease !important;
  padding: 0.4rem 1rem;
}
#ondriver #nav-principal .navbar-collapse .navbar-nav > li > .nav-link.dropdown-toggle:hover {
  color: var(--col-nlink-secu);
}
#ondriver #nav-principal .navbar-collapse .navbar-nav > li .dropdown-menu {
  margin-top: 10px;
}
#ondriver #nav-principal .navbar-collapse .navbar-nav > li .dropdown-menu > .dropdown-item {
  padding: 5px 7px;
  font-size: 12.6px;
  transition: all 0.6s ease;
}
#ondriver #nav-principal .navbar-collapse .navbar-nav > li .dropdown-menu > .dropdown-item:hover {
  background-color: var(--col-ndrop-back);
  background-image: none;
  color: var(--col-ndrop-base);
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all .ui-dialog-titlebar .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-restore.ui-corner-all.ui-state-default span {
  font-size: 0;
  display: flex !important;
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  margin: 0 !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all .ui-dialog-titlebar .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-restore.ui-corner-all.ui-state-default span:before {
  content: "\e9ea";
  font-family: "platform-font" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

#tablaDistancia th.distancia, 
#tablaDistancia td.distancia { 
    text-align: right; 
    padding-right: 18px;
}