kiosk.import.less

.kiosk {
	.kioskEvent {
		.make-md-column(3);
		.make-xs-column(12);
		padding: 7px;
		height: 230px;
	}

	a {
		&:hover {
			text-decoration: none;
			.calendar_event {
				& > .course_event_desc {
					color: @brand-primary;
				}
			}
		}
		& > .calendar_event {
			width: 100%;
			height: 216px;
			background: @light-blue;
			overflow: hidden;
		}



		.calendar_event {

			.course_event_desc {
				& > p {
					max-height: 60px; //Ugly fix, has to fill the rest of the calendar event
				}
			}

			.kiosk_event_header {
				background: @brand-success;
				border-bottom: 3px solid @body-bg;
				color: @gray-base;
				font-size: large;
				color: @gray-base;
				padding-top: 10px;
				padding-bottom: 10px;
				border-bottom: 3px solid @body-bg;


				.kiosk_event_home {
					text-align: right;
				}
			}

			.course_event_title {
				& > h3 {
					color: @gray-base;
				}
			}
		}
	}

	.kiosk_events_ongoing_container {
		height: 250px;
		overflow: hidden;

		.kiosk_events_ongoing {
			.kioskEvent {
				.make-sm-column(2);
				.make-xs-column(4);
				padding: 7px;
				height: 200px;
				margin-bottom: 10px;
			}

			.calendar_event {
				height: 200px;
				background: rgba(250,150,00,0.3);
			}

			.kiosk_event_header {
				background: rgba(200,250,00,0.2);
				.kiosk_event_date {
					border: 1px solid @body-bg;
					border-radius: 1px !important;
				}

				.kiosk_event_home {
					padding: 0px !important;
					text-align: left;
				}
			}
		}
	}

	.kiosk_slim {
		overflow: hidden;
		background: @brand-success;
		border: 5px solid @body-bg;
		display: inline-block;
	}
}


.kiosk_header {
	h1 {
		a.dropdown-toggle {
			font-size: large;

			&:focus {
				text-decoration: none;
			}
		}
		
		ul.dropdown-menu {
			z-index: 1030;
		}
	}
}
// #backToKiosk {
// 	font-size: large;
// 	padding-top: 80px;
// }

// a#switch {
	// 	font-size: large;
	// }

// a#backToKiosk:hover {
// 	text-decoration: none;
// }