body {
    font: 400 15px sans-serif;
    color: #010101;
  }
  h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    margin-bottom: 30px;
  }
  h4 {
    font-size: 19px;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
  } 
 /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
      background-color: #101010;
      border: none;
    }

    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #101010;
      height: 300%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
      .navbar_login {padding: 7px 5px;}
      .navbar-brand {padding: 7px 5px;}
    }

    @media (min-width: 641px) {
      #logo_escudo {display:none}
      #logo_escudo {display:inline-block}
      .navbar-brand {padding: 7px 5px;}
    }

    @media (min-width: 600px) {
      #logo_consejo {padding: 7px 34px;}
      .navbar-brand {padding: 1px 5px;}
    }

    @media (max-width: 640px) {
       #logo_escudo {display:inline-block}
       #logo_escudo {display:none}
       .navbar-brand {padding: 7px 5px;}
    }

.logo {
  font-size: 150px;
}

#logo_pjey_login{
  height:44px;
  width: 266px;
}

#logo_escudo{
  height:70px;
}

#logo_pjey_declara{
  height:80px;
  width: 160px;
}

#logo_pjey{
  height:49px;
  width: 284px;
}

.logo-small {
  color: #101010;
  font-size: 50px;
}

.logo {
  /*color: #1d035df7;*/
  color:#101010;
  font-size: 200px;
}

.usuario{
  font-size: 12px;
}

.modificar_usuario{
  font-size: 85px;
  color: #101010;
}

#nom_user{
  text-align:left;
  color: white;
  font-size: 12px;
}

/*.container-fluid {
    padding: 60px 50px;
  }*/

.container-fluid-login {
    position: relative;
    width: 400px;
    margin: 20ex auto 2ex auto;
    background-color: rgba(0,0,0,0.5) !important;
    color: white;
}

#bar_circunsntancias{
  width: 1%;
  height: 30px;
  background-color: #4CAF50;
}

#myProgress {
  width: 100%;
  background-color: #ddd;
}

.navbar-brand {
    float: left;
    height: 32px;
    /*padding: 0px 15px;*/
    font-size: 18px;
    line-height: 20px;
}
   
.carousel-inner img {
  width: 100%; /* Set width to 100% */
  margin: auto;
  min-height:30px;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #010101;
  }
  .carousel-indicators li {
    border-color: #010101;
  }
  .carousel-indicators li.active {
    background-color: #101010;
  }

  .item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;    font-style: italic;
    margin: 70px 0;
  }
  .item span {
    font-style: normal;
  }

   footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #971726;
  }

  .panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
  }
  .panel-footer {
    background-color: white !important;
  }
  .panel-footer h3 {
    font-size: 32px;
  }
  .panel-footer h4 {
    color: #aaa;
    font-size: 14px;
  }
  .panel-footer .btn {
    margin: 15px 0;
    background-color: #f4511e;
    color: #fff;
  }

  .slideanim {visibility:block;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }

#imagen_responsabilidades, #imagen_investigacion, #imagen_patrimonial, #imagen_auditoria{
  height: 40px;
}

#clave_emp{
  width: 250px;
}

.jumbotron {
  background-color: #101010;
  color: #fff;
  padding: 65px 25px;
  font-family: Montserrat, sans-serif;
}

.navbar_login {
  margin-bottom: 0;
  background-color: #101010;
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 4px;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
}
  
#vinculo_principal{
  height: 72px;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  /*color: #f4511e !important;*/
  color: #ffffff !important;
  background-color: #7e7d7d !important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: white;
    background: gray;
    white-space: nowrap;
    border-radius: 0px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: gray;
    border-radius: 0px;
}

.cuenta_login{
  color:white;
}

.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.navbar_login li a, .navbar_login .navbar-brand {
  color: #fff !important;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.acceso_modulo{
  color: #101010;
  text-decoration-line: none;
  outline: none;
}

.boton_eliminar{
  background: #939598;
  color:#FFFFFF;
}

.boton_editar{
  background: #557982;
  color:#FFFFFF;
}

.boton_agregar,.boton_guardar_cambios{
  background: #144653;
  color:#FFFFFF;
}

.boton_eliminar_archivo{
  background: #939598;
  color:#FFFFFF;
}

.btn.focus, .btn:focus, .btn:hover {
    color: lightgray;
    text-decoration: none;
}


.boton_cancelar{
  background: #7F9174;
  color:#FFFFFF;
}

.denuncias_activas{
  color: green;
  font-size: 25px;
}

.icono_impresion{
  font-size: 25px;
}

.denuncias_activas_descripcion{
  color: green;
  font-size: 20px;
}

.icono_denuncias_activas{
  color: green;
  font-size: 25px; 
  top:10px;
}

.icono_denuncias_no_admitidas{
  color: red;
  font-size: 25px; 
  top:10px;
}

.indicador_seg{
  text-align: center;
}

.cuadro_denuncia{
  border-style: solid;
  border-color: #FFFFFF;
  background: #E1DEDE;
  margin-left: 2%;
}

.cuadro_denuncia:hover{
  background:#FFFFFF;
}

.eliminar{
  color:#144653;
  font-size: 25px;
}

.modificar{
  color: #557982;
  font-size: 25px;
}

.denuncias_en_proceso{
  color: yellow;
  font-size: 35px;
}

.icono_denuncias_en_proceso{
  color: yellow;
  font-size: 25px; 
  top:10px;
}

.denuncias_en_proceso_descripcion{
  color: yellow;
  font-size: 20px;
}

.denuncias_liberadas{
  color: red;
  font-size: 35px;  
}

.denuncias_liberadas_descripcion{
  color: blue;
  font-size: 20px;  
}

.icono_denuncias_en_litigio{
  color: blue;
  font-size: 25px; 
  top:10px;
}

.denuncias_no_admitidas{
  color: black;
  font-size: 35px;  
}

.denuncias_no_admitidas_descripcion{
  color: red;
  font-size: 20px;  
}

.denuncias_concluidas{
  color: #99A3A4;
  font-size: 35px;  
}

.icono_denuncias_concluidas{
  color: #99A3A4;
  font-size: 25px; 
  top:10px;
}

.denuncias_concluidas_descripcion{
  color: #99A3A4;
  font-size: 20px;  
}

.navbar-inverse .navbar-nav>li>a {
    color: #f7f4f4;
}

.datos_mod_denuncia{
  font-size: 18px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}

.tabla_denuncias{
  font-size: 15px;
}

.proceso{
  /*background-color: #dcd9d9;*/
  color:black;
  font-size: 17px;
}

#etapa{
  padding-right: 20px;
  border-right: 1px solid #ddd;
  /*width: 299px;*/
}

.icon_proceso{
  font-size: 25px;
  color: black;
}

.descripcion{
  background-color: white;
  color:black;
}

.panel-default>.panel-heading {
    /*color: black;*/
    background-color: #dcd9d9;
    border-color: #dcd9d9;
}

video{
  width: 100%;
  height: auto;
}

.cuadro:hover{
  font-size: 20px;
  transition: 1s;
  border-color: none;
  background: black;
  color: white;
}

.cuadro{
  color: black;
}
.panel-body:hover{
  color: white;
}

.titulo_encabezado{
  text-align: left;
}

.datos_detalles{
  margin-bottom: 0px;
  line-height: 0.500em;
}

.opcion_activa{
  color: #fff;
  background-color: #a5a6a7;
}

.descripcion_etapas{
  background: #557982;
  padding: 0px 25px;
}

.titulo_denuncia{
  border-bottom: 1px solid #144653;
}

.encabezado_tipos{
  color: #FFFFFF;
  margin-left: 16px;
  padding: 7px;
}

.datos_denuncia{
  background:#D0D0D0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #a5a6a7;
}

.mensaje_vacio{
  background: #D0D0D0;
}