//body.active-popup{
//	max-height: 100vh;
//	overflow: hidden;
//	#wrapper-container{
//		height: 100%;
//		overflow: hidden;
//	}
//}
.user-profile-edit-form h3.title{
	text-transform: uppercase;
}
.user-profile-edit-form .user-profile-picture img{
	border-radius: 50%;
}
.hide-if-js{
	display: none !important;
}
#your-profile{
	.title{
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	input,select{
		width: 250px;
		max-width: 100%;
	}
	textarea{
		width: 100%;
		max-width: 100%;
	}
	input[type=submit]{
		width: auto;
		color: @thim_font_title_color;
		background: @thim_body_primary_color;
		&:hover{
			background: @thim_button_hover_color;
			color: @thim_font_title_color;
		}
	}
	label{
		display: block;
		color: #333;
		font-weight: 700;
	}
	.info-field{
		display: block;
		overflow: hidden;
		clear: both;
		&.end-box{
			margin-bottom: 50px;
		}
	}
	.change-password{
		margin-bottom: 0;
		display: block;
		padding-bottom: 20px;
	}
	.link-change-password{
		color: @thim_body_primary_color;
		display: inline-block;
		margin-bottom: 0;
		&:hover{
			text-decoration: underline;
		}
	}
	#user_profile_password_form{
		margin-bottom: 0;
		padding-top: 15px;
	}
}
body{
	#course-curriculum-popup{
		background: rgba(0,0,0,0.75);
		#popup-header{
			background: @thim_body_primary_color;
			left: 0;
			height: 90px;
			right: 0;
			position: absolute;
			z-index: 999;
			.courses-searching{
				position: relative;
				line-height: 90px;
				.form-control{
					background: transparent;
					border: transparent;
					box-shadow: none;
					padding-left: 70px;
					color: rgba(255, 255,255, 0.65);
					line-height: 90px;
					height: 90px;
					font-size: 16px;
					max-width: 400px;
					&::-webkit-input-placeholder {
						color: rgba(255, 255,255, 0.65);
					}
					&:-moz-placeholder { /* Firefox 18- */
						color: rgba(255, 255,255, 0.65);
					}
					&::-moz-placeholder { /* Firefox 19+ */
						color: rgba(255, 255,255, 0.65);
					}
					&:-ms-input-placeholder {
						color: rgba(255, 255,255, 0.65);
					}
					&:focus {
						&::-webkit-input-placeholder {
							color: transparent;
						}
						&:-moz-placeholder { /* Firefox 18- */
							color: transparent;
						}
						&::-moz-placeholder { /* Firefox 19+ */
							color: transparent;
						}
						&:-ms-input-placeholder {
							color: transparent;
						}
					}
				}
				button{
					top: 0;
					bottom: 0;
					width: 70px;
					left: 0;
					background: transparent;
					color: #fff;
					text-align: center;
					position: absolute;
					line-height: 90px;
					height: 90px;
					font-size: 23px;
					padding: 0;
					.fa{
						line-height: 90px;
					}
				}
				.courses-list-search{
					color: #666;
					margin: 0;
					overflow: hidden;
					line-height: 30px;
					background: #f6f6f6;
					border: none;
					min-width: 270px;
					position: absolute;
					height: calc(~"100vh - 90px");
					height: -webkit-calc(~"100vh - 90px");
					height: -moz-calc(~"100vh - 90px");
					width: 100%;
					visibility: hidden;
					padding-left: 50px;
					overflow: hidden;
					.transition(none);
					cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUNEQkY4MkZBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUNEQkY4MzBBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQ0RCRjgyREFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQ0RCRjgyRUFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlMNdGQAAAB2SURBVHjavJRRFoAgCAQZ73/nen1aYixQ/MoOyKKY2WFzYHpMjPGWoAI9qAJe5g1VEDknAEAsCNFEJQ+lg2hhGtx/cCi6v2RQcN/Vk12bnfbXTttnWnZ/dMzwrvv0RbW//ZYrR78+Muu0g5JdJw9KZZ2uOAUYAEC8HRoqW0/5AAAAAElFTkSuQmCC'),progress;
					&.search-visible{
						visibility: visible;
					}
					li{
						list-style: none;
						line-height: 30px;
						padding: 0px 20px;
						height: 30px;
						display: block;
						&:first-child{
							margin-top: 20px;
						}
						a{
							display: inline-block;
							line-height: 30px;
							.transition(none);
							color: #333;
							&:hover{
								text-decoration: underline;
							}
						}
					}
				}
			}

			.popup-title{
				font-size: 23px;
				margin: 0 auto;
				line-height: 90px;
				height: 90px;
				padding-left: 30px;
				font-weight: 700;
				z-index: 1005;
				padding-right: 100px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				color: #333;
				.index{
					color: #fff;
					margin-right: 10px;
				}
			}
			.popup-close{
				width: 90px;
				height: 90px;
				line-height: 90px;
				text-transform: none;
				text-align: center;
				color: #fff;
				font-size: 13px;
				font-weight: 700;
				z-index: 99999;
				position: absolute;
				top: 0;
				right: 0;
				cursor: pointer;
				.fa{
					font-size: 29px;
					vertical-align: middle;
				}
				background: @thim_button_hover_color;
				.opacity(0.7);
				&:hover{
					background: @thim_button_hover_color;
					.opacity(1);
				}
				&:before, &:after{
					display: none;
				}
			}
		}
		#popup-sidebar{
			width: 417px;
			overflow-x: hidden;
			overflow-y: auto;
			top: 90px;
			z-index: 2;
			border-right: 0;
			#learn-press-course-curriculum{
				width: 400px;
				position: relative;
				border-top: 1px solid #eee;
				padding-top: 30px;
				&:before{
					height: 100%;
					content: '';
					position: absolute;
					left: 399px;
					width: 1px;
					background: #eee;
					top: 0;
					bottom: 0;
					z-index: 10;
					min-height: calc(~"100vh - 200px");
					min-height: -webkit-calc(~"100vh - 200px");
					min-height: -moz-calc(~"100vh - 200px");
				}
			}
		}
		#popup-main{
			z-index: 3;
			width: calc(~"100% - 400px");
			width: -webkit-calc(~"100% - 400px");
			width: -moz-calc(~"100% - 400px");
			max-width: 100%;
			left: auto;
			right: 0;
			padding-top: 90px;
			height: 100vh;
			overflow: hidden;
			#popup-content{
				top: auto;
				bottom: auto;
				left: auto;
				right: auto;
				position: relative;
				width: 100%;
				height: 100%;
				#popup-content-inner{
					overflow: hidden;
					margin: 0;
				}
			}
		}

	}

	iframe{
		width: 100%;
	}

	#learn-press-block-content {
		position: fixed;
		z-index: 99999999;
		left: 400px;
		top: 90px;
		right: 0;
		bottom: 0;
		background: none;
		width: auto;
		height: auto;
		overflow: hidden;
		.thim-box-loading-container{
			background: #fff;
			width: 100%;
			height: 100%;
			position: absolute;
			overflow: hidden;
			visibility: hidden;
			&.visible{
				visibility: visible;
			}
		}
		.cssload-container{
			display: block;
			width: 97px;
			top: 50%;
			left: 50%;
			margin-left: -49px;
			position: absolute;
			margin-top: -10px;
		}
		&:before,&:after{
			display: none;
		}
		.thim-loading-container{
			width: 100%;
			max-width: 100%;
			background: #fff;
			margin: 0 auto;
			.opacity(0);
			&.visible{
				.opacity(1);
			}
		}
	}
	#popup_container{
		#popup_title{
			background: @thim_body_primary_color;
			color: @thim_font_title_color;
		}
	}
	#popup_panel{
		#popup_ok{
			background: @thim_body_primary_color;
			color: @thim_font_title_color;
			&:hover{
				background: @thim_button_hover_color;
			}
		}
	}
}

#learn-press-content-item{
	.learn-press-video-intro{
		width: 100%;
		background: #000;
		.video-content{
			max-width: 850px;
			margin: auto;
			overflow: hidden;
		}
	}
	.learn-press-content-item-container{
		width: 700px;
		margin: auto;
		overflow: hidden;
		padding-bottom: 40px;
		padding-top: 30px;
		max-width: 100%;
	}
}

.quiz-buttons{
	overflow: hidden;
	button{
		margin-bottom: 15px;
	}
	.button-hint,
	.button-next-question,
	.button-check-answer,
	.button-prev-question{
		display: inline-block;
		margin-right: 13px;
		background: @thim_font_title_color;
		color: #fff;
		&:hover{
			background: @thim_body_primary_color;
			color: @thim_font_title_color;
		}
	}
	.finish-quiz{
		overflow: hidden;
		clear: both;
	}
	.button-finish-quiz{
		float: left;
		clear: both;
	}
}
.complete-lesson-button{
	margin-top: 15px;
	&.completed {
		background: #54B551;
		color: #fff;
	}
}
.thim-course-megamenu .course-meta{
	margin-bottom: 0;
}
#profile-picture-picture{
	margin-top: 10px;
}

.thim-curriculum-buttons{
	display: block;
	overflow: hidden;
	>button{
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 40px;
	}
	.learn-press-popup-certificate{
		background: #54B551;
		color: #fff;
	}
}
body .learn-press-cert-preview.popup:before{
	height: 150%;
}
#learn-press-course-curriculum ul.curriculum-sections,
#learn-press-course-curriculum ul.section-content,
#learn-press-course-curriculum .section-header{
	background: transparent;
}

#popup-sidebar{
	.thim-curriculum-buttons{
		padding: 0 20px;
	}
	#learn-press-course-curriculum ul.curriculum-sections{
		.section:first-child{
			.section-header{
				margin-top: 0;
				border-top: 0;
			}
		}
		.section-header{
			padding-left: 73px;
			line-height: 25px;
			margin-bottom: 28px;
			margin-top: 28px;
			.collapse{
				left: 18px;
				top: -8px;
			}
			.meta{
				line-height: 25px;
				right: 18px;
			}
		}
		.section-desc{
			margin-top: -5px;
		}
		.section-content{
			.course-lesson,
			.course-quiz{
				line-height: 20px;
				padding: 15px 23px 13px 18px;
				.course-item-title,
				span{
					line-height: 20px;
				}
				.meta-left{
					min-width: 55px;
					.label{
						display: none;
					}
				}
				.meta-center{
					max-width: calc(~"100% - 55px");
					max-width: -webkit-calc(~"100% - 55px");
					max-width: -moz-calc(~"100% - 55px");
					width: 100%;
					padding-top: 0;
					padding-bottom: 0;
					line-height: 20px;
				}
				.index{
					line-height: 20px;
					min-width: 30px;
				}
				.meta{
					display: block;
					float: none;
					clear: both;
					padding-top: 3px;
					padding-left: 55px;
				}
			}
		}
	}
	.section-desc{
		padding: 0px 23px 0px 18px;
	}
	.learn-press-breadcrumb{
		background: #f9fafa;
		padding: 20px 23px 25px 18px;
		margin: 0;
		a{
			font-size: 13px;
			font-weight: 400;
			text-transform: uppercase;
			line-height: 30px;
			display: inline-block;
			color: @thim_body_primary_color;
		}
		.fa{
			line-height: 30px;
			display: inline-block;
			font-size: 15px;
			padding: 0 12px;
			color: @thim_body_primary_color;
		}
		.item-name{
			display: block;
			font-size: 22px;
			color: #999;
			line-height: 1.3;
			padding-top: 9px;
		}
	}
}

.lesson-heading{
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px;
}
.lesson-image{
	display: block;
	background: #000;
	img{
		margin: auto;
		display: block;
	}
}

body.content-item-only{
	&.admin-bar{
		margin-top: -32px;
		#wpadminbar{
			display: none;
		}
	}

	.learn-press-content-item-only{
		padding: 0;
	}
}

//Responsive popup lesson & quiz
@media( max-width: 1366px ) {
	body #course-curriculum-popup{
		#popup-header {
			height: 70px;
			.popup-close {
				width: 70px;
				height: 70px;
				line-height: 70px;
			}
			.courses-searching {
				.form-control {
					line-height: 70px;
					height: 70px;
				}
				button {
					line-height: 70px;
					height: 70px;
					.fa {
						line-height: 70px;
					}
				}
			}
		}
		#popup-sidebar{
			top: 70px;
			width: 367px;
			#learn-press-course-curriculum{
				width: 350px;
				&:before{
					left: 349px;
				}
			}
		}
		#popup-main{
			padding-top: 70px;
			width: calc(~"100% - 350px");
			width: -webkit-calc(~"100% - 350px");
			width: -moz-calc(~"100% - 350px");
		}
	}
	body #learn-press-block-content{
		left: 350px;
		top: 70px;
	}
	body #course-curriculum-popup #popup-header .courses-searching .courses-list-search{
		height: calc(~"100vh - 70px");
		height: -webkit-calc(~"100vh - 70px");
		height: -moz-calc(~"100vh - 70px");
	}
}

@media( max-width: 1024px ) {
	#course-curriculum-popup{
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	body #course-curriculum-popup{
		background: #fff;
		overflow: auto;
		width: 100vw;
		height: 100vh;
		#popup-sidebar{
			width: 100%;
			top: auto;
			position: relative;
			float: none;
			clear: both;
			max-width: 700px;
			margin: auto;
			border-right: 0;
			padding-bottom: 50px;
			padding-top: 30px;
			#learn-press-course-curriculum{
				width: 100%;
				&:before{
					display: none;
				}
			}
		}
		#popup-main{
			width: 100%;
			float: none;
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			bottom: auto;
			height: auto;
			#popup-content{
				#popup-content-inner{
					margin: 0;
					iframe{
						position: relative;
						top: auto;
						left: auto;
						height: auto;
						body.content-item-only .learn-press-content-item-only{
							background: red;
						}
					}
				}
			}
		}
	}
	body #course-curriculum-popup #popup-header{
		//position: fixed;
	}
	body.content-item-only {
		.learn-press-content-item-only {
			position: relative;
			left: auto;
			top: auto;
			height: auto;
			overflow: hidden;
			padding: 0;
		}
		#learn-press-content-item{
			overflow: hidden;
		}
	}
	body #learn-press-block-content{
		left: 0;
		top: 0;
	}
}

@media( max-width: 875px ) {
	#learn-press-content-item .learn-press-video-intro .video-content{
		max-width: 100%;
		iframe{
			max-width: 100vw;
			max-height: 56vw;
		}
	}
}
@media( max-width: 730px ) {
	body.content-item-only.admin-bar {
		margin-top: -46px;
	}
}

@media( max-width: 730px ) {
	body #course-curriculum-popup{
		#popup-sidebar{
			padding-left: 30px;
			padding-right: 30px;
		}
	}
	#learn-press-content-item .learn-press-content-item-container{
		padding-left: 30px;
		padding-right: 30px;
	}
}


body.content-item-only .learn-press-content-item-only{
	max-width: 100vw;
}