/* Modificaciones para colocar la nueva imágen de los CIEES
   07/11/2018 */

body {
   background-color: #D2D2d2;
   padding-top: 0;
   overflow-x: hidden;
}

/* Estilos para botones de Tabla */
.btn-actions {
    display: flex;
    justify-content: space-around;
}
.btn-actions button {
	padding: 0;
    font-size: 3rem;
    font-weight: 600;
}

/* ----------------------------------------------------- */
#navMain {
	margin-bottom: 0;
}
#header-div {
	display: flex;
	justify-content: center;
	align-items: center;
}
#header-div img {
	max-height: 120px;
}
#contenido {
    display: flex;
    position: relative;
    flex-direction: column;
	background: lightgrey;
	margin-right: 0;
	margin-left: 0;
    min-height: calc(100vh - 230px);
}
#servicios {
	padding-top: 1em;
}
#header_barra {
    height: 60px;
    width: 100%;
    max-width: 1200px;
    background: #00659F;
    position: absolute;
	top: -15px;
    align-self: center;
}
#contenido section {
    width: 100%;
    max-width: 1200px;
    align-self: center;
    background-color: #fff;
    text-align: center;
}
#contenido section img {
    margin-top: 50px;
    padding: 10px;
    width: 100%;
    max-width: 150px;
}
.aviso_legal {
    max-width: 400px;
    margin: 10px auto;
    padding: 10px;
    font-size: 9px;
    font-weight: bold;
}

footer {
	position: fixed;
	bottom: 0;
	margin: 0;
	background-color: #000;
	font-size: .8em;
    height: 60px;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
}

footer p {
    margin: 10px 0;
    padding: 5px;
    color: #fff;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    text-decoration: none;
    color: #FECA1D;
}

footer p:first-child {
    text-align: right;
    border-right: 2px solid #fff;
}
/*---------------------------- Colores de Tabla Grid -----------------------------*/
.pa5 { padding: 5px; }
.pa0 { padding: 0; }
.mb-0 {	margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mr-5 {	margin-right: 5px; }
.text-center {text-align: center;}

table {	width:100%; }
table.grid {
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	line-height:2em;
	border: 1px solid transparent;
	border-color: #337AB7;
	margin-bottom: 20px;
	background-color: #fff; 
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  }

table.grid td, table.grid th {
  padding:0 0.5em; 
  border-top:1px solid #ddd;

  }
  
table.grid thead tr {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color: #4682B4;
}
table.grid thead tr th.text-vertical {
	max-width: 60px;
}

.grid thead tr th.text-vertical div {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	padding: 0;
	margin: 8px 0;
}

.subTitle{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color: #4682B4;
	text-align:center; 
}

.subTR{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color: #4682B4;
	text-align:left; 
}

#content{
	padding:20px;
}
	
.submenu1{
	padding-top:10px;
}

.mizq{
	padding-left:50px;
}

.titulo1{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color: #4682B4;
}
.titulo2{
	font-family:verdana, arial, sans-serif;
	font-size:10px;
}

.resVerde {
  padding: 5px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  height:30px;
  text-align: center;
}
.resAmarillo{
  padding: 5px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  height:30px;
  text-align: center;
}
.resRojo{
  padding: 5px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  height:30px;
  text-align: center;
}
.resConVerde {
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #31708f;
  background-color: #ffffff;
  border-color: #d6e9c6;
  text-align: center;
}
.resConAmarillo {
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #31708f;
  background-color: #FFFFFF;
  border-color: #faebcc;
  text-align: center;
}
.resConRojo {
  padding: 8px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #31708f;
  border-color: #f2dede;
  text-align: center;
}
#sortable{
	font-size:14px;
}

#sortable td:nth-last-child(-n+2){
	text-align: center;
}

#sortable tbody{
	cursor: move; 
}

/* ---------------------------------------   Modal de PDF's   ---------------------------------------------*/
.iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal.in .modal-dialog {
  transform: none; /*translate(0px, 0px);*/
}

/* ---------------------------------------   ToolTip's   ---------------------------------------------*/
.description {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1.2s;
	/*Tener en cuenta que es el tiempo que tardará en animar a los 300px*/
}
.toggle:hover + .description {
	max-height: 300px; 
}
/*Change the size here*/
div.tooltip-inner {
    max-width: 550px;
	text-align: justify;
}
textarea{
	resize:vertical;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.btnResumen{
	padding: 2px;
}

/* ---------------------------------------   Tabla de Resumen   ---------------------------------------------*/
.tablaRes{
	border: solid #337AB7 1px;
}
.tablaRes thead tr{
	vertical-align:middle; 
	font-size:14px; 
	font-weight:bold; 
	border: solid #337AB7 1px;
}
.tablaRes tr td:nth-child(9){ 
	border-style: solid; 
	border-color: #337AB7 #337AB7 #337AB7 #337AB7; 
	border-width: 1px 1px 0px 1px;
}
.tablaRes tr td:nth-child(3){ 
	border-style: solid; 
	border-color: #337AB7 #337AB7 #337AB7 #337AB7; 
	border-width: 1px 0px 0px 1px;
}
.tablaRes thead tr:nth-child(1) th:nth-child(3){ 
	border-color: #337AB7;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
.tablaRes thead tr:nth-child(1) th:nth-child(5){ 
	border-color: #337AB7;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

.tablaRes tr { 
	font-size:14px;
	text-align:center;
	vertical-align:top;
} 

.tablaRes th{
	font-family: "arial"," "sans-serif"";
	font-weight: 100;
	background-color:#337AB7;
	border: 0px solid #ffffff;
	text-align:center;
	color: #ffffff;
	padding:5px;
}
.tablaRes td{
	border: 1px solid #337AB7;
	padding:5px;
}

.fieldset3{padding-left:10px;background:#E2F0D9;border:2px;border-color:#70AD47;border-style:solid;width: 100%;}
.legend3{width:80%;margin:20px;font-weight:bold;color:#404040;border:2px;background:#FFFFFF;border-color:#70AD47;border-style:solid;}
h4{font-family: arial;text-align: center; font-size: 12px;}h5{font-family: arial;text-align: left;}
#wrap{margin:0 auto 0 auto; width:100%;}


.verAnexo{
	margin: 2px;
}

/* ------------------------------------------------------------------ Div para Checks ------------------------------------------------------- */
.divCheck {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 10px;
	width: 49%;
	margin: 5px;
}
.divCheck1 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 10px;
	width: 99%;
	margin: 5px;
}
.nopadding{
	padding: 0px;
}
.checkbox {
    position: relative;
    display: block;
    margin-top: 1px;
    margin-bottom: 1px;
}

/*Estilos para los background de las Rúbricas (0,1,2 y 3)*/
.bckg0{
	height: 25px;
	text-align: center;
	color: #fff;
	background-color: #F34138;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}

.bckg1{
	height: 25px;
	text-align: center;
	color: #fff;
	background-color: #EEF050;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}
.bckg2{
	height: 25px;
	text-align: center;
	color: #fff;
	background-color: #50F086;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}
.bckg3{
	height: 25px;
	text-align: center;
	color: #fff;
	background-color: #2BB559;
	border: 1px solid #000;
	padding-left: 2px;
    padding-right: 2px;
	font-size: 16px;
}

/* Estilos de Captura */
fieldset.captura {
    border: 2px solid #ddd;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: .5em;
}
.captura legend{
    width: auto;
    padding: .5em;
    font-size: 1.2rem;
    font-weight: bold;
}

/* CSS par la tarjeta informativa de los PARES */
.vcard {
	margin: 10px auto;
	border: 2px solid steelblue;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	max-width: 1200px;
}
.vcard h3 {
	border: 2px solid #264662;
	border-radius: 5px;
	background: steelblue;
	color: #fff;
	text-align: center;
	margin: 5px;
	padding: 2px;
}
.vcard .buscar {
	width: 300px;
	margin: 10px auto;
}
.vcard .buscar select {
	width: 270px;
	height: 26px;
	border-radius: 3px;
}
.vcard .buscar span {
	border: 1px solid #264662;
	background: steelblue;
	color: #fff;
	padding: 4px;
}
.vcard section.header h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px;
	border-top: 3px solid #264662;
	border-bottom: 3px solid #264662;
}
.vcard section.header section.info-vcard {
	margin: 10px;
}
.vcard section.header section.info-vcard p span {
	font-weight: bold;
	width: 200px;
}
.vcard #vcard_detalle {
	max-height: 600px;
	overflow-x: hidden;
}
.vcard #vcard_detalle .info-vcard {
    text-align: left;
}
.info-vcard .table {
	width: 98%;
	max-width: 1180px;
	margin-bottom: 20px;
}	
/* Cambiar el tamaño de letra del titulo del index.php */
@media only screen and (max-width: 600px) {
	.tagline {
		text-align: center;
		font-size: 2em;
	}
	#topMenu{
		text-align: center;
	}
	#topMenu ul li {
		margin-left: 10%;
		margin-right: 10%;
		border-bottom: 1px solid #fcfcfc;
	}
}

/* Cambios del 3/12/2018 */
.row {
	margin: 0 25px;
}
.container {
	margin: 0;
	width: 100%;
}

/* Cambios del 5/12/2018 */
/* Login Modal */
#loginModal .modal-dialog {
	width: 350px;
	margin: 2.5em auto;
}

#loginModal .modal-header {
	background-color: rgb(0,101,160);
	color: #fff;
}

#loginModal .modal-header h3 {
	margin: 0;
}

#loginModal .modal-header button {
	font-size: 2em;
	color: #fff;
	opacity: .7;
}

#loginModal .modal-header button:hover {
	color: rgb(252,200,39);
	opacity: 1;
}

#divLogin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 250px; 
	margin: 0 auto;
}

#divLogin .img-login {
	height: 100px;
	width: 100px;
	align-self: center;
	color: rgb(0,101,160);
	border-radius: 50%;
	margin-bottom: 1em;
}

#divLogin .img-login svg {
	height: 100px;
	width: 100px;
}

#divLogin .img-login i {
	font-size: 7em;
}

#divLogin .input-group {
	margin: 0 auto;
}

#divLogin .input-group:not(last-child) {
	margin-bottom: 10px;
}

#divLogin .input-group-addon {
	width: 3em;
}

#divLogin .login-footer {
	display: flex;
	justify-content: space-evenly; 
}

/* Estilos del toolBar de las tablas */

#filtro {
	margin: 10px 0;
}

/* Estilos para el Resumen de las evaluaciones */
.divResumen {
	display: grid;
	padding: .5em;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 15px;
}
.item-2 {
    grid-column: 1;
	grid-row: 1/3;
	overflow-y: auto;
}

.item-3h {
    grid-column: 1/4;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
}

.box-start {
	border: 2px solid #ebccd1;
	color: #a94442;
	border-radius: 5px 5px 0 0;
}
.box-start > header {
	text-align: center;
	background-color: #f2dede;
	font-weight: bold;
	padding: 5px;
}
.box-start article,
.box-process article,
.box-end article {
	margin-top:5px;
	padding-left: 5px;
	padding-right: 5px;
}
.box-start article header,
.box-process article header,
.box-end article header {
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	padding: 2px;
}
.box-start .sub-header {
	background-color: #f2dede;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ebccd1;
	border-radius: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}			
.box-start .sub-section,
.box-process .sub-section,
.box-end .sub-section {
	font-size: 10px;
	color: #31708F;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}
.box-start .sub-section-2,
.box-process .sub-section-2,
.box-end .sub-section-2 {
	font-size: 12px;
	color: #31708F;
	display: grid;
	grid-template-columns: 1fr 2fr;
	text-align: center;
}
.box-start .sub-section-3,
.box-process .sub-section-3,
.box-end .sub-section-3 {
	font-size: 12px;
	color: #31708F;
	display: grid;
	grid-template-columns: 1fr 40px 40px;
	text-align: left;
}
.box-start .sub-section-2 div:first-child,
.box-process .sub-section-2 div:first-child,
.box-end .sub-section-2 div:first-child {
	text-align: left;
}
.box-start .div-btn,
.box-process .div-btn,
.box-end .div-btn {
	margin: 1px;
}

.box-process {
	color: #8a6d3b;  
	border: 2px solid #faebcc;
	border-radius: 5px 5px 0 0;
}
.box-process header {
	text-align: center;
	background-color: #fcf8e3;
	font-weight: bold;
	padding: 5px;
}
.box-process .sub-header {
	background-color: #fcf8e3;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ebccd1;
	border-radius: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}				

.box-end {
	color: #3c763d;
	border: 2px solid #d6e9c6;
	border-radius: 5px 5px 0 0;
}
.box-end header {
	text-align: center;
	background-color: #dff0d8;
	font-weight: bold;
	padding: 5px;
}
.box-end .sub-header {
	background-color: #dff0d8;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ebccd1;
	border-radius: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}			
.div-historico {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 1.5em;
}

/*
	Estilos utilizados en el alta de Pares de Funciones Institucionales.
	Estilos para la ventana modal de confirmación de borrado.
*/

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-times-hexagon {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
	border-radius: 1px;
	font-size: 1.5em;
}
.dialog-ovelay .dialog header .fa-times-hexagon:hover {
    color: #b9b9b9;
}
.dialog-ovelay .dialog header .fa-times-hexagon:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
	padding: 12px 10px;
	text-align: center;
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog .dialog-footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog .dialog-footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog .dialog-footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.button {
  cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color: #f44336;
    border: 1px solid #d32f2f;
    color: #f5f5f5
}
.dialog-ovelay .dialog-msg .fa-exclamation-triangle {
    font-size: 3em;
    color: #F8F32B;
}
.dialog-ovelay .dialog-msg .fa-trash-alt {
    font-size: 3em;
    color: #A52019;
}

/* Agregado para márgenes y paddings */

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

/* Estilos para los reportes de Contabilidad */
.ciees-tool-box {
	display: flex;
	width: 100%;
	justify-content: end;
	align-items: end;
	margin: .5em auto;
}
.ciees-tool-box div {
	margin-left: .5em;
}
.ciees-tool-box input {
	height: 2em;
	line-height: 27px;
	padding-top: 0px;
}
.max-1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.ciees-tabla-total tbody tr:last-child {
	background-color: #005C82;
	color: #fff;
	font-weight: bold;
}
.ciees-tabla-total tbody tr:last-child td:first-child {
	color: #005C82;
}
.ciees-tabla-total tbody tr:last-child td:first-child:before {
	content: 'Total';
	text-align: right !important;
	color: #fff;
}
.ciees-tabla-total thead th .th-inner {
	line-height: 1.2em;
}

/* Media Query´s */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767px) {
	.row { margin: 0 10px; }
	.divResumen {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.item-3 {
		grid-column: 1;
		grid-row: 12;
	}
	#divComentarios {
		max-height: 250px;
	}
	.div-historico {
		height: auto;
	}
	.alertData {
		display: grid;
		grid-template-columns: 1fr;
		padding: 10px;
		border: 1px solid #bce8f1;
		color: #ffffff;
		border-radius: 4px;
		background-color: #337AB7;
	}
}

/* Medium devices (tablets, 768px and up) */				
@media (min-width: 768px) {
	.row { margin: 0 25px; }
	.divResumen {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
	}
	.item-3 {
		grid-column: 1/3;
		grid-row: 7;
	}
	#divComentarios {
		max-height: 250px;
	}
	.div-historico {
		height: 100%;
	}
	.alertData {
		display: grid;
		grid-template-columns: 1.5fr repeat(2, 1fr);
		padding: 10px;
		border: 1px solid #bce8f1;
		color: #ffffff;
		border-radius: 4px;
		background-color: #337AB7;
	}
	/* 26/02/2019 Se puede eliminar ya no se utiliza, se agregó una opción en el encabezado del resumen "Tipo de evaluación" */
	/* .alertData .ad-2 {
		grid-column: 2/4;
	} */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
	.row { margin: 0 25px; }
	.divResumen {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 165px 165px auto;
		grid-gap: 15px;
	}
	.item-3 {
		grid-column: 3;
		grid-row: 1/4;
	}
	.div-historico {
		height: 100%;
	}
	#divComentarios {
		max-height: 730px;
	}
}