/*******************************************************************
	1. ALLGEMEIN
*******************************************************************/

*
{
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

html
{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}


body
{
	background: #e3eced !important;
	background: linear-gradient(90deg, #e3eced 100px, white 100px);
	font-size: 1em;
	line-height: 1.4em;
	color: #3c3c3b;
	font-family: 'SourceSansPro-Light', Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
}

.hyphenate
{
	word-wrap: break-word;
	overflow-wrap: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

b, strong
{
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
}

p 
{
	margin: 0px 0px 15px 0px;
	font-family: 'SourceSansPro-Light', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #dedc00;
}

a:hover, a:active, a:focus
{
	text-decoration: none;
	color: #dedc00;
	outline: none;
}

h1
{
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	/* text-transform: uppercase; */
	color: #dedc00;
}

@media screen and (min-width : 1024px) {
	h1
	{
		font-size: 1.7em;
	}
}

h2
{
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1em;
	margin: 45px 0px 15px 0px;
	/* text-transform: uppercase; */
}

h3
{
	font-family: 'SourceSansPro-Bold', Arial, sans-serif;
	font-size: 1em;
	line-height: 1em;
	margin: 45px 0px 15px 0px;
	/* text-transform: uppercase; */
}

.responsive_break
{
	display: none;
}

@media screen and (min-width : 767px) {
	.responsive_break
	{
		display: block;
	}
}

.responsive_space
{
	display: inline-block;
	margin: 0px 0px 0px 10px;
}

@media screen and (min-width : 767px) {
	.responsive_space
	{
		display: none;
	}
}
/*******************************************************************
	2. GRID
*******************************************************************/

[class^='column']
{
  width: 100%;
  clear: both;
}

@media screen and (min-width : 768px) {

	[class^='column']
	{
		clear: none;
		float: left;
	}

	.column_25
	{
		width: 25%;
	}

	.column_33
	{
		width: 33.33%;
	}

	.column_50
	{
		width: 50%;
	}

	.column_66
	{
		width: 66.66%;
	}

	.column_75
	{
		width: 75%;
	}

	.column_100
	{
		width: 100%;
	}
}

/*******************************************************************
	3. INDIVIDUELLE STYLES
*******************************************************************/

#container_popup
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 110;
	display: none;
}
	
	#wrap_popup
	{
		position: relative;
		width: 90vw;
		height: 90vw;
		top: calc(50% - 45vw);
		background: white;
		margin: auto auto;
		border-radius: 10px;
	}
	
	@media screen and (min-width : 767px) {
		#wrap_popup
		{
			position: relative;
			width: 500px;
			height: 500px;
			top: calc(50% - 250px);
			background: white;
			margin: auto auto;
			border-radius: 10px;
		}
	}
		#popup_close
		{
			position: absolute;
			background: white;
			width: 50px;
			height: 50px;
			top: -20px;
			right: -20px;
			border-radius: 25px;
			border: 3px solid #3c3c3b;
			padding: 4px 0px 0px 9px;
			cursor: pointer;
		}
		
			#popup_close > i
			{
				font-size: 1.8em;
			}
		
		#popup_content
		{
			padding: 40px;
			word-wrap: break-word;
		}
		
			.popup_headline
			{
				margin: 0px 0px 0px 0px;
			}
		
			.popup_link:link,
			.popup_link:visited,
			.popup_link:hover
			.popup_link:active,
			.popup_link:focus
			{
				position: absolute;
				background: rgb(19,191,181);
				background: linear-gradient(180deg, rgba(19,191,181,1) 0%, rgba(6,104,98,1) 100%);
				width: calc(100% - 80px);
				height: 50px;
				bottom: 40px;
				left: 40px;
				outline: none;
				text-align: center;
				display: block;
				color: white;
				padding: 11px 0px 0px 0px;
				font-family: 'SourceSansPro-Bold', Arial, sans-serif;
				text-decoration: none;
				border-radius: 8px;
			}


#container_menu
{
	display: none;
}

@media screen and (min-width : 767px) {
	#container_menu
	{
		display: block;
		position: relative;
		width: 100px;
		padding: 30px 0px 0px 0px;
		float: left;
	}
}

	#list_menu
	{
		width: 100%;
		overflow: hidden;
	}
	
		.item_menu
		{
			clear: both;
			width: 100%;
		}
		
			.item_menu > a:link, .item_menu > a:visited, .item_menu > a:hover, .item_menu > a:active, .item_menu > a:focus
			{
				color: #3c3c3b;
				outline: none;
				text-decoration: none;
				font-size: 0.875em;
			}
			
				.menu_icon
				{
					font-size: 1.8em;
					width: 100px;
					height: 50px;
					color: #748587;
					display: block;
					text-align: center;
					float: left;
				}
				
				.item_menu:first-child .menu_icon
				{
					color: #3c3c3b;
					color: #748587;
				}

#container_hero
{
	position: relative;
	width: 100%;
	height: 10.859375vw;
	background: url('../images/banner_stundenplan.png') 0px 0px no-repeat;
	background-size: cover;
	/* margin: 0px 0px 0px 250px; */
	margin: 0px 0px 0px 0px;
}


#container_contentbody
{
	position: relative;
	width: calc(100%);
	background: white;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width : 768px) {
	#container_contentbody
	{
		width: calc(100% - 100px);
		margin: 0px 0px 0px 100px;
	}
}

.container_content
{
	position: relative;
	display: inline-block;
	width: 100%;
	background: white;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px -6px 0px;
}

	.wrap_content
	{
		position: relative;
		width: 95%;
		background: white;
		margin: auto auto;
	}
	
		.course_unedited
		{
			/* font-family: 'SourceSansPro-Bold', Arial, sans-serif; */
		}
		
		.course_edited
		{
			color: rgb(195, 195, 195);
		}
	
		#select_application
		{
			display: block;
		}
		
		#dicipline_buttongroup,
		#application_buttongroup,
		#semester_buttongroup,
		#degree_buttongroup
		{
			clear: both;
			display: none;
			margin: 0px 0px 30px 0px;
		}
		
		@media screen and (min-width : 768px) {
			#dicipline_buttongroup,
			#application_buttongroup,
			#semester_buttongroup,
			#degree_buttongroup
			{
				clear: both;
				display: none;
				height: 50px;
				margin: 0px 0px 70px 0px;
			}
		}
		
		#degree_buttongroup
		{
			display: block;
		}
	
		.list_buttongroup,
		{
			overflow: hidden;
		}
			
			.item_button
			{
				background: rgb(238,238,238);
				background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(203,203,203,1) 100%);
				float: none;
				padding: 10px 10px 10px 10px;
			}
			
			@media screen and (min-width : 767px) {
				.item_button
				{
					float: left;
					border-right: 1px solid darkgray;
				}
			}
			
			.item_button:first-child
			{
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				border-bottom-left-radius: 0px;
				border-bottom-right-radius: 0px;
			}
			
			@media screen and (min-width : 767px) {
				.item_button:first-child
				{
					border-top-left-radius: 8px;
					border-top-right-radius: 0px;
					border-bottom-left-radius: 8px;
					border-bottom-right-radius: 0px;
				}
			}
			
			.item_button:last-child
			{
				border-right: none;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
			}
			
			@media screen and (min-width : 767px) {
				.item_button:last-child
				{
					border-top-left-radius: 0px;
					border-top-right-radius: 8px;
					border-bottom-left-radius: 0px;
					border-bottom-right-radius: 8px;
				}
			}
			
			#button_requirement
			{
				margin: 0px 0px 0px 20px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
			}
			
			#button_SCPS
			{				
				border-right: none;
				border-top-right-radius: 8px;
				border-bottom-right-radius: 8px;
				
			}
			
			.item_button:hover
			{
				background: rgb(238,238,238);
				background: linear-gradient(180deg, rgba(203,203,203,1) 0%, rgba(238,238,238,1) 100%);
				cursor: pointer;
			}
			
				.check_multiselect
				{
					display: none;
				}
				
				.button_checked,
				.button_checked:hover
				{
					background: rgb(19,191,181);
					background: linear-gradient(180deg, rgba(6,104,98,1) 0%, rgba(19,191,181,1) 100%);
					color: white;
				}
	
		#list_services
		{
			position: relative;
			widows: 100%;
			overflow: hidden;
			margin: 0px 0px 0px 0px;
			padding: 5px;
		}
		
			.item_service
			{
				position: relative;
				background: white;
				display: block;
				width: calc(20% - 22px);
				padding: 30px;
				margin: 0px 20px 20px 0px;
				float: left;
				border-radius: 10px;
				box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
			}
			
			.item_service:nth-child(5n)
			{
				margin: 0px 0px 20px 0px;
			}
			
				.service_link:link,
				.service_link:visited
				{
					position: absolute;
					top: 0px;
					left: 0px;
					display: block;
					background: transparent;
					transition: background 0.5s ease;
					width: 100%;
					height: 100%;
					border-radius: 10px;
				}
			
				.service_link:hover,
				.service_link:active,
				.service_link:focus
				{
					background: rgba(0, 0, 0, 0.05);
				}
				
				.list_serviceribbon
				{
					position: absolute;
					width: 25px;
					top: 0px;
					right: 10px;
					display: inline-block;
					padding: 0px;
					box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
				}
				
					.item_serviceribbon
					{
						background: white;
						width: 25px;
						height: 7px;
					}
					
					.item_serviceribbon:first-child
					{
						height: 25px;
					}
					
						.ribbon_tuc
						{
							background: #008048;
						}
						
						.ribbon_ostfalia
						{
							background: #009eeD;
						}
						
						.ribbon_teacher
						{
							background: yellow;
						}
						
						.ribbon_student
						{
							background: purple;
						}
						
						.ribbon_coordinator
						{
							background: blue;
						}
			
				.item_service > img
				{
					width: 30%;
					margin: 0px 0px 30px 35%;
				}
				
				.item_service > h2
				{
					font-family: 'SourceSansPro-Regular', Arial, sans-serif;
					font-size: 1em;
					line-height: 1em;
					text-align: center;
					margin: 0px 0px 10px 0px;
				}
				
				.item_service > p
				{
					font-size: 0.875em;
					text-align: center;
					margin: 0px 0px 0px 0px;
				}
				
		.filters
		{
			padding: 0px 5px 0px 5px;
			margin: 0px 0px 30px 0px;
		}
		
		.filters:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
			.ui-group
			{
				margin: 0px 30px 0px 0px;
				float: left;
			}
			
				.button 
				{
					display: inline-block;
					padding: 0.5em 1.0em;
					background: #EEE;
					border: none;
					border-radius: 7px;
					background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
					color: #222;
					font-family: sans-serif;
					font-size: 16px;
					text-shadow: 0 1px white;
					cursor: pointer;
				}
				
				.button:hover
				{
					background-color: #8CF;
					text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
					color: #222;
				}
				
				.button:active,
				.button.is-checked
				{
					background-color: #28F;
				}
				
				.button.is-checked
				{
					color: white;
					text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
				}
				
				.button:active
				{
					box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
				}
				
				/* ---- button-group ---- */
				
				.button-group:after
				{
					content: '';
					display: block;
					clear: both;
				}
				
				.button-group .button
				{
					float: left;
					border-radius: 0;
					margin-left: 0;
					margin-right: 1px;
				}
				
				.button-group .button:first-child
				{
					border-radius: 0.5em 0 0 0.5em;
				}
				
				.button-group .button:last-child
				{
					border-radius: 0 0.5em 0.5em 0;
				}
		
		#container_weekpicker
		{
			position: relative;
			width: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
		}
			
		@media screen and (min-width : 767px) {	
			#container_weekpicker
			{
				width: 615px;
				height: 50px;
				margin: 0px 0px 10px calc(100% - 615px);
			}
		}
			
			#list_weekpicker,
			#list_options
			{
				position: relative;
				width: 100%;
				overflow: hidden;
			}
			
			@media screen and (min-width : 767px) {
				#list_weekpicker,
				#list_options
				{
					position: absolute;
					height: 50px;
					right: 10px;
				}
			}
			
				.item_weekpicker,
				.item_options
				{
					background: rgb(238,238,238);
					background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(203,203,203,1) 100%);
					height: 46px;
					float: none;
					text-align: center;
					padding: 10px 15px 0px 15px;
				}
				
				@media screen and (min-width : 767px) {
					.item_weekpicker,
					.item_options
					{
						float: right;
						border-right: 1px solid darkgray;
					}
					
					.item_options
					{
						float: left;
					}
				}
				
				.item_weekpicker:first-child
				{
					border-right: none;
					border-top-right-radius: 8px;
					border-bottom-right-radius: 0px;
					border-top-left-radius: 8px;
					border-bottom-left-radius: 0px;
				}
				
				@media screen and (min-width : 767px) {
					.item_weekpicker:first-child
					{
						border-right: none;
						border-top-right-radius: 8px;
						border-bottom-right-radius: 8px;
						border-top-left-radius: 0px;
						border-bottom-left-radius: 0px;
					}
				}
				
				.item_weekpicker:last-child
				{
					border-top-left-radius: 0px;
					border-bottom-left-radius: 8px;
					border-top-right-radius: 0px;
					border-bottom-right-radius: 8px;
				}
				
				@media screen and (min-width : 767px) {
					.item_weekpicker:last-child
					{
						border-top-left-radius: 8px;
						border-bottom-left-radius: 8px;
						border-top-right-radius: 0px;
						border-bottom-right-radius: 0px;
					}
				}
				
				.item_weekpicker:nth-last-child(2)
				{
					border-top-right-radius: 0px;
					border-bottom-right-radius: 0px;
					border-top-left-radius: 0px;
					border-bottom-left-radius: 0px;
					margin: 0px 00px 0px 0px;
					border-right: none;
					margin: 15px 0px 0px 0px;
				}
				
				@media screen and (min-width : 767px) {
					.item_weekpicker:nth-last-child(2)
					{
						border-top-right-radius: 8px;
						border-bottom-right-radius: 8px;
						border-top-left-radius: 0px;
						border-bottom-left-radius: 0px;
						margin: 0px 20px 0px 0px;
					}
				}
				
				.item_weekpicker:nth-last-child(3)
				{
					border-top-left-radius: 0px;
					border-bottom-left-radius: 0px;
					border-top-right-radius: 0px;
					border-bottom-right-radius: 0px;
				}
				
				@media screen and (min-width : 767px) {
					.item_weekpicker:nth-last-child(3)
					{
						border-top-left-radius: 8px;
						border-bottom-left-radius: 8px;
						border-top-right-radius: 0px;
						border-bottom-right-radius: 0px;
					}
				}
				
				.item_weekpicker:hover
				{	
					background: rgb(238,238,238);
					background: linear-gradient(180deg, rgba(203,203,203,1) 0%, rgba(238,238,238,1) 100%);
					cursor: pointer;
				}
				
		#timetable_legend
		{
			display: none;
		}
		
		@media screen and (min-width : 767px) {
			#timetable_legend
			{
				position: relative;
				display: block;
				width: 700px;
				height: 50px;
				margin: 0px 0px 10px calc(100% - 715px);
			}
		}
		
			#list_legend
			{
				width: 100%;
				overflow: hidden;
			}
			
				.item_legend
				{
					float: right;
					margin: 0px 0px 0px 25px;
					padding: 10px 0px 0px 0px
				}
					
					.legend_blue,
					.legend_orange,
					.legend_red
					{
						position: relative;
						top: 4px;
						display: inline-block;
						width: 20px;
						height: 20px;
						border-radius: 10px;
						background: rgb(156,198,215);
						margin: 0px 5px 0px 0px;
					}
					
					.legend_orange
					{
						background: rgb(242,200,165);
					}
					
					.legend_red
					{
						background: rgb(179,147,153);
					}
		
		#powertable_form,
		.powertable_form_fixed
		{
			display: none;
			position: relative;
			background: white;
			width: calc(40% - 10px);
			margin: 0px 0px 50px 0px;
			padding: 30px;
			border-radius: 10px;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
			overflow: hidden;
		}
		
		.powertable_form_fixed
		{
			display: none;
			margin: 20px 0px 20px 0px;
		}
			
			.powertable_input,
			.powertable_textarea,
			.powertable_select
			{
				background: #f1f1f1;
				width: 100%;
				margin: 0px 0px 20px 0px;
				border: none;
				padding: 10px;
				outline: none;
				font-family: 'SourceSansPro-Regular', Arial, sans-serif;
				font-size: 0.875em;
				color: #3c3c3b;
			}
			
			.powertable_textarea
			{
				height: 150px;
			}
			
			.powertable_select
			{
				
			}
		
		#timetable_container
		{
			overflow-x: auto;
			padding: 3px;
		}
		
		#powertable
		{
			position: relative;
			width: 1500px;
			border-radius: 10px;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		}
		
		@media screen and (min-width : 767px) {
			#powertable
			{
				position: relative;
				width: calc(100% - 10px);
			}
		}
		
			#list_days
			{
				background: #f2f2f2;
				width: 100%;
				overflow: hidden;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				border-bottom: 1px solid #b1b1b1;
			}
			
			#powertable_submit,
			#powertable_reset,
			#powertable_delete
			{
				background: #9ccd97;
				padding: 10px 20px 10px 20px;
				margin: 0px 0px 0px 0px;
				border: none;
				font-family: 'SourceSansPro-Regular', Arial, sans-serif;
				color: white;
				font-size: 0.875em;
				float: left;
				cursor: pointer;
				border-radius: 8px;
				
			}
			
			#powertable_submit
			{
				font-family: 'SourceSansPro-Bold', Arial, sans-serif;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
			}
			
			#powertable_reset
			{
				background: #dcdfe2;
				color: grey;
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
			}
			
			#powertable_delete
			{
				display: none;
				position: absolute;
				font-family: 'SourceSansPro-Bold', Arial, sans-serif;
				background: #e35b53;
				color: white;
				right: 30px;
			}
			
				.item_days
				{	
					width: 15%;
					float: left;
					text-align: center;
					padding: 10px 10px 10px 10px;
					border-right: 1px solid #b1b1b1;
				}
				
				.item_days:first-child
				{
					width: 10%;
					border-right: none;
				}
				
				.item_days:nth-child(2)
				{
					border-left: 1px solid #b1b1b1;
				}
				
				.item_days:last-child
				{
					border-right: none;
				}
				
			#list_hours
			{
				width: calc(10% + 1px);
				background: #f2f2f2;
				border-right: 1px solid #b1b1b1;
				border-bottom-left-radius: 10px;
			}
		
				.item_hours
				{
					width: 100%;
					height: 80px;
					text-align: center;
					padding: 0px 0px 0px 0px;
					border-bottom: 1px solid #b1b1b1;
				}
			
				.item_hours:last-child
				{
					border-bottom: none;
				}
				
			#wrap_courses
			{
				position: absolute;
				background: red;
				width: 90%;
				top: 47px;
				left: 10%;
			}
			
				.courseblock
				{
					position: absolute;
					background: red;
					background: rgba(255,0,0,0.7);
					width: calc(16.6666666667% - 20px);
					top: 0px;
					left: 0px;
					margin: 0px 0px 0px 10px;
					font-size: 1rem;
					padding: 10px;
					border-radius: 8px;
					box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
					overflow: hidden;
				}
				
					.popuplink
					{
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0px;
						left: 0px;
						cursor: pointer;
					}
				
					.powertable_link:link,
					.powertable_link:visited
					{
						position: absolute;
						bottom: 5px;
						right: 10px;
						z-index: 100;
					}
				
				.course_orange
				{
					background: rgba(242,142,57,0.5);
				}
			
					.course_orange > .course_link:link,
					.course_orange > .course_link:visited
					{
						position: absolute;
						display: block;
						width: 100%;
						height: 100%;
						top: 0px;
						left: 0px;
						z-index: 100;
						cursor: pointer;
						border: 1px solid rgba(242,142,57,0.9);
						border-radius: 8px;
						z-index: 1;
					}
				
				.course_red
				{
					background: rgba(113,34,51,0.5);
				}
				
					.course_red > .course_link:link,
					.course_red > .course_link:visited
					{
						position: absolute;
						display: block;
						width: 100%;
						height: 100%;
						top: 0px;
						left: 0px;
						z-index: 100;
						cursor: pointer;
						border: 1px solid rgba(113,34,51,0.9);
						border-radius: 8px;
					}
				
				.course_blue
				{
					background: rgba(0,159,195,0.5);
				}
		
					.course_blue > .course_link:link,
					.course_blue > .course_link:visited
					{
						position: absolute;
						display: block;
						width: 100%;
						height: 100%;
						top: 0px;
						left: 0px;
						z-index: 100;
						cursor: pointer;
						border: 1px solid rgba(0,159,195,0.9);
						border-radius: 8px;
					}
					
				.course_turquoise
				{
					background: #188c85;
				}
				
					.course_turquoise > .course_link:link,
					.course_turquoise > .course_link:visited
					{
						position: absolute;
						display: block;
						width: 100%;
						height: 100%;
						top: 0px;
						left: 0px;
						z-index: 100;
						cursor: pointer;
						border: 1px solid #188c85;
						border-radius: 8px;
					}
					
				.course_ostfalia
				{
					background: #acc9ee;
					background: rgba(172,201,238,0.7);
				}
				
				.course_tu_clausthal
				{
					background: #9ed4ae;
					background: rgba(158,221,174,0.7);
				}
				
					.course_title
					{
						font-family: 'SourceSansPro-Bold', Arial, sans-serif;
						font-size: 0.875em;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
					
					.course_description
					{
						
					}
					
		.blockcourses
		{
			position: relative;
			width: 100%;
			border-radius: 10px;
			box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
			margin: 30px 0px 0px 0px;
			border-radius: 8px;
		}
					
		@media screen and (min-width : 767px) {
			.blockcourses
			{
				width: calc(100% - 10px);
				
			}
		}
		
			.list_blockcoures
			{	
				width: 100%;
			}
			
				.item_blockcourse
				{
					position: relative;
					width: 100%;
					padding: 20px;
					border-top: 1px solid #b1b1b1;
					
				}
			
				@media screen and (min-width : 767px) {
					.item_blockcourse
					{
						height: 90px;
						
					}
				}
								
					.item_blockcourse_blue
					{
						border-left: 7px solid rgba(0,159,195,0.5);
					}
													
					.item_blockcourse_orange
					{
						border-left: 7px solid rgba(242,142,57,0.5);
					}
					
					.item_blockcourse_red
					{
						border-left: 7px solid rgba(113,34,51,0.5);
					}
				
				.item_blockcourse:first-child
				{
					border-top: none;
					border-top-left-radius: 8px;
				}
				
				.item_blockcourse:last-child
				{
					border-bottom-left-radius: 8px;
				}
				
					.blockcourse_date_time
					{
						position: relative;
						width: 100%;
					}
				
					@media screen and (min-width : 767px) {
						.blockcourse_date_time
						{
							position: absolute;
							width: 150px;
						}
					}
					
					.blockcourse_title_lecturer
					{
						position: relative;
						width: 100%;
						left: 0px;
					}
					
					@media screen and (min-width : 767px) {
						.blockcourse_title_lecturer
						{
							position: absolute;
							width: calc(100% - 330px);
							left: 180px;
						}
					}
					
					.blockcourse_information,
					.weeklycourse_information
					{
						position: absolute;
						width: 110px;
						right: 20px;
						padding: 14px 0px 0px 0px;
						z-index: 100;
					}
					
					.weeklycourse_information
					{
						right: 10px;
						bottom: 10px;
					}
										
						.blockcourse_information > a:link > i,
						.blockcourse_information > a:visited > i,
						.blockcourse_information > a:hover > i,
						.blockcourse_information > a:active > i,
						.blockcourse_information > a:focus > i,
						.weeklycourse_information > a:link > i,
						.weeklycourse_information > a:visited > i,
						.weeklycourse_information > a:hover > i,
						.weeklycourse_information > a:active > i,
						.weeklycourse_information > a:focus > i
						{
							margin: 0px 0px 0px 10px;
							color: #3c3c3b;
							outline: none;
							float: right;
						}