enrolar {

	.table-title {
		background-color: color($colors,light);
		border: 1px solid color($colors, secondary);
		color: #FFFFFF;
		text-align:center;
		padding: 10px;
	}
	.table-col {
		text-align: center;
		font-size: 2em;
		color: color($colors, secondary);
		border: 1px solid color($colors, secondary);
		padding: 15px;
	}
	ion-col {
		color: color($colors, secondary);
	}
	ion-col img {
		max-width: 90%;
	}
	h3 {
		padding:0;
		margin:0;
		border:0;
		font-size: 18px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	h4 {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.card_curso {
		padding-bottom: 0px;
		padding-top: 20px;
	}
	.card_curso_null {
		color: color($colors, secondary);
		font-size: 20px;
		text-align:center;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.cardbox {
		padding-bottom: 20px;
	}
	ion-grid {
		padding: 0;
		border-bottom: 1px solid color($colors, gold);
	}
	.card_curso_date {
	    background-image: url("../assets/icon/calendarclean.png");
		width: 45px;
		height: 45px;
		padding-top: 18px;
		padding-left: 0px;
		color: #35599e;
		background-size: cover;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
   	}
   	.card_curso_mes {
   		color: #35599e;
   		font-size: 16px;
   		padding-left: 5px;
   	}
   	.infobox {
		background-color: #FFFAF0;
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
   	}
   	.separator {
   		border-top: 1px solid #FFB823;
   	}
   	.infobox ion-col {
   		padding: 16px;
   	}
	.tabs ion-col:first-child {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.tabs ion-col:last-child {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.tabs ion-col {
		padding: 8px;
		text-align:center;
		font-size: 19px;
	}
	.tabs ion-col.on {
		background-color: color($colors, primary);
		color: color($colors, secondary);
		font-weight: bold;
	}
	.tabs ion-col.off {
		background-color: color($colors, goldpastel);
		color: color($colors, light);
	}
	.tabs {
		margin-bottom: 20px;
	}
	.aprobacion {
		color: color($colors, light);
		font-size: 15px;
	}
	.aprobacion img {
		max-width: 40px;
	}
	button.blue {
		background: -moz-linear-gradient(270deg, rgba(2,68,193,1) 0%, rgba(2,68,193,1) 16%, rgba(0,46,133,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2,68,193,1)), color-stop(16%, rgba(2,68,193,1)), color-stop(100%, rgba(0,46,133,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(270deg, rgba(2,68,193,1) 0%, rgba(2,68,193,1) 16%, rgba(0,46,133,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(270deg, rgba(2,68,193,1) 0%, rgba(2,68,193,1) 16%, rgba(0,46,133,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(270deg, rgba(2,68,193,1) 0%, rgba(2,68,193,1) 16%, rgba(0,46,133,1) 100%); /* ie10+ */
		background: linear-gradient(180deg, rgba(2,68,193,1) 0%, rgba(2,68,193,1) 16%, rgba(0,46,133,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0244C1', endColorstr='#002E85',GradientType=0 ); /* ie6-9 */
		color: #FFF;
		padding: 11px;
		padding-left: 20px;
		padding-right: 20px;
		border: 0;
		border-radius: 5px;
		font-size: 17px;
		float: right;
	}
	button.yellow {
		  background: -moz-linear-gradient(270deg, color($colors,primary) 0%, color($colors,primary) 59%, color($colors,gold) 100%); /* ff3.6+ */
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, color($colors,primary)), color-stop(59%, color($colors,primary)), color-stop(100%, color($colors,gold))); /* safari4+,chrome */
		  background: -webkit-linear-gradient(270deg, color($colors,primary) 0%, color($colors,primary) 59%, color($colors,gold) 100%); /* safari5.1+,chrome10+ */
		  background: -o-linear-gradient(270deg, color($colors,primary) 0%, color($colors,primary) 59%, color($colors,gold) 100%); /* opera 11.10+ */
		  background: -ms-linear-gradient(270deg, color($colors,primary) 0%, color($colors,primary) 59%, color($colors,gold) 100%); /* ie10+ */
		  background: linear-gradient(180deg, color($colors,primary) 0%, color($colors,primary) 59%, color($colors,gold) 100%); /* w3c */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='color($colors,primary)', endColorstr='color($colors,gold)',GradientType=0 ); /* ie6-9 */ 
		  color: color($colors,secondary);
		color: color($colors,secondary);;
		padding: 11px;
		padding-left: 20px;
		padding-right: 20px;
		border: 0;
		border-radius: 5px;
		font-size: 17px;
		float: right;
	}

	.card_curso_offline {
		font-size: 13px;
		background-color: #ffcd28;
		width: 100%;
		padding: 3px;
		text-align: center;
		color: #092e86;
	}
	button.yellow2 {
		color: gray;
		background-color: transparent;
		border: 1px solid color($colors,secondary);
		padding: 11px;
		padding-left: 20px;
		padding-right: 20px;
		border: 0;
		border-radius: 5px;
		font-size: 17px;
		width: 100%;
		float: right;
		text-align: right;
	}


	.popupRequest img {
		max-width: 30px;
		vertical-align: top;
	}
	.popupRequest { margin-top: 10px; margin-bottom: 10px; font-size: 18px; }
	.popupRequest input {
		border: 1px solid color($colors,secondary);
		padding: 6px;
	}
	.popupRequest select {
		border: 1px solid color($colors,secondary);
		padding: 6px;
	}
	.popupRequest button {
		text-transform: none !important;
	    min-width: 80px;
	    font-size: 20px;
	    color: color($colors,secondary);
	}
	.popupRequest h3, .notifyRequest h3 { font-size: 20px; }
	.opa5 {
		opacity: 0.8;
	}

	.notifyRequest img {
		max-width: 30px;
		vertical-align: top;
	}
	.notifyRequest { margin-top: 10px; margin-bottom: 10px; font-size: 18px; }
	.notifyRequest input {
		border: 1px solid color($colors,secondary);
		padding: 6px;
	}
	.notifyRequest select {
		border: 1px solid color($colors,secondary);
		padding: 6px;
	}
	.notifyRequest button {
		text-transform: none !important;
	    min-width: 80px;
	    font-size: 20px;
	    color: color($colors,secondary);
	}

	.red { color: red; }

	.enrolamiento {
		text-align: right;
	}
	.enrolamiento div {
		border: 1px solid gray;
		border-radius: 8px;
		padding: 6px;
		font-size: 14px;
		color: color($colors,secondary);
		width: auto;
		max-width: 220px;
		display: inline-block;
	}
}
