@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);
}

/* Definicion de tipografia Diamante */



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


.btn-info {background-color: #f2854b;border-color: #f2854b;}
.btn-info:hover {background-color: #F6A503;border-color: #F6A503;}
.icon-wrapper {
  width: 150px;
  height: 150px;
}
.card {border-radius: 10px;overflow: hidden;}
.app-main__outer {background: rgba(0, 0, 0, 0.03);}
.app-page-title .page-title-heading {font-size: 21px;}
/*.mx-height {max-height:480px;}
.mn-height {min-height:480px;}*/
.h-25 {height: 45px !important;width: 100%;}

.color-orage {color: #F2864C;font-weight: bold;}
.app-theme-gray .main-card>.card-body>.card-title::before {background: transparent !important;}

.app-header.header-text-light .app-header__logo .logo-src {    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.app-header__logo .logo-src {
  height: 50px;
  width: 150px;
}
.border-r-10 {border-radius: 10px;}

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

.slick-slider .slide-img-bg { 
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url(https://paseodelreal.com/images/originals/sesion-slide-01.jpg);    
  /*background-image: url('../images/originals/sesion-slide-01.jpg');     */
  background-position: center top; 
  opacity: 1; 
}

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

/*.chat-box-wrapper .chat-box {border-radius: 5px !important;}*/

/*.card-header, .card-title{color: #ffffff !important;}*/

.escondido { display: none !important; }

.f-left {float: left;}
.f-right {float: right;}

.bg-white {background-color: #ffffff !important;}
.bg-beige {background-color: #e6ddcb !important;}
/*.bg-beige {background-color: #209AD6 !important;}*/
.bg-beige2 {background-color: #e6ddcb !important;}
.bg-blue-strong {background-color: #284e41 !important;}

/*.bg-green-forest {background-color: #284e41 !important;}*/
.bg-green {background-color: #d4edda;color: #1e6641;}
.bg-red {background-color: #f8d7da;color: #71132a;}
.bg-green-forest {background-color: #284e41 !important;}
.bg-grey-small {background-color: #f8f8f8 !important;}
.bg-grey-dark {background-color: #f8f8f8 !important;}

.c-white {color: #ffffff !important;}
.c-blue-low {}
.c-grey {color: #707070 !important;}
.c-green {color: #1e6641;}
.c-red {color: #71132a;}
.c-f-grey {color: #707070;}

.square-b-r-0 {border-radius: 0;}


.border {
  border: 1px solid rgba(26, 54, 126, 0.125);
  border-radius: .25rem;
}

.border-blue {border: 1px solid #0943B8;}

.border-t-1 {
  border-top: 1px solid #707070;
}
.border-b-1 {
  border-bottom: 1px solid #707070;
}
.border-b-1-white {
  border-bottom: 1px solid #ffffff;
}
.size-img-w-h-30 {width: 30px; height: 30px;}
.size-img-w-h-60 {width: 60px; height: 60px;}
.text-uppercase {text-transform: uppercase;}
.text-noramal {text-transform: none;}

.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px;}
.f-17 {font-size: 17px;}
.f-18 {font-size: 18px;}
.f-19 {font-size: 19px;}
.f-20 {font-size: 20px;}
.f-21 {font-size: 21px;}
.f-22 {font-size: 22px;}
.f-23 {font-size: 23px;}
.f-24 {font-size: 24px;}


.f-36 {font-size: 36px;}
.f-44 {font-size: 44px;}

.p-t-b-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.p-t-b-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-0 {padding: 0px;}
.p-10 {padding: 10px;}
.p-12 {padding: 12px;}
.p-15 {padding: 15px;}

.mi-cuenta-shadow {
  border: 1px solid #707070;
  -webkit-box-shadow: 0 0 10px 0 #c2c2c2;
  box-shadow: 0 0 10px 0 #c2c2c2;
  border-radius: .25rem;
  padding: 25px;
}

.mi-cuenta-shadow-1 {
  /*border: 1px solid #707070;
  -webkit-box-shadow: 0 0 10px 0 #c2c2c2;
  box-shadow: 0 0 10px 0 #c2c2c2;
  border-radius: .25rem;*/
  padding: 25px;
}

.mi-cuenta-shadow-1-1 {
  text-align: center;
  border: #e9ecef solid 1px;
  border-radius: 10px;
  margin: 0 0 25px;
  padding: 25px;
  background: #F8F8F8;
  -webkit-box-shadow: 0 0 10px 0 #c2c2c2;
  box-shadow: 0 0 10px 0 #c2c2c2;
}

.p-b-10 {padding-bottom: 10px;}
.p-t-10 {padding-top: 10px;}
.m-0 {margin: 0;}
.m-b-1 {margin-bottom: 1%;}
.m-b-10 {margin-bottom: 10%;}
.m-t-b-20 {margin: 20% 0%;}

.m-top-5-por {margin-top: 5%;}

.b-0 {border: 0;}
.b-b-1 {border-bottom: 1px solid #284E41 !important;}

.font-bold {font-weight: bold;}
.font-w-100 {font-weight: 100;}
.font-w-200 {font-weight: 200;}
.font-w-300 {font-weight: 300;}

.m-height-size-210 {
    min-height: 210px;
}

.b-shadow {
  -webkit-box-shadow: 0 0 10px 0 #c2c2c2;
  box-shadow: 0 0 10px 0 #c2c2c2;
}

ul.list-borber-bottom li.list-group-item {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  margin-bottom: 0px !important;
}

.vertical-nav-menu ul>li>a .metismenu-icon {display: inherit;}

.vertical-nav-menu ul>li>a {padding: 0 0 0 2.5rem;}

.table-border-0 th, .table-border-0 td {border: none;}

.modal-open .modal {
    background: rgba(0,0,0,.5);
}

#aviso-privacidad .modal-dialog {box-shadow: none;}
#aviso-privacidad .modal-dialog .modal-content .modal-header{border: none;}

#reglamento .modal-dialog {box-shadow: none;}
#reglamento .modal-dialog .modal-content .modal-header{border: none;}

#exampleModal .modal-dialog {box-shadow: none;}
#exampleModal .modal-dialog .modal-content .modal-header{border: none;}


.app-sidebar.sidebar-text-light .app-sidebar__heading {color: #767676 !important; }
.app-sidebar.sidebar-text-light .vertical-nav-menu li a {color: #767676 !important; }

/*.diamante-light { font-family: 'diamante-light', Arial, Tahoma; }*/
.diamante-light { font-family: 'diamante-efregular', 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; }

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

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

.color-white { color: white; }

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

a.color-white { color: #000000; }

a.color-red { color: #000000; }

a.color-red:hover { color: #427592; }

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

.red { color: #427592; }

.bck-red { background-color: #427592 !important; }

.size12 { font-size: 12px; }

.size16 { font-size: 16px; }

.size18 { font-size: 18px; }

.size20 { font-size: 20px; }

.size28 { font-size: 28px; }

.size32 { font-size: 32px; }

.size128 { font-size: 128px; }

.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-silver.jpg'); background-repeat: no-repeat; background-size: cover;background-position: center center; }

.cbutton-red { background-color: #000000; border: 1px solid #000000; }

.cbutton-red:hover { background-color: #427592; border: 1px solid #427592; }

.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-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-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-white { background-color: #FFFFFF; }

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


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

  .bgp-color-amarillo { color: #E0AD13; }
  
  .bgp-color-naranja { color: #D97402; }

  .bgp-color-rojo { color: #9D292A; }
  
  .bgp-whitegrey { 
      background-image: linear-gradient(to right top, #fdfbfc, #f9f7f9, #f6f4f6, #f1f0f4, #ededf1, #ededf1, #ecedf0, #ecedf0, #eff0f2, #f3f3f4, #f6f6f7, #f9f9f9);      
  }  
  
  .bgp-white { 
    background-image: linear-gradient(to right top, #f6f6f6, #f8f8f8, #f9faf9, #fbfbfb, #fdfdfd, #fdfdfd, #fdfdfd, #fdfdfd, #fbfbfb, #f9faf9, #f8f8f8, #f6f6f6);
  }

  .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-panel-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .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 */
  }

#busqueda-alfabeto {
  text-align: left;
}
#busqueda-alfabeto span {
  color: #427592 ;
  text-transform: uppercase;
  border-bottom: 2px solid #6e7472;
  padding-bottom: 5px;
}
#busqueda-alfabeto ul {
  margin: 15px 0;
  padding: 0;
  display: block;
}
#busqueda-alfabeto ul li {
  list-style: none;
  display: inline-block;
  margin-right: 7px;
  font-size: 16px;
  padding: 2px;
  cursor: pointer;
}

#mas-buscados .buscados {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 35px;
}
#mas-buscados div.marco {
    border: 2px solid #ddd;
    border-radius: 0;
    height: 160px;
    display: table-cell;
    vertical-align: middle;    
}
.titulo-sec {
    color: #427592;
    text-transform: uppercase;
    border-bottom: 2px solid #6e7472;
    padding-bottom: 7px;
}

.letra-activa {
    color: #fff;
    background-color: #427592;
}
  
@media (max-width: 991.98px){
  .mini-logo-panoptic {padding: 0 20px 20px 0;}
  .app-footer {height: 70px;}
  .fixed-footer .app-footer .app-footer__inner {margin-left: 0px;}
  .app-footer .app-footer__inner .app-footer-left {
    display: none;
  }
  .app-footer .app-footer__inner .app-footer-right { display: block !important; } 

  .vertical-nav-menu ul>li>a .metismenu-icon {display: none;}
}