/* Definición de tipografía Diamante */
/* Actualizado 06Marzo2020 C */
@font-face {
    font-family:'diamante-light';
    font-style:normal;font-weight:300;
    src:url(../fonts/diamantexlight-regular.otf);
}

@font-face {
    font-family:'diamante-medium-regular';
    font-style:normal;font-weight:400;
    src:url(../fonts/diamanteserial-medium.ttf);
}

@font-face {
    font-family:'diamante-bold';
    font-style:normal;font-weight:700;
    src:url(../fonts/diamanteserial-bold.ttf);
}

@font-face {
    font-family:'diamante-extrabold';
    font-style:normal;font-weight:900;
    src:url(../fonts/diamanteextrabold-regular.otf);
}

@font-face {
    font-family:'diamante-efregular';
    font-style:normal;font-weight:300;
    src:url(../fonts/diamanteef-regular.otf);
}

/* Fin de Definición de tipografía Diamante */

/* CSS Jonathan H - Control Patios */

.container-cp {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opciones-cp {
    display: flex;
    max-height: 100%;
    width: 200px;
    margin-left: 10px;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
}

.circulo-cp {
    height: 20px;
    width: 20px;
    border-radius: 50%
}

#verde {
    background-color: green;
}

#amarillo {
    background-color: yellow;
}

#rojo {
    background-color: red;
}

.textopc-cp {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* CSS Carlos Pacheco - IOT Technologies */
.doubleListColumn {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: inline-block;
} 

/* CSS Jesús Camarillo - IOT Technologies */

body { font-family: 'Roboto', sans-serif; }

.app-sidebar__heading {text-transform: none;}
.hidden-overflow { overflow: hidden; }

.hover-red { background-color: rgb(168, 22, 25); }

.slick-slider .slide-img-bg {     
    background-image: url('../images/originals/sesion-slide-01.jpg');     
    background-position: center top; 
    opacity: 1; 
}

.mincard {
    min-height: 450px !important; 
}

.mincardreg {
    min-height: 200px !important; 
}

.bigdashnumber { line-height: 120px; font-size: 130px; text-align: center; }

.bg-dark-aguilasX {   
    background: #000000 !important;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #434343, #000000) !important;  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #434343, #000000) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-dark-aguilas {   
    background: #343434 !important;
}

.shineazul { color: #8adaff !important; }
.shineamarillo { color: #ffdc79 !important; }
.shinerojo { color: #ff7777 !important; }
.shinenaranja  { color: #f7bc95 !important; }

.grisdash { background-color: #e9e9e9; }

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover {
    background: rgba(226, 226, 226, 0.5) !important;
   
    color: #0b0b0c !important;
}
.scroll-area-xs {
    height: 204px !important;
}

.card-438 { min-height: 438px; margin-bottom: 0px !important; }

.card-438 .card-header { background-color: rgb(250, 250, 250); }

.card-center-a { display: table; height: 140px; position: relative; overflow: hidden; margin: 0 auto; }

.card-center-b { display: table-cell; vertical-align: middle; font-size: 50px; }
 
.li-sin-borde { border-width: 0px !important; }

.app-header__logo .logo-src { 
    height: 25px;
    width: 121px;
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}
.app-sidebar.sidebar-text-dark .vertical-nav-menu li a {
    color: #000;
    text-shadow: 0 1px #fff;
    line-height: 2rem;
}
.extend-title-heading { width: 420px !important; }


.listaAncho19rem { min-width: 19rem !important; }

.listaAncho20rem { min-width: 20rem !important; }

.listaAncho23rem { min-width: 23rem !important; }

.a-derecha { margin-left: auto; }

.popupCustom {
    background: #f9f9f9;
    color: #333;
    /* overflow-x: hidden; */
}
.popupCustom img {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
}
.popupCustom h3 {
    color: #9D292A;
    padding-bottom: 0px;
    margin-bottom: 8px;
    font-size: 18px;
}
.popupCustom p {    
    font-size: 15px;
}

#btnIconoModulo {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url('/static/core/assets/images/icono-modulo.png');
    background-size: cover;
    position: relative;
    top: 11px;
}

#btnIconoModulo:hover {    
    background-image: url('/static/core/assets/images/icono-modulo-hover1.png');    
}

/* Popup Info Window Styling */

.buHeader { 
    display: block;
    background-size: cover;
    background-image: url('/static/core/assets/images/yazaki/yazaki-plant.jpg');
    height: 200px;        
}

.infoh3 { color: #333; font-weight: normal; font-size: 18px; background-color: #e4f3f6; padding: 15px 10px; text-shadow: 0 1px #fff; }

.infoh6 { color: green; font-weight: bold; font-size: 14px; position: relative; top: 10px; }

.spantipo { color: #333; font-weight: bold; font-size: 14px; }

.infop { color: #507bc6; font-weight: 400; font-size: 14px; position: relative; display: block; margin-top: 24px; }

.infoUBH5_Wrapper { background-color: #434E9E; padding:10px 4px 1px 4px; cursor: pointer; }

.infoUBH5_Wrapper span { color: #ffffb8; font-size: 12px; margin: 6px 3px; position: relative; display: block; line-height: 16px; }
.infoUBH5 { color: #f8f8f8; font-weight: bold; font-size: 18px; }
.infoContent p { font-size: 12px; line-height: 17px; }
 
#map {
height: 100%;
}  
.map_scroll_wrapper {
    width: 100%;
    height: 200px;
    margin: 5px auto 0 auto;
    position: relative;
    overflow: auto;
}
.map_scroll_content {            
    width: 100%;
    height: 200px;
}
.map_scroll_wrapper::-webkit-scrollbar {
    width: 10px;
}        
.map_scroll_wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f2f2f2; 
    border-radius: 10px;
}
.map_scroll_wrapper::-webkit-scrollbar-thumb {
    background: #f2f2f2; 
    border-radius: 10px;
}
.map_scroll_wrapper::-webkit-scrollbar-thumb:hover {
    background: #c2c2c2; 
} 
.gmaps_scroll_wrapper {
    width: 100%;
    height: 200px;
    margin: 5px auto 0 auto;
    position: relative;
    overflow: auto;
}


.widget-content .widget-content-left .widget-subheading { opacity: 0.6; }

.escondido { display: none; }

.diamante-light { font-family: 'diamante-light', Arial, Tahoma; }

.diamante-medium-regular { font-family: 'diamante-medium-regular', Arial, Tahoma; }

.diamante-bold { font-family: 'diamante-bold', Arial, Tahoma; }

.diamante-extrabold { font-family: 'diamante-extrabold', Arial, Tahoma; }

.diamante-efregular { font-family: 'diamante-efregular', Arial, Tahoma; }

button.btn { text-decoration: none !important; }

.widget-content-wrapper button.btn { letter-spacing: 1px; }

.septxt-1 { letter-spacing: 1px; }

.septxt-2 { letter-spacing: 2px; }

.color-white { color: white !important; }

.color-white:hover { color: #f9f9f9; }

a.color-white { color: white; }

a.color-red:hover { color: rgb(168, 22, 25); }

.bck-white { background-color: white; }

.red { color: #9D292A; }

.bck-red { background-image: linear-gradient(#9D292A, rgb(129, 25, 26)) !important; }

.size12 { font-size: 12px !important; } 

.size13 { font-size: 13px !important; }

.size14 { font-size: 14px !important; }

.size15 { font-size: 15px !important; }

.size16 { font-size: 16px !important; }

.size18 { font-size: 18px !important; }

.size20 { font-size: 20px !important; }

.size24 { font-size: 24px !important; }

.size28 { font-size: 28px !important; }

.size32 { font-size: 32px !important; }

.size48 { font-size: 48px !important; }

.size128 { font-size: 128px !important; }

.size256 { font-size: 256px !important; }

.form-heading { font-size: 1.5rem;  color: #626567;  font-weight: bold; padding-bottom:  30px; }

.form-container { padding: 50px 0px; }

.btn-enviar { font-size: 16px; margin-top: 32px !important; position: relative; }

.soundblue { 
    color: #547B99 !important;    
    line-height: 70px !important;
    position: relative;
    left: 4px;
    top: 14px;
    margin-top: -28px;
    font-size: 48px !important;
}

.en-linea { display: inline-block !important; }

.negrita { font-weight: bold; }

.bold { font-weight: bold; }

.size24expanded { font-size: 24px !important; letter-spacing: 1px; }

.shadow-333 { text-shadow: 0 1px #333; }

.bck-silver { background-image: url('../images/bck-simple.jpg'); background-repeat: no-repeat; background-size: cover; }

.white-shadow { text-shadow: 0px 1px white; }

.cbutton-red { background-color: #9D292A; border: 1px solid rgb(180, 44, 47); }

.cbutton-red:hover { background-color: rgb(168, 22, 25); border: 1px solid rgb(180, 44, 47); }

.escondertemp { display: none; }

.ico-mm {
    display: inline-block;    
    width: 10px;
    height: 11px;
    background-size: 10px 11px;
    background-color: #7A7E82;
    background-repeat: no-repeat;
    transition: background-color 300ms;  
      
}

.ico-mm:hover {   
    background-color: #D5D7D8;    
}

.ico-gps {
    -webkit-mask: url(../images/icons/carsvg.svg);
}

.ico-homicidio {    
    -webkit-mask: url(../images/icons/delincuenciales/homicidio.svg);        
}

.ico-secuestro {    
    -webkit-mask: url(../images/icons/delincuenciales/secuestro.svg);        
}

.ico-carjacking {    
    -webkit-mask: url(../images/icons/delincuenciales/carjacking.svg);        
}

.ico-habitacion {    
    -webkit-mask: url(../images/icons/delincuenciales/casa-habitacion.svg);        
}

.ico-transeuntes {    
    -webkit-mask: url(../images/icons/delincuenciales/transeuntes.svg);        
}

.ico-autopartes {    
    -webkit-mask: url(../images/icons/delincuenciales/autopartes.svg);        
}

.ico-asalto-negocio {    
    -webkit-mask: url(../images/icons/delincuenciales/asalto-negocio.svg);        
}

.ico-tiendas {    
    -webkit-mask: url(../images/icons/delincuenciales/tiendas.svg);        
}

.ico-aeropuerto {    
    -webkit-mask: url(../images/icons/delincuenciales/aeropuerto.svg);        
}

.ico-hotel {    
    -webkit-mask: url(../images/icons/delincuenciales/hotel.svg);        
}

.ico-mm-big {
    display: inline-block;    
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    background-color: #7A7E82;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 10px;
    transition: background-color 300ms;    
}

.ico-mm-big:hover {   
    background-color: #D5D7D8;    
}

.ico-revision-vehiculos {    
    -webkit-mask: url(../images/icons/revision-vehiculos.svg);        
}

.ico-es-trailers {    
    -webkit-mask: url(../images/icons/es-trailers.svg);        
}

.ico-control-patios {
    -webkit-mask: url(../images/icons/control-patios.svg);
}

.ico-entrada-equipo {    
    -webkit-mask: url(../images/icons/entrada-equipo.svg);        
}

.ico-entrada-quimicos {    
    -webkit-mask: url(../images/icons/entrada-quimicos.svg);        
}

.ico-sin-gafete {    
    -webkit-mask: url(../images/icons/sin-gafete.svg);        
}

.ico-area-restringida {    
    -webkit-mask: url(../images/icons/area-restringida.svg);        
}

.ico-recibos {    
    -webkit-mask: url(../images/icons/recibos.svg);        
}

.ico-k9 {    
    -webkit-mask: url(../images/icons/k9.svg);        
}

.ico-geocercas {    
    -webkit-mask: url(../images/icons/geocercas.svg);        
}

.ico-cargas {    
    -webkit-mask: url(../images/icons/cargas.svg);        
}

.ico-movimientos {    
    -webkit-mask: url(../images/icons/movimientos.svg);        
}

.ico-valor-mercancia {    
    -webkit-mask: url(../images/icons/valor-mercancia.svg);        
}

.ico-origen-destino {    
    -webkit-mask: url(../images/icons/origen-destino.svg);        
}

.ico-chofer {    
    -webkit-mask: url(../images/icons/chofer2.svg);        
}

.ico-tiempovs {    
    -webkit-mask: url(../images/icons/tiempovs.svg);        
}

.ico-peso-carga {    
    -webkit-mask: url(../images/icons/peso-carga.svg);        
}

.ico-sello {    
    -webkit-mask: url(../images/icons/sello.svg);        
}

.ico-tipo-carga {    
    -webkit-mask: url(../images/icons/fragil.svg);        
}

.ico-rutas-riesgo {    
    -webkit-mask: url(../images/icons/rutas-riesgo.svg);        
}

.ico-capacitacion {    
    -webkit-mask: url(../images/icons/capacitacion.svg);        
}

.ico-vacantes {    
    -webkit-mask: url(../images/icons/vacantes.svg);        
}

.ico-rotacion {    
    -webkit-mask: url(../images/icons/rotacion.svg);        
}

.ico-asistencias {    
    -webkit-mask: url(../images/icons/asistencias.svg);        
}

.opti-top-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
}

.opti-top-search::-moz-placeholder { /* Firefox 19+ */
    color: white;
}
.opti-top-search::-ms-input-placeholder { /* IE 10+ */
    color: white;
}
.opti-top-search::-moz-placeholder { /* Firefox 18- */
    color: white;
}

.bgp-azul { background-image: radial-gradient(circle 248px at center, #00399C 0%, #01328A 47%, #002F82 100%) !important }

.bgp-amarillo { background-image: radial-gradient(circle 248px at center, #EDC54C 0%, #EBB920 47%, #E0AD13 100%) !important }

.bgp-naranja { background-image: radial-gradient(circle 248px at center, #F69B34 0%, #FC8A08 47%, #D97402 100%) !important }

.bgp-rojo { background-image: radial-gradient(circle 248px at center, #CB3233 0%, #B72F30 47%, #9D292A 100%) !important }

.bgp-cyan { background-color: darkcyan !important; color: white; }

.bgp-white { background-color: #FFFFFF; }

.bgp-grislight { background-color: #F9F9F9; text-shadow: 0 1px white; }

.bgp-lima {
    background: #ebebd0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #f2f1f5, #ebebd0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #f2f1f5, #ebebd0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bgp-lima button span {
    text-shadow: 0 1px #fff;
}

.bgp-color-azul { color: #002F82 !important; }

.bgp-color-amarillo { color: #E0AD13 !important; }

.bgp-color-naranja { color: #D97402 !important; }

.bgp-color-rojo { color: #9D292A !important; }

a.bgp-color-rojo:hover { text-decoration: none; }  

.bgp-btn-rojo { color: white !important; background-image: radial-gradient(circle 248px at center, #CB3233 0%, #B72F30 47%, #9D292A 100%) !important; }

.bgp-color-verde { color: #78916e !important; }

.bgp-color-amarillo-intenso { color: #feffc3 !important; opacity: 0.9; }

.bgp-color-blanco { color: #ffffff !important; }

.bgp-color-negro { color: #000000 !important; }

.bgp-color-cafe-tenue { color: #b38212 !important; }

.bgp-greymeout { color: #8a8a8a !important; }

.bgp-whitegrey { 
    background-image: linear-gradient(to right top, #fdfbfc, #f9f7f9, #f6f4f6, #f1f0f4, #ededf1, #ededf1, #ecedf0, #ecedf0, #eff0f2, #f3f3f4, #f6f6f7, #f9f9f9);      
}

.bgp-color-light-green { color: #8cc586 !important;  }

.bgp-color-light-brown { color: #c9bf9e !important;  }

.bgp-white { 
background-image: linear-gradient(to right top, #f6f6f6, #f8f8f8, #f9faf9, #fbfbfb, #fdfdfd, #fdfdfd, #fdfdfd, #fdfdfd, #fbfbfb, #f9faf9, #f8f8f8, #f6f6f6);
}

.alert-error {
    color: #71132a;
    background-color: #f7d3dc;
    border-color: #f4c2ce;
}

form#frm-ver input, form#frm-ver select {
    background-color: ghostwhite;
}

tr[data-user-id] { cursor: pointer; }
tr[data-user-id]:hover { background-color: ivory; }

/* Error colors */
.form-group.has-error .form-error {
    color: #c43939;
}

/* Error colors end */

a.email { color: #002F82;  text-decoration:  none; }

a.email:hover { color: rgb(23, 81, 180);  }

.module .overflow {
    /* width: 324px; */
    margin: 0 0 1em 0;
    overflow: hidden;
    --max-lines: 2;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
}

.module {
    width: 324px;
    margin: 0 0 1em 0;
    overflow: hidden;
}
.module span {
    margin: 0;
}
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}
.ultimoacceso { position: relative; top: 8px; margin-right: 50px; }
.item-alerta:hover { color: #000000; }

.estado-normal {
    background-color: #50D537;
    color: white;
    font-size: 13px;
    text-shadow: 1px 1px 1px #333;
}
.estado-medio {
    background-color: #ED6D3B;
    color: white;
    font-size: 14px;
    text-shadow: 0 1px #333;
}
.estado-relevante {
    background-color: #B20000;
    color: white;
    font-size: 14px;
    text-shadow: 0 1px #333;
}
.estado-finalizado {
    background-color: #777777;
    color: white;
    font-size: 14px;
    text-shadow: 0 1px #333333;
}


.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.truncate-tel {
    width: 136px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


/* Colores para fondos de indices delincuenciales */

.bck-casa-habitacion { background-color:#F5B400 !important }
.bck-homicidio { background-color: #E65100 !important }
.bck-secuestro { background-color: #000000 !important }
.bck-carjacking { background-color: #3E5BA9 !important }
.bck-asalto-negocios { background-color: #0097A7 !important }
.bck-transeuntes { background-color: #009D57 !important }
.bck-auto-partes { background-color: #A6194A !important }
.bck-tiendas { background-color: #795044 !important }
.bck-hotel { background-color: #cccccc !important }
.bck-aeropuerto { background-color: #FF5252 !important }

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

/* Colores de submodulos de ANALISIS DE RIESGO - ARNES  */
.bgp-seguridad-infraestructura { color: #D9F1FC !important; }

.bgp-seguridad-electronica { color: #FFFDE9 !important; }

.bgp-seguridad-operativa { color: #ECF4D7 !important; }

/* Fin de color de submodulos */

.darker969696 { color: #969696 !important; opacity: 1 !important; }

.indicador { 
    display: inline-block;
    padding-right: 16px;
}

.wrap-indicador {
    min-width: 100px; position: relative; font-size: 0.8rem; font-weight: 500; text-align: center;
}

.indicador i { 
    font-size: 48px;
}

.widget-panel-texto {
    font-weight: bold;
    font-size: 2.5rem;
    display: block;
    line-height: 1;
    margin: 1rem auto;
    text-shadow: 1px 1px 3px #000;    
}

.mayus { text-transform: uppercase; }

.pad-left20 { padding-left: 20px; } 

.ico-sombra { text-shadow: 1px 1px 3px #000;}

.pad-panel-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pad-panel-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pad-lista-iconos-delincuenciales {      
        padding: 8px 4px;
}

.mar-top10 { margin-top: 10px; }
.pad-bot20 { padding-bottom: 20px !important; }

.bottom5 { position: relative; bottom: 5px; }

.mini-logo-panoptic {
        display: inline-block;
        padding: 0 20px 0 0;
}

.puntero { cursor: pointer; }

.icod-bw {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    transition: filter 0.5s;
}

.icod-bw:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

.hidden { display: none !important; }

hr.style1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0));
}

.radio {
    margin: 0.5rem;
}
.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
    background-color: #002F82;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #002F82;
}
.radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}


/* Media Queries starting from here  */

@media screen and (max-width: 600px) {
    .hidden-overflow { overflow: auto; } 
}