cursosdetalle {

	ion-col {
		color: color($colors, secondary);
	}

	h3 {
		padding:0;
		margin:0;
		border:0;
		font-size: 18px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	h4 {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.cardbox {
		padding-bottom: 20px;
	}
	ion-grid {
		padding: 0;
	}

	.the-back {
		margin-left: 8px !important;
	}

   	.infobox {
		background-color: #FFFAF0;
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
		padding-top: 15px;
		padding-bottom: 15px;
   	}
   	.separator_big {
   		margin-top: 20px;
   		border-top: 5px solid #FFB823;
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
   	}
   	.separator {
   		border-top: 1px solid #FFB823;
   	}
   	.infobox ion-col {
   		padding: 0px;
   	}
   	.bar-buttons-md {
   		order: 1 !important;
   	}
   	.infobox ion-row {
   		padding-left: 25px;
   		padding-right: 25px;
   		padding-top: 0px;
   		padding-bottom: 0px;
   	}

   	.modulo_nombre { font-size: 1.2em; color: color($colors, secondary); }
   	.modulo_hora { font-size: 1.2em; color: color($colors, secondary); text-align: right; }
   	.modulo_fecha { font-size: 0.9em; color: color($colors, secondary); }
   	.modulo_icon { max-width: 50px; }
   	.modulo_icon img { max-width: 32px; }

   	.detalle_avatar img {
   		width: 50px;
   		height: 50px;
   		border-radius: 50%;
   		border: 3px solid color($colors, primary);
   	}
   	.detalle_avatar_nombre { }
}
