/*--------------------Perzonalizado-------------------------- */

.bg-fondoColor{
  background: #16703C;
}

.Contenedor-login{ /*contenedor de login */
    text-align: center;
}

.Contenedor-login img{ /* tamaño de la imagen dentro del contenedor*/
    height: 150px;
}
.textWhite{
  color: #FFFFFF;
}

#titulo h1{ /* Tamaño y color de la letra titulo */
  text-align: center;
    color: black;
    font-size: 20pt;
    font-weight: bold;
}

.bg-color-navBar{
background: #3B9350;
}

.txt-color-navBar{
color: white;
}

nav .iconoBusqueda{
background: #3A3A3F;
color: white;
}

nav #nombreTitulo{
color: white;
}


nav ul li a{
color: white;
}

nav ul li a:hover{
color: #64BB79;
}

nav ul li a .colorNotificacion{
background: #3A3A3F;
color: white;
}

.bg-color-encabezado-tablaUno{
  background: #212529;
  color: white;
}

.cajaBotones ul li{
  list-style: none;
  display: inline-block;
  float: right;
}

.cajaBotones ul li{
  margin-left: 10px; 
}

/* Modal */
.modal-header{
  background: #3B9350;
  color: white;
}

.modal-content{
width: 100%;
}

.modal-body{
margin: 0 auto;
width: 100%;
}

.modal-content input[type="text"], input[type="email"], input[type="numbre"], input[type="password"]{
width: 100%;
border-radius: 4px;
}
/* Fin Modal */

.btn-100{
  width: 100px;
}

.btn-150{
  width: 150px;
}

.btn-200{
  width: 200px;
}

.btn-250{
  width: 250px;
}


.btn-positivo{  
  background: #058413;
  color: white;
}

.btn-positivo:hover{  
  background: #099919;
  color: white;
}

.btn-negativo{  
  background: #ba4343;
  color: white;
}

.btn-negativo:hover{  
  background: #c95858;
  color: white;
}

.btn-precaucion{  
  background: #F26E03;
  color: white;
}

.btn-precaucion:hover{  
  background: #F78224;
  color: white;
}



/* Tabla paginacion */
div.pager {
    text-align: center;
    margin: 1em 0;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #000;
    color: #fff;
    margin-right: 0.5em;
}

div.pager span.active {
    background: #c00;
}