html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
#mapa {
position: absolute;
top: 42px;
bottom: 0px;
width: 100%;
height: -42px;
border: 0;
margin: 0;
padding: 0;
}
.logo-mapa {
height:38px;vertical-align:top;
}
#line-div-navbar {
height: 1px;
border: 1px solid #cacaca;
}
.img-show {
display: block;
width: 16px;
height: 16px;
background: url(../images/iconos/show.png) top left no-repeat;
}
.img-update {
display: block;
width: 16px;
height: 16px;
background: url(../images/iconos/update.png) top left no-repeat;
}
.img-delete {
display: block;
width: 16px;
height: 16px;
background: url(../images/iconos/delete.png) top left no-repeat;
}
.img-ojo-active {
display: block;
width: 16px;
height: 16px;
background: url(../images/iconos/IconoOjo.png) top left no-repeat;
}
.img-ojo-inactive {
display: block;
width: 16px;
height: 16px;
background: url(../images/iconos/IconoOjo.png) top right no-repeat;
}
.form-actn {
float: left;
margin-right: 4px;
}
.form-actn-fl {
float: left;
}
.navbar { font-size: 12px; }
.navbar .nav>li>a { padding: 10px 10px 10px; }
.navbar .brand {
padding:10px 0px 10px 10px;
margin-left:-20px;
font-size:16px;
}
/*.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center; // left/center/right
}*/
div.ui-dialog-titlebar a,
div.ui-dialog-titlebar-buttonpane a {
border: 1px solid #ddd !important;
height: 20px !important;
width: 20px !important;
padding: 3px !important;
margin-top: -5px !important;
background: #fff !important;
opacity: 1 !important;
color: #333 !important;
margin-left: 3px !important;
}
.showElement { display: block !important; }
.hiddenElement { display: none !important; }
/* Estilos para mostrar los módulos en el contenedor lateral izquierdo */
i#ocultar-divisor {
font-size: 18px;
background-color: #888;
padding: 4px 7px 4px 3px;
margin-left: -2px;
color: #fff;
border-radius: 0 24px 24px 0;
cursor:pointer;
}
i#mostrar-divisor {
font-size: 18px;
background-color: #888;
padding: 4px;
margin-right: -13px;
color: #fff;
border-radius: 0px 24px 24px 0px;
cursor:pointer;
}
div#tool-box { background-color: #fff; }
div#tool-box div#frmRecorridos table tr {
height: 30px;
font-size: 13px;
}
div#tool-box div#frmRecorridos table tr td { padding: 1px 3px; }
div#tool-box div#frmRecorridos table tr:nth-child(even) { background-color: #f7f7f7; }
div#tool-box div#frmRecorridos table tr td input,
div#tool-box div#frmRecorridos table tr td select {
margin: 0;
}
div#tool-box div#frmRecorridos table tr td input[type=radio] { margin-right: 8px; }
div#tool-box div#content ul.inline{
height:25px;
padding-top: 3px;
}
div#tool-box table#tblRecorrido{
width: 99%;
font-size: 12px;
}
div#tool-box table#tblRecorrido tr th:nth-child(2) { width: 10px; }
div#tool-box table#tblRecorrido tr th:nth-child(1) { width: 10px; }
div#tool-box table#tblRecorrido tr td:nth-child(1) { padding-top: 0; }
div#tool-box table#tblRecorrido tr th {
background-color: #eee;
border-bottom: 1px solid #bbb;
border-color: #bbb;
}
div#tool-box table#tblRecorrido tr:nth-child(even) { background-color: #f7f7f7; }
div#tool-box div.content-recorridos { width: 99.5%; }
div#tool-box div.activos-botones{
border: 0px solid #fff;
}
div#tool-box div.activos-botones button {
padding: 2px 10px 4px;
font-size: 12px;
height: 27px;
margin-top: 3px !important;
}
div#tool-box div#caja-moviles-monitor ul.filtros {
height: 32px;
/*overflow: hidden;*/
margin-bottom: 40px;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr th.clmKmh div {
width: 19px;
overflow:hidden;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmKmh { text-align: center; }
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmAcciones {
width: 80px;
text-align: right;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmAcciones button {
font-size: 10px;
padding: 0px 3px;
}
/*div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmStatus label { display: none; }*/
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td,
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td a {
letter-spacing: -0.3px;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr th {
font-size: 12px;
font-weight:normal;
background-color: #ddd;
border-left: 1px solid #bbb;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr th.clmStatus div {
width: 22px !important;
overflow: hidden;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmStatus img { height: 15px; }
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmAcciones a {
border: 1px solid transparent;
margin: 1px 0;
height: 20px;
color: #000;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmAcciones {
width: 90px !important;
padding: 2px 2px;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr th.th-sel-all div {
background-color: #ddd !important;
display:block;
padding-top: 8px;
height: 20px;
font-size: 16px;
}
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tr td.clmPlaca a { font-size: 12px; }
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado tbody tr:nth-child(odd) { background-color: #f7f7f7; }
div#tool-box div#caja-moviles-monitor table#tblMovilesAvanzado { width: 99%; }
div#tool-box div.content-lugares { width: 99%; }
div#tool-box div.content-lugares table { font-size: 13px; }
div#tool-box div.content-lugares table tr th { background-color: #eee; }
div#tool-box div.content-lugares table tr:nth-child(even) { background-color: #fafafa; }
div#tool-box div.content-alertas {
width: 99%;
overflow: hidden;
}
div#tool-box div.content-alertas div.form-alerta form table tr td:first-child { }
div#tool-box div.content-alertas div.form-alerta form table tr input { max-width: 140px; }
div#tool-box div.content-alertas div.form-alerta form table tr select { max-width: 151px; }
div#tool-box div.content-alertas select#cbHoraFin { margin: 2px 3px; }
div#tool-box div.content-alertas table tr td div.control-group div.fecha-hora { width: 110px; }
div#tool-box div.content-alertas table tr td div.acciones-form-alertas div {
margin-left: 0;
text-align: center;
margin-top: 4px;
}
div#tool-box div.content-alertas table tr td div.acciones-form-alertas div button { width: 49%; }
div#tool-box div.content-alertas table.listado-alertas tr:nth-child(even) { background-color: #fafafa; }
div#tool-box div.content-alertas table.listado-alertas tr th { background-color: #eee; }
div#tool-box div.content-alertas table.listado-alertas tr td:nth-child(5) {
width: 120px;
display: block;
height: 70px;
line-height: 15px;
overflow: auto;
}
div#tool-box div.content-alertas table.listado-alertas tr td:nth-child(1) {
width: 70px;
display: block;
overflow: auto;
}
div#tool-box div.content-alertas table.listado-alertas tr td:nth-child(6) {
padding: 3px 0px 0 5px;
width: 40px;
}
div#tool-box div.content-alertas table.listado-alertas tr td:nth-child(6) button {
float:left; margin: 2px 2px 0 0px;
width: 23px;
}
div#tool-box div.content-geocerca div#descPrinc { display: none; }
div#tool-box div.content-geocerca { width: 99%; }
div#tool-box div.content-geocerca table { font-size: 13px; }
div#tool-box div.content-geocerca table tr th { background-color: #eee; }
div#tool-box div.content-geocerca table tr:nth-child(even) { background-color: #fafafa; }
div#tool-box div.content-geocerca table tr td:nth-child(2) { text-align: right; }
div#topnavbar ul.nav-icons a { padding: 10px 6px; }
div#topnavbar form.navbar-search input {
width: 56px;
font-size: 12px;
margin: 0 0px;
}
div#topnavbar form.navbar-search input:focus { width: 120px; }
div#topnavbar ul.navbar-notify li { margin: 0; }
div#topnavbar ul.navbar-notify li span.spnNotifications { margin: 0 2px; }
div#tool-box .multiselect { z-index: 10; }
/* Fin estilos panel lateral*/
/*CSS para los labels de los lugares y vehiculos*/
.labels {
color : black;
background-color: white;
font-family : "Lucida Grande", "Arial", sans-serif;
font-size : 11px;
font-weight : bold;
text-align : center;
width : auto;
height : auto;
/*border : 1px solid gray;*/
white-space : nowrap;
opacity : 0.75;
}
.labelCerca{
white-space : nowrap;
border-radius : 4px;
font-size : 14px;
position : relative;
left : -10px;
padding : 2px 4px;
z-index : 999;
background-color : white;
}
.lblveh{
white-space : nowrap;
border : 1px solid #E6CE6D;
border-radius : 4px;
font-weight : 600;
background-color : #FFEDA5;
font-size : 12px;
position : relative;
left : 20px;
top : -45px;
padding : 2px 4px;
z-index : 1000;
width: auto;
}
.lblveh.iMap2D{
left: 0;
}
.lblveh.ocp{
background-color : #D9534F;
border-color : #D9534F;
color : white;
}
.lblveh.lbr{
background-color : #5CB85C;
border-color : #5CB85C;
color : white;
}
/* // Parqueo seguro: */
.lblvehGris{
white-space : nowrap;
border : 1px solid #C1C7C5;
border-radius : 4px;
font-weight : 600;
background-color : #E1E7E5;
font-size : 12px;
position : relative;
left : 20px;
top : -45px;
padding : 2px 8px;
z-index : 1000;
width: auto;
}
/*etiquetas con nombres largos a 2 lineas*/
#mapa .gm-style .lblveh{
white-space: normal;
}
.labelsLugares{
white-space : nowrap;
text-align : center;
font-size : 12px;
padding : 2px 8px; color:black;
width : auto;
height : auto;
padding : 0px;
overflow : hidden;
position : relative;
left : 18px;
top : -35px;
padding : 2px 4px;
}
.labelsLugares{
border : 2px solid white;
background-color : white;
}
div#tool-box-content, #caja-moviles-monitor{
height: inherit;
}
/*fin de los labels para los lugares y vehiculos*/
/* CSS para menu tipo cajas en mobile */
@media only screen and (max-width: 700px) {
/* FIX para el zoom en el mada de open street map. */
.leaflet-top, .leaflet-bottom{
z-index: 10 !important;
}
/* for cellphones vertical */
div#tool-box{
width: 93% !important;
z-index: 50 !important;
}
div#tool-box-content{
width: 99%;
overflow-x: hidden;
height: inherit;
}
a#divisor{
right: 0px !important;
left: 93% !important;
}
a#divisor.oculto{
left: 0 !important;
text-decoration: none !important;
}
a#divisor i{
font-size: 25px;
text-decoration: none !important;
padding: 5px 10px 5px 8px;
border-radius: 5px;
}
div#tool-box div#caja-moviles-monitor .clmAcciones{
display:none;
}
div#tool-box div#caja-moviles-monitor .clmPlaca{
width: 30px;
}
div#tool-box div#caja-moviles-monitor ul.filtros{
font-size: 12px;
height: 100px;
margin-bottom: 0;
}
div#tool-box div#caja-moviles-monitor ul.filtros input{
width: 42%;
}
div#tool-box div#caja-moviles-monitor br{
display:none;
}
div#tool-box div#caja-moviles-monitor ul.filtros li:nth-child(3){
height: 30px;
width: 100%;
margin: 5px 0px 5px 0px;
}
div#topnavbar{
width: 100% !important;
padding: 0 !important;
display:block;
margin: 0;
}
div.navbar-inner{
width: auto;
padding: 0;
margin: 0;
}
div.navbar-inner a.cartografia{
padding-right: 4px;
padding-left: 4px;
overflow: hidden;
}
div#topnavbar ul.dropdown-menu{
min-width: 250px !important;
}
div#topnavbar ul.dropdown-menu li{
font-size: 14px;
border-bottom: 1px solid #efefef;
padding-top: 4px;
padding-bottom: 4px;
}
div#topnavbar div.navbar-inner ul.navbar-notify{
float:left;
}
div#topnavbar div.navbar-inner ul.navbar-notify span{
padding: 7px 3px;
margin-right: 0;
margin-left: 0;
background-color: #000;
}
div#topnavbar div.navbar-inner ul.navbar-notify span.notice-new{
padding: 0px 5px;
}
div#topnavbar ul.nav-icons li:nth-child(2){
display:none;
}
div#topnavbar ul.nav-icons li a{
padding-right: 4px;
padding-left: 4px;
}
div.ui-dialog.show-info-vehiculo{
display:none;
width: 100% !important;
left: 0 !important;
top: 40px !important;
height: 90% !important;
border-radius: 0;
}
div.ui-dialog.show-info-vehiculo div.ui-dialog-titlebar{
min-height: 40px !important;
padding: 0px 10px!important;
}
div.ui-dialog.show-info-vehiculo div.ui-dialog-titlebar a{
margin-top: -14px !important;
}
div.ui-dialog.show-info-vehiculo div#dlgInfoVehiculo{
min-height: 82% !important;
height: auto !important;
}
}
/* FIN CSS para menu tipo cajas en mobile */
/* CSS para titulo y descripción */
.help-title {
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
padding-left: 4px;
margin-bottom: 2px;
margin-right: 4%;
font-size: 14px;
margin-bottom: 10px;
}
.help-titulo {
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
padding-left: 4px;
margin-bottom: 2px;
margin-right: 4%;
font-size: 20px;
margin-bottom: 10px;
}
.help-description {
color: #888;
font-weight: 300;
font-size: 13px;
padding: 0;
padding-left: 4px;
border: 0px solid red;
margin-bottom: 10px;
}
/* Fila de Activo sin EquipoGPS asignado */
table#tblMovilesAvanzado tr td label.no-equipo-gps i {
color: #CD0000; font-size: 16px;
}
table#tblMovilesAvanzado tr td label.no-equipo-gps {
color: #CD0000;
}
/* estilos para mejorar la alerta en pantalla */
ul#form-incidente-alerta li input{
width: 97%;
}
ul#form-incidente-alerta li textarea{
width: 97%;
}
ul#form-incidente-alerta li button{
width: 100%;
}
ul#form-incidente-alerta li select{
width: 100%;
}
ul#form-incidente-alerta{
border-top: 1px solid #ddd;
padding-top: 9px;
}
.blink {
animation: blink-animation 1s steps(4, start) infinite;
-webkit-animation: blink-animation 1s steps(4, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
/* Estilo para los labels de los iconos*/
div.lblveh2{
padding: 1px 2px;
width: auto;
overflow: auto;
}
div.lblveh2 a.icon-bg{
border-radius: 5px;
display: block;
float: left;
height: 16px;
min-width: 17px;
margin-right: 1px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 10px;
margin-bottom: 2px;
cursor: pointer;
}
div.lblveh2 a{
text-decoration: none;
}
div.lblveh2 a.icon-bg.red{
background-color: red;
}
div.lblveh2 a.icon-bg.green{
background-color: green;
}
div.lblveh2 a.icon-bg.blue{
background-color: #335578;
}
div.lblveh2 a.icon-bg.yel{
background-color: yellow;
}
div.lblveh2 a.icon-bg.gray{
background-color: #313331;
}
div.lblveh2 a.icon-bg.gray2{
background-color: #bbb;
}
div.lblveh2 a.icon-bg i.vel-icon-label{
border: 0;
border-radius: 5px;
width: auto;
font -size:;
height: 14px;
font-size: 10px;
padding: 2px 2px 0 1px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
letter-spacing: -1px;
text-align: center;
background-color: #313331;
margin-left: 1px;
min-width: 13px;
display: inline-block;
}
div.lblveh2 a.icon-bg.ignicion svg{
margin: 2px 0 0 3px;
float: left;
}
div.lblveh2 a.icon-bg.ignicion span.unit{
display: inline-block;
height: 14px;
padding-top: 2px;
margin-left: 2px;
margin-right: 2px;
}
div.lblveh2 a.icon-bg.velocidad i span.unit{
margin-left: 2px;
margin-right: 2px;
}
div.lblveh2 a.icon-bg.direccion{
padding: 0;
text-decoration: none;
}
div.lblveh2 a.icon-bg.direccion a {
text-decoration: none;
}
div.lblveh2 a.icon-bg.direccion i{
margin: 2px 3px 1px 0px;
font-size: 12px;
float: right;
text-decoration: none;
}
div.lblveh2 a.icon-bg.bateria_veh{
padding-left: 1px;
padding-right: 1px;
}
div.lblveh2 a.icon-bg.bateria_veh svg{
margin: 2px 1px 0 2px;
float: left;
margin-top: 3px;
}
div.lblveh2 a.icon-bg.bateria_veh span.unit{
float: left;
margin-top: 3px;
margin-right: 2px;
}
div.lblveh2 a.icon-bg.temperatura{
padding-left: 1px;
}
div.lblveh2 a.icon-bg.temperatura svg{
margin: 2px 1px 1px 1px;
float: left;
}
div.lblveh2 a.icon-bg.temperatura span.unit{
float: left;
margin-top: 3px;
margin-right: 2px;
}
div.lblveh2 a.icon-bg.idtipo_dato_gps{
padding-left: 2px;
}
div.lblveh2 a.icon-bg.idconductor{
padding-top: 2px;
height: 14px;
font-size: 11px;
color: black;
}
div.lblveh2 a.icon-bg.idtipo_dato_gps svg{
margin: 2px 1px 1px 1px;
float: left;
}
div.lblveh2 a.icon-bg.idtipo_dato_gps span.unit{
float: left;
margin-top: 3px;
margin-right: 3px;
margin-left: 2px;
}
div.lblveh2 a.icon-bg.bateria_gps{
padding-left: 1px;
padding-right: 1px;
}
div.lblveh2 a.icon-bg.bateria_gps svg{
margin: 1px;
float: left;
}
div.lblveh2 a.icon-bg.bateria_gps span.unit{
float: left;
margin-top: 3px;
margin-right: 2px;
}
div.lblveh2 a.icon-bg.senal{
border-radius: 22px;
padding-left: 2px;
}
div.lblveh2 a.icon-bg.senal svg{
margin-top: 1px;
margin-left: 1px;
float: left;
}
div.lblveh2 a.icon-bg.combustible svg {
margin: 2px 1px 1px 1px;
float: left;
}
div.lblveh2 a.icon-bg.combustible span.unit {
float: left;
margin-top: 3px;
margin-right: 2px;
}
/* Estilo para el título de las etiquetas de los lugares*/
div.gm-style-iw .poi-info-window .title{
padding-left: 40px;
line-height: 20px;
}
/* estilos para modulo de notificaciones */
div#notification_lock_background{
border: 0;
position: fixed;
width: 100%;
height: 100%;
background-color: #333;
z-index: 3000;
background:rgba(0,0,0,0.5);
margin: 0;
display: none;
margin-top: -23px;
}
div#notification_lock_background.transparent{
background: transparent;
height: 0px;
}
div#notification_lock_background .modal{
position: relative;
top: auto;
left: auto;
right: auto;
margin: 0 auto 20px;
max-width: 100%;
margin-top: 5%;
border-color: rgb(170, 170, 170);
}
div#notification_lock_background .modal h3{
font-size: 18px;
}
div#notification_lock_background div.extra_line.date{
text-align: right;
}
div#notification_lock_background .modal .modal-footer{
padding-bottom: 10px !important;
}
#client_notify_list_box{
position: absolute;
width: 350px;
margin-left: -150px;
margin-top: 10px;
min-height: 144px;
max-height: 423px;
padding: 4px 8px;
background-color: #E5E5E5;
box-shadow: 0px 0px 14px #888888;
display: none;
}
#client_notify_list_box #icon-top{
float: left;
position: absolute;
margin-top: -24px;
font-size: 30px;
margin-left: 179px;
color: #e5e5e5;
}
#client_notify_list_box .notlist-title{
text-align: center;
padding: 5px 5px;
color: #666;
font-size: 13px;
}
#client_notify_list_box .notlist-fotter{
text-align: center;
padding: 5px 5px;
color: #666;
font-size: 13px;
height: 17px;
display: block;
}
#client_notify_list_box .notlist-body{
overflow-y: auto;
height: auto;
max-height: 342px;
}
#client_notify_list_box .notlist-body .notify-box{
height: 79px;
border: 1px solid red;
margin-bottom: 5px;
border: 1px solid #ccc;
box-shadow: 0px 0px 4px #ccc;
background-color: #fff;
}
#client_notify_list_box .notlist-body .close{
float: right;
color: #000 !important;
font-size: 14px;
margin-right: 3px;
}
#client_notify_list_box .notlist-body .icon-image{
float: left;
border: 1px solid #ddd;
background-color: #666;
width: 80px;
height: 64px;
font-size: 49px;
font-family: arial;
font-weight: bolder;
color: #ddd;
padding-top: 13px;
text-decoration: none;
}
#client_notify_list_box .notlist-body h6{
line-height: 14px;
margin-top: 5px;
margin-left: 90px;
max-height: 28px;
margin-bottom: 4px;
overflow: hidden;
margin-right: 24px;
}
#client_notify_list_box .notlist-body p{
margin-left: 89px;
line-height: 13px;
color: #666;
height: 40px;
font-size: 12px;
overflow: hidden;
}
#client_notify_list_box div.notlist-body div.loader{
margin-top: 40px;
}
#client_notify_list_box div.notlist-title{
height: 55px
}
#client_notify_list_box div.notlist-title ul.nav li a{
color :#666;
text-shadow: none;
padding: 5px 0;
cursor: pointer;
}
#client_notify_list_box div.notlist-title ul.nav li{
width: 50%;
}
#client_notify_list_box div.notlist-title ul.nav{
display: block;
width: 100%;
margin-top:6px;
}
#client_notify_list_box div.notlist-title ul.nav li a{
box-shadow: none;
border: 0;
font-size: 12px;
}
#client_notify_list_box div.notlist-title ul.nav li.active a{
background-color: #ccc;
}
#client_notify_modal{
position: fixed;
width: 350px;
margin-right: 10px;
margin-bottom: 24px;
min-height: 80px;
max-height: 610px;
padding: 4px 8px;
background-color: #E5E5E5;
box-shadow: 0px 0px 14px #888888;
display: none;
z-index: 10;
right: 0;
bottom: 0;
}
#client_notify_modal #icon-top{
float: left;
position: absolute;
margin-top: -24px;
font-size: 30px;
margin-left: 179px;
color: #e5e5e5;
}
#client_notify_modal .notlist-title{
text-align: center;
padding: 5px 5px;
color: #666;
font-size: 13px;
}
#client_notify_modal .notlist-fotter{
text-align: center;
padding: 5px 5px;
color: #666;
font-size: 13px;
height: 17px;
display: block;
}
#client_notify_modal .notlist-body{
overflow-y: auto;
height: auto;
max-height: 550px;
}
#client_notify_modal .notlist-body .notify-box{
height: 79px;
border: 1px solid red;
margin-bottom: 1px;
border: 1px solid #ccc;
box-shadow: 0px 0px 4px #ccc;
background-color: #fff;
cursor: pointer;
}
#client_notify_modal .notlist-body .close{
float: right;
color: #000 !important;
font-size: 14px;
margin-right: 3px;
}
#client_notify_modal .notlist-body .icon-image{
float: left;
border: 1px solid #ddd;
background-color: #ededed;
width: 80px;
height: 64px;
font-size: 49px;
font-family: arial;
font-weight: bolder;
color: #666;
padding-top: 13px;
text-align: center;
text-decoration: none;
}
#client_notify_modal .notlist-body h6{
line-height: 14px;
margin-top: 5px;
margin-left: 90px;
max-height: 28px;
margin-bottom: 4px;
overflow: hidden;
margin-right: 24px;
}
#client_notify_modal .notlist-body p{
margin-left: 89px;
line-height: 13px;
color: #666;
height: 54px;
font-size: 11px;
overflow: hidden;
}
#client_notify_modal .notlist-footer{
color: #000;
text-align: center;
font-size: 12px;
display: block;
cursor: pointer;
text-decoration: none;
}
div.notify-box a, div.notify-box h6,div.notify-box p{
cursor: pointer;
}
#client_notify_list_box .notlist-body div.notify-box.read{
background-color: #f6f6f6;
color: #666;
}
#client_notify_list_box .notlist-body .notify-box.read h6{
font-weight: normal;
}
/* fin de estilos para modulo de notificciones */
/* CSS para mensaje generico */
div.msg_general {
border: 1px solid #ddd;
padding: 20px 10px;
text-align: center;
background-color: #fff;
font-size: 13px;
color: #666;
font-style: italic;
}
div.msg_general .error {
color: #B32B2B;
font-weight: bold;
background-color: #ECC8C5;
}
/* CSS para el loading box */
.loader {
position: absolute;
width: 100%;
height: 100px;
left: 0;
text-align: center;
top: 20%;
}
.circular{
animation: rotate 2s linear infinite;
height: 100px;
position: relative;
width: 100px;
}
.path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
animation:
dash 1.5s ease-in-out infinite,
color 6s ease-in-out infinite
;
stroke-linecap: round;
}
@keyframes rotate{
100%{
transform: rotate(360deg);
}
}
@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 color{
100%, 0%{
stroke: #444;
}
}
/* fin de css loading */
/*clase para los lugares y geocercas en la direccion*/
.cerca-lugar-elemento{
color: #666;
font-style: italic;
}
/* clases para dialog fullscreen */
.dlg-full-screen {
border : 0;
border-radius: 0;
display : block;
height : 100% !important;
left : 0;
margin : 0 !important;
padding : 0 !important;
position : fixed;
top : 0;
width : 100% !important;
}
.dlg-full-screen .ui-dialog-titlebar-buttonpane {
display : none;
margin-top: 10px !important;
position : absolute;
width : 150px;
}
.dlg-full-screen .ui-dialog-content {
height: 98% !important;
}
.dlg-full-screen .ui-dialog-titlebar span {
display: none;
}
.dlg-full-screen .ui-dialog-titlebar{
height : 0px;
padding: 0;
}
.btn-restore-dialog {
background: #fff;
height : 25px;
padding : 3px 4px;
position : fixed;
right : 45px;
text-align: center;
top : 10px;
width : 25px;
}
/* Corrección de estilos para los botones de Google Maps */
div.gm-style-mtc div{
font-size: 12px !important;
width: 100px;
overflow: hidden;
}
div.gm-style-mtc div:nth-child(1){
padding: 5px 7px !important;
}
div.gm-style-mtc div label{
font-size: 12px !important;
width: 60px;
float: right;
padding: 0;
}
.gm-bundled-control div{
width: 25px !important;
height: 55px !important;
margin-top: 15px;
}
.gm-bundled-control div button{
width: 25px !important;
height: 25px !important;
}
.gm-bundled-control div div{
padding: 0;
}
.gm-bundled-control div div img{
width: 10px !important;
height: 10px !important;
margin: 0 !important;
}
.gm-bundled-control div div div {
width: 25px !important;
height: 2px !important;
margin: 2px 0 !important;
}
.gm-bundled-control div button:nth-child(3){
margin-top: 0 !important;
}
.gm-bundled-control .gm-svpc{
height: 25px !important;
border: 1px solid #ddd;
margin-top: 14px !important;
}
.gm-bundled-control .gm-svpc img{
width: 20px !important;
height: 20px !important;
margin: -14px 0 0 0px !important;
}
.gm-bundled-control .gm-svpc img:nth-child(3){
width: 28px !important;
height: 28px !important;
margin-left: 5px !important;
}
/* Fin corrección de estilos */
/* css para la ventana de los nuevos permisos */
#plataforma-mapa .col2 .search{
margin-top: 3px;
}
#plataforma-mapa .col1 .search{
margin-top: 17px;
}
.ver, .crear, .editar, .borrar {
padding-bottom: 29px !important;
}
body#plataforma-mapa .dataTables_length select{
width: 80px;
}
body#plataforma-mapa ul#tabsAdministracion{
margin-top: 5px;
}
body#plataforma-mapa ul#tabsAdministracion li a{
color: #444;
}
body#plataforma-mapa ul#tabsAdministracion li.active a{
color: #666;
}
body#plataforma-mapa div.tab-content table#permisos_table td.col1 input.search{
margin: 4px 4px 4px 24px;
}
body#plataforma-mapa div.tab-content table#permisos_table tr.tool-bar td.col1{
min-width: 250px;
}
body#plataforma-mapa div.tab-content table#permisos_table tr.tool-bar td.col2 input.search{
margin-top: 8px;
}
body#plataforma-mapa #permisos_table td.col1 img.btn-chrleft{
margin-top: 4px;
}
body#plataforma-mapa div.abml-helper-list{
padding: 3px 10px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_filter{
height: 30px;
padding: 4px 5px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_length{
height: 30px;
padding: 4px 5px;
margin-bottom: 5px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_length select{
margin-top: 6px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_filter input{
margin-top: 6px;
}
body#plataforma-mapa div.abml-helper-list{
padding: 3px 10px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_filter{
height: 30px;
padding: 4px 5px;
margin-right: 120px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_length{
height: 30px;
padding: 4px 5px;
margin-bottom: 5px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_length select{
margin-top: 6px;
}
body#plataforma-mapa div.abml-helper-list div.dataTables_filter input{
margin-top: 6px;
}
body#plataforma-mapa div.abml-helper-list div#columnasT{
margin-bottom: -50px;
padding-top:7px;
z-index: 9999999;
}
body#plataforma-mapa div.abml-helper-list div#columnasT a{
padding: 6px 10px 0 10px !important;
display: inline-block;
min-height: 22px;
color: #fff;
}
body#plataforma-mapa div.abml-helper-list div#columnasT li a{
color: #000;
}
body#plataforma-mapa div.abml-helper-list div#columnasT a:nth-child(2){
background-color: #6c757d;
border-color: #6c757d;
min-height: 22px;
padding: 6px 10px 0 10px !important;
margin-top: 3px;
}
body#plataforma-mapa div#content_usuarios div.text-right{
width: 70px;
float: right;
position: absolute;
right: 15px;
margin-top: 50px;
z-index: 40;
}
/*body#plataforma-mapa div#content_usuarios div.text-right a{
display: inline-block;
height: 20px;
width: 55px;
padding-top: 5px !important;
margin-top: 12px;
color: #fff;
}*/
body#plataforma-mapa div#content_usuarios div.contentTablaABML div#table-users_filter{
margin-right: 80px;
margin-top: 2px;
}
div#content_grupos div.text-right{
width: 70px;
float: right;
position: absolute;
right: 15px;
z-index: 40;
}
div#content_grupos div.text-right a{
display: inline-block;
height: 20px;
width: 55px;
padding-top: 5px !important;
margin-top: 12px;
color: #fff;
}
div#content_grupos div.contentTablaABML div#table-grupos_filter{
margin-right: 80px;
margin-top: 2px;
}
div#content_clientes div.text-right{
width: 70px;
position: absolute;
right: 15px;
margin-top: 30px;
z-index: 40;
}
div#content_clientes div.text-right a{
display: inline-block;
height: 20px;
width: 55px;
padding-top: 5px !important;
color: #fff;
}
div#content_clientes div.contentTablaABML div#table-clients_filter{
margin-right: 80px;
margin-top: 2px;
}
.showclickeable{
cursor: pointer;
}
/* CSS para mostrar el icono del corte de motor (candado) */
.motor-lock {
display: inline-block !important;
background-color: #aaa;
width: 16px !important;
height: 16px;
border-radius: 90%;
text-align: center;
vertical-align: text-bottom;
margin: 0 4px 0 0;
}
.motor-lock i {
color: #FFF;
font-size: 11px !important;
float: none !important;
}
.motor-lock.enviado {
background-color: #F39C11;
}
.motor-lock.confirmado {
background-color: #C0392B;
}
/* css de zues se corrige 3 scrol enviar sms*/
#caja-detalle-accion.modo_ventanas {
overflow: visible !important;
}
#caja-detalle-accion.modo_ventanas #caja_enviar_sms {
overflow-x: visible !important;
}
/* css para el modal de activos en administracion Patricio */
/*
div.ABMLcontainer.create_element_activos #campos-requeridos{
padding: 1px !important;
margin-bottom: 10px;
display: block;
width: 100% !important;
left: 0 !important;
text-align: right;
}
div.ABMLcontainer.create_element_activos div.ABMLrow:nth-last-child(2){
display: block;
width: 100%;
margin-top: 5px;
}
div.ABMLcontainer.create_element_activos div.actions-footer{
display: block;
float: left;
margin-top: 5px;
}
div.ABMLcontainer.create_element_activos div.ABMLrow{
width: 49%;
float: left;
padding: 0px 0px;
margin-top: 2px;
}
div.ABMLcontainer.create_element_activos div.ABMLrow div{
padding: 3px 10px;
}
div.ABMLcontainer.create_element_activos div.ABMLrow div.chosen-container{
padding: 0;
}
div.ABMLcontainer.create_element_activos div.ABMLrow div.chosen-container a.chosen-single{
background: #fff;
padding-top: 2px;
height: 26px;
border-color: #ccc;
box-shadow: 0 0 0 0;
border-radius: 3px;
}
div.ABMLcontainer.create_element_activos div.ABMLrow label{
padding: 3px 10px;
}
div.ABMLcontainer.create_element_activos div.ABMLrow div input{
margin-bottom: 0px;
}
*/
div.ABMLform-group.ABMLrow.view_activos {
display: flex;
}
div.ABMLform-group.ABMLrow.hide_activos {
display: none;
}
div#show_hide_fileds span.showallfields {
margin-left: 360px;
color: #5797ff;
font-weight: bold;
cursor: pointer;
}
div#show_hide_fileds span.hideallfields {
margin-left: 420px;
color: #5797ff;
font-weight: bold;
cursor: pointer;
}
div#show_hide_fileds {
padding-top: 10px;
padding-bottom: 10px;
}
#form-new-client .ABMLcontainer,
#form-new-user .ABMLcontainer,
#form-edit-usuario .ABMLcontainer,
#form-edit-activos .ABMLcontainer,
#form-edit-equipos .ABMLcontainer,
#form-edit-client .ABMLcontainer,
#form-edit-grupo .ABMLcontainer {
padding-left: 0;
padding-right: 0;
}
#form-new-client .ABMLcontainer .ABMLform-group label,
#form-new-user .ABMLcontainer .ABMLform-group label,
#form-edit-usuario .ABMLcontainer .ABMLform-group label,
#form-edit-activos .ABMLcontainer .ABMLform-group label,
#form-edit-equipos .ABMLcontainer .ABMLform-group label,
#form-edit-client .ABMLcontainer .ABMLform-group label,
#form-edit-grupo .ABMLcontainer .ABMLform-group label {
padding-left: 0;
padding-right: 0;
}
#form-new-client .ABMLcontainer .ABMLform-group > div,
#form-new-user .ABMLcontainer .ABMLform-group > div,
#form-edit-usuario .ABMLcontainer .ABMLform-group > div,
#form-edit-activos .ABMLcontainer .ABMLform-group > div,
#form-edit-equipos .ABMLcontainer .ABMLform-group > div,
#form-edit-client .ABMLcontainer .ABMLform-group > div,
#form-edit-grupo .ABMLcontainer .ABMLform-group > div {
padding-left: 0;
padding-right: 0;
}
#form-new-client .ABMLcontainer .ABMLform-group > div input,
#form-new-user .ABMLcontainer .ABMLform-group > div input,
#form-edit-usuario .ABMLcontainer .ABMLform-group > div input,
#form-edit-activos .ABMLcontainer .ABMLform-group > div input,
#form-edit-equipos .ABMLcontainer .ABMLform-group > div input,
#form-edit-client .ABMLcontainer .ABMLform-group > div input,
#form-edit-grupo .ABMLcontainer .ABMLform-group > div input {
width: 100%;
box-sizing: border-box;
height: 30px;
}
#form-new-client .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-new-user .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-edit-usuario .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-edit-activos .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-edit-equipos .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-edit-client .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single,
#form-edit-grupo .ABMLcontainer .ABMLform-group > div .chosen-container .chosen-single {
box-sizing: border-box;
height: 25px;
}
#form-new-client .ABMLcontainer .ABMLform-group .hideallfields,
#form-new-client .ABMLcontainer .ABMLform-group .showallfields,
#form-new-user .ABMLcontainer .ABMLform-group .hideallfields,
#form-new-user .ABMLcontainer .ABMLform-group .showallfields,
#form-edit-usuario .ABMLcontainer .ABMLform-group .hideallfields,
#form-edit-usuario .ABMLcontainer .ABMLform-group .showallfields,
#form-edit-activos .ABMLcontainer .ABMLform-group .hideallfields,
#form-edit-activos .ABMLcontainer .ABMLform-group .showallfields,
#form-edit-equipos .ABMLcontainer .ABMLform-group .hideallfields,
#form-edit-equipos .ABMLcontainer .ABMLform-group .showallfields,
#form-edit-client .ABMLcontainer .ABMLform-group .hideallfields,
#form-edit-client .ABMLcontainer .ABMLform-group .showallfields,
#form-edit-grupo .ABMLcontainer .ABMLform-group .hideallfields,
#form-edit-grupo .ABMLcontainer .ABMLform-group .showallfields {
margin-left: auto;
}
/*Detalle en filtro de activos*/
#activos_filtros > div {
box-sizing: border-box;
}
#activos_filtros > div .chosen-container {
width: 100% !important;
height: 24px;
margin-bottom: 5px;
}
#activos_filtros > div .chosen-container .chosen-single {
box-sizing: border-box;
height: 24px !important;
border-color: #DEDEDE !important;
box-shadow: none;
background: var(--white);
width: inherit !important;
}
#activos_filtros > div .chosen-container .chosen-single > span {
line-height: 21px;
}
/*-- Ajuste en notificaciones -- 10/08/2021 --*/
/*Notificaciones dentro de caja superior*/
#client_notify_list_box {
background-color: #e5e5e5;
padding: 0;
}
#client_notify_list_box .notlist-title {
padding-left: 0;
padding-right: 0;
}
#client_notify_list_box .notlist-title > div {
color: var(--black);
font-weight: bold;
font-size: 12px;
}
#client_notify_list_box .notlist-title .nav {
margin: 0;
border-bottom: 0;
background-color: var(--gray3);
}
#client_notify_list_box .notlist-title .nav li a {
border-radius: 0;
color: var(--gray);
}
#client_notify_list_box .notlist-title .nav li a:hover {
opacity: 0.6;
}
#client_notify_list_box .notlist-title .nav li.active a {
background-color: var(--white) !important;
color: var(--txt-black);
font-weight: bold;
}
#client_notify_list_box .notlist-title .nav li.active a:hover {
opacity: 1;
}
#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;
font-size: 12px;
font-weight: 500;
color: var(--black);
}
#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont p {
margin: 0;
height: 44px;
overflow: hidden;
font-size: 11px;
}
#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-opt {
padding: 0 4px 4px;
display: flex;
box-sizing: border-box;
}
#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);
}
/* Ajustando etiquetas avanzadas 08/10/2021 */
.lblveh .lblveh2 .icon-bg {
border-radius: 3px !important;
display: inline-flex !important;
justify-content: center;
align-items: center;
font-weight: 400;
}
.lblveh .lblveh2 .icon-bg .unit {
display: flex;
justify-content: center;
align-items: center;
height: 18px;
padding: 1px 2px;
font-size: 11px;
box-sizing: border-box;
}
.lblveh .lblveh2 .icon-bg .unit i {
margin: 0 2px;
font-size: 12px;
}
/*----04/11/2021 Etiqueta avanzada----*/
.lblveh {
width: auto !important;
max-width: 240px !important;
box-sizing: border-box;
}
.lblveh > .lblveh2 {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.lblveh > .lblveh2 .icon-bg {
float: none;
width: auto;
box-sizing: border-box;
padding: 2px 2px;
height: 16px;
border-radius: 2px !important;
}
.lblveh > .lblveh2 .icon-bg .unit {
box-sizing: border-box;
padding: 0;
display: flex;
height: auto;
}
/*Ajuste etiqueta vieja 21/12/2021*/
.lblveh .lblveh2 .velocidad {
background-color: #333333;
}
.lblveh .lblveh2 .velocidad i {
display: flex;
}
.lblveh .lblveh2 .velocidad i .unit {
display: inline-block;
margin-left: 3px !important;
}
/*Segundo ajuste en etiqueta 21/12/2021*/
.lblveh .lblveh2 div[style="float:left;"] {
display: flex;
flex-wrap: wrap;
max-width: 230px;
}
.lblveh .lblveh2 div[style="float:left;"] .ignicion,
.lblveh .lblveh2 div[style="float:left;"] .direccion {
display: flex;
justify-content: center;
align-content: center;
}
.lblveh .lblveh2 div[style="float:left;"] .ignicion svg,
.lblveh .lblveh2 div[style="float:left;"] .ignicion i,
.lblveh .lblveh2 div[style="float:left;"] .direccion svg,
.lblveh .lblveh2 div[style="float:left;"] .direccion i {
float: none;
margin: 0;
}
.lblveh .lblveh2 .ignicion,
.lblveh .lblveh2 .direccion {
display: flex;
justify-content: center;
align-content: center;
}
.lblveh .lblveh2 .ignicion svg,
.lblveh .lblveh2 .ignicion i,
.lblveh .lblveh2 .direccion svg,
.lblveh .lblveh2 .direccion i {
float: none !important;
margin: 0 !important;
}
/* //MEJORAS PLATAFORMA - DTRL 12/2021 */
/*Detalle mensaje DEMO en mapa 15/12/2021*/
#plataforma-mapa.mensajeDemo #tool-box,
#plataforma-mapa.mensajeDemo #divisor,
#plataforma-mapa.mensajeDemo #mapa {
height: calc(100vh - 140px) !important;
}
#plataforma-mapa.mensajeDemo #div_listado_activos {
height: calc(95vh - 140px) !important;
}
#plataforma-mapa.mensajeDemo #client_notify_modal {
bottom: 100px;
max-height: 450px;
}
#plataforma-mapa.mensajeDemo #client_notify_modal .notlist-body {
max-height: 430px;
}
#plataforma-mapa.mensajeDemo .modalMens {
top: auto;
left: 0;
right: 0;
border-radius: 0;
bottom: 0;
border-width: 1px 0 0 0;
border-color: var(--ondel-gray3);
border-style: solid;
}
#plataforma-mapa.mensajeDemo .show-info-vehiculo {
bottom: 100px;
top: 100px !important;
}
#plataforma-mapa.mensajeDemo .show-info-vehiculo #dlgInfoVehiculo {
height: calc(100% - 60px) !important;
}
/*--Notificaciones 25-10-2021--*/
#client_notify_list_box .notlist-title .nav-tabs li a {
position: relative;
}
#client_notify_list_box .notlist-title .nav-tabs li a span {
position: absolute;
background-color: var(--blue);
color: var(--white);
font-size: 10px;
/* font-weight: normal; */
/* line-height: normal; */
text-align: center;
width: 24px;
height: 18px;
border-radius: 9px;
top: 2px;
}
#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont h6 {
line-height: normal;
}
#client_notify_list_box .notlist-body .box-notify .bnot-info .bni-cont p {
font-size: 11px;
line-height: 13px;
height: 40px;
margin-bottom: 4px;
}
#client_notify_list_box .notlist-fotter {
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
height: 25px;
}
#client_notify_list_box .notlist-fotter span {
font-size: 12px;
color: var(--black);
line-height: normal;
font-weight: bold;
display: block;
width: 100%;
cursor: pointer;
}
/* AJUSTE DE COLUMNA DE ACCIONES EN ADMINISTRACIÓN EN LA SECCIÓN DE ICONOS */
div.boxAdminMapa table.dataTable th.actions{
width: 100px !important;
}
/*visualizador de imagenes desde recorridos -- boton de multimedia*/
.imagenVisualizada{
width: 145px !important;
height: 145px;
float: left;
margin: 4px !important;
}
.imagenVisualizada a{
width: 145px;
height: 145px;
display: block;
background-size: cover !important;
border: 1px solid #ddd;
background-position: center !important;
}
.imagenVisualizada a:hover{
opacity: 0.9;
border-color: #333;
cursor: pointer;
}
.prevAddress {
width: auto !important;
color: #333;
}
/*Columna de sensores - item en 3 partes*/
.box-senobd-list .bsol-item.bsli3 .bsoli-info .info1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(70% - 20px);
-ms-flex: 0 0 calc(70% - 20px);
flex: 0 0 calc(70% - 20px);
max-width: calc(70% - 20px);
}
.box-senobd-list .bsol-item.bsli3 .bsoli-info .info2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(30% - 20px);
-ms-flex: 0 0 calc(30% - 20px);
flex: 0 0 calc(30% - 20px);
max-width: calc(30% - 20px);
}
.box-senobd-list .bsol-item.bsli3 .bsoli-info .info3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40px;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/*Ajuste trazar recorrido en tercera caja - 13/06/2023*/
#tool-box #tool-box-content .MoreActionBox .contSColumn {
/* height: calc(100vh - 90px) !important; */
height: auto !important;
}
#tool-box #tool-box-content .MoreActionBox .contSColumn #form_recorridos_a #caja_dias .dias_select {
width: calc(100% - 50px) !important;
}
#tool-box #tool-box-content .MoreActionBox .contSColumn #form_recorridos_a #caja_dias .dias_select .days_box {
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
}
#tool-box #tool-box-content .MoreActionBox .contSColumn .content-recorridos #optRecorrido #detalle_recorrido #res_det_recorrido {
box-sizing: border-box;
}
#tool-box #tool-box-content .MoreActionBox .contSColumn .content-recorridos #optRecorrido #detalle_recorrido #res_det_recorrido > div {
width: 47.7% !important;
}
/*Ajuste de modulo conductores - Form de crear y editar - 10/08/2023*/
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD {
height: calc(100vh - 52px);
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor {
padding-left: 0 !important;
height: calc(100vh - 80px);
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor > .grid-custom > .gc-row > .gcr-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor > .grid-custom > .gc-row > .gcr-8 .form-custom .chosen-container .chosen-drop .chosen-results {
max-height: 180px;
}
/*Ajuste de modulo conductores - Form de crear y editar - 10/08/2023*/
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD {
height: calc(100vh - 52px);
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor {
padding-left: 0 !important;
height: calc(100vh - 80px);
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor > .grid-custom > .gc-row > .gcr-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
#tool-box #tool-box-content #activos_box #caja-moviles-monitor .boxConductorresRD .tab-content #content-conductores #formConductor > .grid-custom > .gc-row > .gcr-8 .form-custom .chosen-container .chosen-drop .chosen-results {
max-height: 180px;
}
/*Boton opciones en tercera columna - Grafica de sensores - 22/08/2023*/
#tool-box #tool-box-content .MoreActionBox #rango_fechas .date-range {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(100% - 110px);
-ms-flex: 0 0 calc(100% - 110px);
flex: 0 0 calc(100% - 110px);
max-width: calc(100% - 110px);
}
#tool-box #tool-box-content .MoreActionBox #rango_fechas .bfd-cont.actions {
-webkit-box-flex: 0;
-webkit-flex: 0 0 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
max-width: 110px;
}
#tool-box #tool-box-content .MoreActionBox #rango_fechas .bfd-cont.actions > button, #tool-box #tool-box-content .MoreActionBox #rango_fechas .bfd-cont.actions > div {
width: 30px;
}
#tool-box #tool-box-content .MoreActionBox #rango_fechas .bfd-cont.actions > button {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
#tool-box #tool-box-content .MoreActionBox #rango_fechas .bfd-cont.actions > button i {
width: auto;
}
/*Ajustes en modal de Detalle de parada*/
/*Ajuste de botón cerrar de la tabla*/
.gm-style-iw-chr{
height: 16px;
top: 10px;
}
.gm-style-iw-chr > button span{
position: relative;
top: 0px;
}
/*OnTracking - InfoTab - Añadiendo un margin al contenedor de info para que no se encime la 'x' de cerrar - 01/20/2025*/
.gm-style-iw-d{
margin-right: 20px;
}
.info-window-with-tabs {
box-sizing: border-box;
margin-top: 16px;
height: 560px;
width: 530px;
}
.info-window-with-tabs #info_window-tabs-list {
font-weight: normal;
margin-bottom: 10px;
position: relative;
top: -8px;
}
.info-window-with-tabs #info-window-tabs-body {
padding: 0 5px;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_filter {
margin-top: 0;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
table-layout: fixed;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th {
box-sizing: border-box;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.fechayhora {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th[class="tipo/nombre sorting"] {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.ign {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.vel {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.acciones {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
table-layout: fixed;
box-sizing: border-box;
width: 501px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th {
box-sizing: border-box;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.fechayhora {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th[class="tipo/nombre sorting"] {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.ign {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.vel {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.acciones {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeEvent,
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeAlert,
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeLocation {
max-width: 120px;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.ign {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.vel {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body #table-eventos-y-alertas .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.acciones {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_filter {
margin-top: 0;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
table-layout: fixed;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.fechayhora {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.tipo {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.ign {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.vel {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.acciones {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
table-layout: fixed;
box-sizing: border-box;
width: 501px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th {
box-sizing: border-box;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.fechayhora {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.tipo {
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.ign {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.vel {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.acciones {
width: 80px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td {
box-sizing: border-box;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.tipo > .badgeEvent,
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.tipo > .badgeAlert,
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.tipo > .badgeLocation {
max-width: 120px;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.ign {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.vel {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td.acciones {
text-align: right;
}
.info-window-with-tabs #info-window-tabs-body .tableCustom {
margin-top: 20px;
}
.info-window-with-tabs #info-window-tabs-body .configParadasInfo {
margin-top: 10px;
}
.info-window-with-tabs #info-window-tabs-body .configParadasInfo p {
font-weight: bold;
}
.info-window-with-tabs #info-window-tabs-body .configParadasInfo ul li {
padding-top: 0;
}
/*Ajustes tab de Informacion*/
.info-window-with-tabs #info-window-tabs-body .content-info-parada {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > p {
flex: 0 0 100%;
margin-bottom: 20px;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div {
margin: 0;
padding: 0;
box-sizing: border-box;
float: none;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipIcon {
flex: 0 0 90px;
display: flex;
justify-content: center;
align-items: center;
border-color: var(--ondel-gray3);
border-width: 1px 0 1px 1px;
border-style: solid;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipIcon > i {
font-size: 70px;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo {
flex: 0 0 calc(100% - 90px);
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr td {
width: 50%;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr td > span {
display: inline-block;
font-weight: normal;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr td > span:first-child {
width: 29%;
text-align: left;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr td > span:last-child {
width: 69%;
text-align: right;
font-weight: 500;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr td:first-child {
border-right: 1px solid var(--ondel-gray3);
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:first-child td {
background-color: var(--ondel-gray1);
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:first-child td span {
font-weight: bold;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:nth-child(3) td > span:first-child {
width: 59%;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:nth-child(3) td > span:last-child {
width: 39%;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:last-child td {
border-right: 0;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:last-child td:first-child {
font-weight: normal;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada > div.cipInfo .tableInfoCustom tbody tr:last-child td:last-child {
font-weight: 500;
}
#formularios_tbl{
overflow: auto !important;
min-height: 250px !important;
}
/*Ajuste en 2 y 3 ventanas*/
@media (max-width: 1145px) {
.info-window-with-tabs {
width: auto;
height: auto;
}
.info-window-with-tabs #info_window-tabs-list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.info-window-with-tabs #info-window-tabs-body {
height: 295px;
overflow-y: auto;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada {
margin-top: 0;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipIcon {
flex: 0 0 60px;
align-items: start;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipIcon i {
font-size: 40px;
margin-top: 20px;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo {
flex: 0 0 calc(100% - 60px);
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr td {
font-size: 11px;
text-align: left;
vertical-align: top;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr td span {
display: block !important;
width: 100% !important;
text-align: left !important;
margin-bottom: 2px !important;
}
.info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr:last-child td {
text-align: right;
}
}
@media (max-width: 1650px) {
#tool-box.secondbox ~ #mapa {
box-sizing: border-box;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs {
width: auto;
height: auto;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info_window-tabs-list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body {
height: 295px;
overflow-y: auto;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada {
margin-top: 0;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipIcon {
flex: 0 0 60px;
align-items: start;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipIcon i {
font-size: 40px;
margin-top: 20px;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo {
flex: 0 0 calc(100% - 60px);
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr td {
font-size: 11px;
text-align: left;
vertical-align: top;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr td span {
display: block;
width: 100%;
text-align: left;
margin-bottom: 2px;
}
#tool-box.secondbox ~ #mapa .info-window-with-tabs #info-window-tabs-body .content-info-parada .cipInfo .tableInfoCustom tbody tr:last-child td {
text-align: right;
}
}
/*Ajuste columna tipo/nombre en tabla de Toda las posiciones - Detalle parada*/
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th[class="tipo/nombre sorting"]{
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th[class="tipo/nombre sorting"]{
width: 130px !important;
}
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeEvent,
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeAlert,
.info-window-with-tabs #info-window-tabs-body #table-todas-las-posiciones .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr td[class=" tipo/nombre"] > .badgeLocation {
max-width: 120px;
}
/*Agregar scroll en modulo de configurar sensores*/
#caja-detalle-accion #caja_accion_personalizada #accionesCtr #mainContainer_accPer {
overflow-y: auto;
height: calc(100vh - 155px);
}
/*Ajustes de Listado Horizontal - OnTracking*/
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #navs_Listado_Horizontal {
top: 0;
left: 0;
right: 0;
width: 100%;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #filtros_listado_activos_1 {
position: relative;
z-index: 6;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_activos {
height: calc(50vh - 66px) !important;
overflow-y: auto;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos,
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos {
margin-top: 36px;
box-sizing: border-box;
height: calc(50vh - 66px);
padding: 5px 10px 0;
overflow-y: auto;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos #filter_events > .gc-row {
margin-left: 0;
margin-right: 0;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos #filter_events > .gc-row > div:first-child {
padding-left: 0;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos #filter_events > .gc-row > div:last-child {
padding-right: 0;
}
/*Ajuste en altura y cuando salen mas ventanas*/
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content {
height: 60vh;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_activos {
height: calc(59vh - 66px) !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_activos #listado_activos_wrapper .dataTables_info {
display: none;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_activos #listado_activos_wrapper .dataTables_scroll .dataTables_scrollBody {
max-height: calc(60vh - 110px) !important;
min-height: auto !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-detalle-accion {
background-color: var(--white);
border-left: 1px solid var(--ondel-gray3);
box-sizing: border-box;
position: relative;
z-index: 4;
padding: 0 10px 5px;
overflow-y: auto;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-detalle-accion > h4 {
background-color: var(--white);
position: sticky;
left: 0;
right: 0;
top: 0;
z-index: 1;
margin-bottom: 15px;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-detalle-accion > div#filter_events > .gc-row, #plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-detalle-accion > div#filter_alerts > .gc-row {
margin-left: 0;
margin-right: 0;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content .MoreActionBox {
overflow-y: auto;
margin-right: 0;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content .MoreActionBox > h4.titleCustom {
background-color: var(--white);
}
#detalle_viajes {
box-sizing: border-box;
}
#detalle_viajes > .stop-box, #detalle_viajes > .trip-box {
box-sizing: border-box;
}
#detalle_viajes > .stop-box > div, #detalle_viajes > .trip-box > div {
box-sizing: border-box;
}
#detalle_viajes > .stop-box > .sb-dom {
flex: 0 0 34% !important;
max-width: 34% !important;
}
#detalle_viajes > .stop-box > .sb-dom > span {
text-align: center;
}
#detalle_viajes > .stop-box > .item-dat > span {
text-align: center;
}
#detalle_viajes > .trip-box > div > .box_mas_opciones {
margin-left: -150px;
}
/*Listado Horizontal - Ajuste en tabs de Evento y Alertas*/
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos {
height: calc(60vh - 65px);
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos #table_events .dataTables_wrapper .dataTables_info {
display: none;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_eventos_activos #table_events .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
height: calc(60vh - 270px);
max-height: none !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos {
height: calc(60vh - 65px);
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos #cnt_alerts_listado_activos .boxHisAlertas #old_listado {
height: calc(60vh - 205px) !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos #cnt_alerts_listado_activos .boxHisAlertas #old_listado #content_table {
height: calc(60vh - 205px) !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos #cnt_alerts_listado_activos .boxHisAlertas #old_listado #content_table #tabla-historial-alertas tbody {
height: calc(60vh - 245px);
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #div_listado_alertas_activos #cnt_alerts_listado_activos .boxHisAlertas #old_listado .dataTables_info {
display: none;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #navs_Listado_Horizontal {
width: 100% !important;
}
/* Alto maximo de 200 pixeles cuando esta en forma horizontal*/
#plataforma-mapa.listadoHorizontal #tool-box #caja-moviles-monitor #more_actions_box {
max-height: 200px;
}
/* OnTracking - Acomodo Remolques en listado de activos */
#plataforma-mapa #tool-box #tool-box-content #activos_box #div_listado_activos #listado_activos tbody tr td span.nombre {
/* width: 160px; */
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#plataforma-mapa #tool-box #tool-box-content #activos_box #div_listado_activos #listado_activos tbody tr td span.caja {
display: inline-block;
}
/*OnTracking - ajuste en pantalla con diseño viejo - Infotrax*/
#plataforma-mapa:has(#showOtherInformation + #mapa) {
padding-top: 51px !important;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) > #topnavbar {
top: 0 !important;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) #mapa {
box-sizing: border-box;
height: calc(100vh - 51px) !important;
top: 51px !important;
bottom: auto !important;
width: 100% !important;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) .ui-dialog #dialog > #activos_box > #tool-box {
width: 100% !important;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) .ui-dialog > div[data-module-id="12"] > .container-fluid {
padding-left: 0;
padding-right: 0;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) .ui-dialog > #dlgCertificadoVehiculo {
padding-left: 0;
padding-right: 0;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) .ui-dialog > #dlgGrupoActivos {
padding-left: 10px;
padding-right: 10px;
}
#plataforma-mapa:has(#showOtherInformation + #mapa) .ui-dialog > #dlgFiltrosAdministrador {
padding-left: 0;
padding-right: 0;
}
/*Eliminar el estilo inline de detalle_viajes en horizontal*/
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja_form_recorridos .content-recorridos #optRecorrido #detalle_viajes {
height: auto !important;
}
/*OnTracking - Ajuste eh formato horizontal - Seleccion columnas, Mas opciones, Modulo simular datos - 02/02/2024*/
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #filtros_listado_activos_1 #activos_columnas2 .box-nwset {
max-height: calc(50vh - 80px);
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content #activos_box #caja-moviles-monitor #filtros_listado_activos_1 #mas_opciones_box {
max-height: calc(50vh - 80px);
overflow-y: auto;
}
#plataforma-mapa.listadoHorizontal #tool-box #tool-box-content .boxDatoGPSAct {
height: calc(50vh - 30px) !important;
}
/*OnTracking - Formato horizontal - Dirección con ancho maximo de 300px*/
#plataforma-mapa.listadoHorizontal #div_listado_activos #listado_activos_wrapper .dataTables_scroll .dataTables_scrollBody table#listado_activos > tbody tr td.address > span {
width: 300px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*Clase para listado activo horizontal*/
#plataforma-mapa.listadoHorizontal {
padding-top: 50px !important;
height: 100vh;
box-sizing: border-box;
}
#plataforma-mapa.listadoHorizontal #topnavbar {
top: 0;
}
#plataforma-mapa.listadoHorizontal #line-div-navbar,
#plataforma-mapa.listadoHorizontal #divisor {
display: none;
}
#plataforma-mapa.listadoHorizontal #tool-box {
width: 100% !important;
height: calc(60vh - 25px) !important;
margin-top: 50vh;
box-sizing: border-box;
overflow: hidden;
bottom: 0;
top: auto !important;
}
#plataforma-mapa.listadoHorizontal #mapa {
width: 100% !important;
height: calc(40vh - 25px) !important;
overflow: hidden;
box-sizing: border-box;
border-bottom: 4px solid var(--ondel-gray2);
}
/*Ancho mas grande para menu de acciones*/
#plataforma-mapa #tool-box #caja-moviles-monitor #more_actions_box{
width: 210px;
}
/*OnTracking-Ajuste de detalle de activo-Ajuste tamaño de filtro y grupos*/
#plataforma-mapa.listadoHorizontal #tool-box.secondbox #activos_box #caja-moviles-monitor #filtros_listado_activos_1 {
box-sizing: border-box;
width: 550px !important;
margin: 4px 0 10px calc(100% - 560px) !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #activos_box #caja-moviles-monitor #filtros_listado_activos_1 #activos_filtros {
max-height: 50vh !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #activos_box.expand #caja-moviles-monitor {
width: calc(100% - 460px);
}
#plataforma-mapa.listadoHorizontal #tool-box #activos_box.expand #caja-detalle-accion {
width: 450px;
padding-bottom: 10px !important;
}
#plataforma-mapa.listadoHorizontal #tool-box #activos_box.expand #caja-detalle-accion #caja_detalle.detalle_activo {
height: calc(100% - 64px);
}
/*OnTracking - trzar recorrido - Detalle de viaje Ajustando el dropdown de Detalle de viajes - 01/04/2024*/
#optRecorrido #detalle_viajes .trip-box > div[onclick="showMenuTrip(this)"] > .box_mas_opciones {
position: absolute;
padding: 0;
top: 0;
right: 0;
box-shadow: none;
border: 0;
width: 200px !important;
}
#optRecorrido #detalle_viajes .trip-box > div[onclick="showMenuTrip(this)"] > .box_mas_opciones #listado_opciones {
border: 1px solid var(--ondel-gray3);
box-shadow: none;
}
#optRecorrido #detalle_viajes .trip-box > div[onclick="showMenuTrip(this)"] > .box_mas_opciones #listado_opciones a {
background: white !important;
color: var(--gray);
padding: 6px 8px;
font-size: 12px;
box-sizing: border-box;
border: 0;
line-height: normal;
width: 100%;
transition: all 0.6s ease;
}
#optRecorrido #detalle_viajes .trip-box > div[onclick="showMenuTrip(this)"] > .box_mas_opciones #listado_opciones a:hover {
background-color: var(--ondel-gray1) !important;
}
.gm-style-iw-chr button.gm-ui-hover-effect{
outline: none !important;
}
.tab-pane.active {
min-height: 250px;
}
#tablaDistancia td.distancia {
text-align: right;
padding-right: 18px;
}
/* Modal de la alerta - Ajuste de scroll horizontal de modal */
.ui-dialog #detalleNotificacion {
min-height: 570px !important;
}
.ui-dialog #detalleNotificacion .tab-content {
overflow: hidden;
}
#cntIncidentesDataTable div.dataTables_scrollBody {
height: 380px !important;
}