:root{
--color_dash_1:#244ca3;
--color_dash_2:#244ca3;
--color_dash_3:#244ca3;
--color_dash_4:#244ca3;
--color_dash_5:#244ca3;
}
header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+61,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 61%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 61%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 61%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	color: #fff;	
}
aside {
	background: #FF6600;
	color: #fff;
}
.color1{
	background: #3476B7;
	color:#fff;
}
footer{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+61,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 61%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 61%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 61%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	color: #fff;
	height: auto;
}
.imagen{
	width: 100pt;
}
.titulo{
	font-size: 32pt;
	font-family:sans-serif;
	font-weight:bold;
}
.tit{
	color: #003366;
	font-family: Verdana;
	font-size: 18px;	
	font-style: italic;
	font-weight: bold;
	height:70px;
	margin: 0px auto;
	padding-top: 10px;
	text-align: center;	
	width: 280px;
}

.text-img{
	text-align:center;
}

.fecha{
	color:#0F67DB;
	font-size:11px;
}
	
.quien_foto{
	border-radius:6px;
	height: 160px;
	width: 120px;
}
.quien_info{
	/*width: 500px;*/
	color: #00008B;
	font-size: 13px;
	height: 100px;
	padding-left: 25px;
}
.quien_nombre{
	/*width: 500px;*/
	color:#00008B;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	padding-left: 25px;
}
.tabla{
	margin: 0px auto;
	

}
#imagen1{
	float:left;
	margin: 0px auto;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
	
}
#texto2{
	font-size: 10px;
	font-weight: bold;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-middle {
  vertical-align: middle;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.frame {
    display: table;
    table-layout: fixed; /* esto evita que se rompan las clases col-* de Bootstrap */
    width: 100%
}

/* Poniendo el height a 1px en el header y el footer lograremos que el espacio
   que ocupa cada uno se ajuste a su contenido en lugar de abarcar más */
.fila {
    display: table-row;
    height: 40px;
}

.fila.expandida {
    height: auto;
}

.just-padding {
  padding: 15px;
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

.list-group-item .glyphicon {
  margin-right: 5px;
}
.listas{
	background: #3679D2;
}

.plus-color{
	color: #063AE4;
}
.fechas{
	font-style: italic;
	font-size: 11px;
	font-weight: lighter;
}


/* posicion de la ventana modal
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

@media only screen and (max-width:480px){
     .modal-dialog1 {
		  display: inline-block;
		  text-align: left;
		  vertical-align: middle;
		  width: 80%;
		}  
    }
@media only screen and (min-width:481px) and (max-width:768px){
     .modal-dialog1 {
		  display: inline-block;
		  text-align: left;
		  vertical-align: middle;
		  width: 60%;
		}  
    }

@media only screen and (min-width:769px){
     .modal-dialog1 {
		  display: inline-block;
		  text-align: left;
		  vertical-align: middle;
		  width: 40%;
		}  
    }

.modal-dialog1 {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;  
}

.lista{
	padding: 3px;
	font-size: 11px;
	color:#2670B5;
}
.lista_tit{
	padding: 3px;
	font-size: 11px;
}
.lista_tit2{
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
}
.lista_cod{
	font-style: italic;
	font-weight: bold;
	
}
a:link   
{   
 text-decoration:none;   
} 

.dash{
  display: flex;
  flex-direction: row;
  margin:0px;
  flex-wrap: wrap;
justify-content: center;
text-align: center;
width: 100%;
}

.dash_item{
  border: 1px solid;
  margin: 8px;
  border-radius: 9px;
  box-shadow: 5px 5px 5px #737171;
  color: #fff;

}
.dash_item a{
  color: #fff;
  text-decoration: none;
}
.dash_ver1{
    background-color: #93cbb5;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dash_ver2{
    background-color: #55cde7;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dash_ver3{
    background-color: #ECB336;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dash_ver4{
    background-color: #EC9599;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dash_ver5{
    background-color: #657BA7;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dash_ver6{
    background-color: #f3b884;
    border-radius: 0px 0px 9px 9px;
    font-size: 16px;
    font-weight: bold;
}
.dashboard_opcion{
  /*border: 1px solid;*/
  height: 120px;
  width: 202px;
  background-color: #3784E3;
  /*margin: 10px;*/
  border-radius: 9px 9px 0px 0px;
  color: #fff;
  display: flex;
  flex-direction: row;
  /*box-shadow: 5px 5px 5px #737171;*/

  
}
.dashboard_opcion i{
    font-size: 80px;
    margin-top: 20px;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-right: -25px;
}
.info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin: 2px;
  font-weight: bold;
}
.cantidad{
  font-size: 30px;
}