html, body {
}

img,
video,
audio {
	width: 100%;
	border-radius: 12px;
}
video {
	background-color: #efefef;
}
audio {
	outline: none;
}
iframe {
	width: 100%;
	min-height: 480px;
	border-radius: 12px;
}

textarea {
	resize: none;
	height: 150px;
}


.scroll-hidden {
	overflow: hidden;
}
.scroll-hidden body {
	overflow-y: scroll;
}


.hidden {
	display: none;
}

.clickable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cursor-pointer {
	cursor: pointer;
}

.container {
	position: relative;
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}
.container.medium {
	width: 900px;
}
.container.small {
	width: 600px;
}


.content-wrapper {
}


.placeholder {
	position: absolute;
	opacity: 0.5;
}
iframe.pdf-document {
	height: 80vh;
}







.loading-data {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 2;
}

.inline-loading {
	margin-bottom: 50px;
}


.uk-alert {
	border-radius: 12px;
}

.uk-form-label {
	margin-bottom: 8px;
	display: inline-block;
}
.uk-text-center .uk-form-label {
	margin-left: 0;
}

.drop-down-button {
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	border: none;
}
.uk-dropdown {
	border-radius: 10px;
	margin-top: 0;
}
.uk-dropdown-nav>li>a {
	padding: 10px 0;
}

.uk-input, .uk-select {
	border-radius: 12px;
}
.uk-input {
	padding: 3px 15px;
	height: 46px;
}
.uk-form-icon:not(.uk-form-icon-flip)+.uk-input {
	padding-left: 50px!important;
}
.uk-form-icon {
	margin-left: 10px;
}
.uk-textarea {
	padding: 15px;
	border-radius: 10px;
}
.uk-select, .uk-select:not([multiple]):not([size]) {
	background-position: 97% 50%;
	height: 46px;
	padding: 3px 35px 3px 15px;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
	border-color: #eD6F7C;
}


.uk-checkbox {
	padding: 10px;
	border-radius: 4px;
	margin-right: 6px;
	background-color: #fff;
}
.uk-checkbox:focus, .uk-radio:focus {
	border-color: #eD6F7C;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked,
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
	background-color: #eD6F7C;
}


.uk-button {
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
}

.uk-button .uk-icon {
	position: relative;
	top: -2px;
	left: 1px;
}

.uk-button.uk-button-default {
	background-color: #fff;
	opacity: 0.9;
}
.uk-button.uk-button-default:active,
.uk-button.uk-button-default:focus,
.uk-button.uk-button-default:hover {
	opacity: 1;
}

.uk-button.uk-button-primary {
	background-color: #eD6F7C;
	opacity: 0.9;
}
.uk-button.uk-button-primary:active,
.uk-button.uk-button-primary:focus,
.uk-button.uk-button-primary:hover {
	border-color: #eD6F7C;
	background-color: #eD6F7C;
	opacity: 1;
}
.uk-button.uk-button-secondary {
	background-color: #3b444f;
	opacity: 0.9;
}
.uk-button.uk-button-danger:active,
.uk-button.uk-button-danger:focus,
.uk-button.uk-button-danger:hover {
	background-color: #eD6F7C;
	opacity: 1;
}

.uk-button.uk-button-danger {
	background-color: #eD6F7C;
	opacity: 0.9;
}
.uk-button.uk-button-danger:active,
.uk-button.uk-button-danger:focus,
.uk-button.uk-button-danger:hover {
	background-color: #eD6F7C;
	opacity: 1;
}

.uk-button.uk-button-primary .uk-icon,
.uk-button.uk-button-danger .uk-icon {
	color: #fff;
}

.uk-button-dot {
	padding: 2px;
	margin-left: 5px;
	width: 44px;
	height: 44px;
}
.mini-select {
	width: 200px;
	margin-right: 10px;
}


*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
	margin: 0;
}


.uk-notification-bottom-center, .uk-notification-top-center {
	margin-left: -240px;
	width: 480px;
}
.uk-notification-message {
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
	padding: 15px 22px;
}
.uk-notification-message .uk-close {
	color: #fff;
}
.uk-notification-message-success {
	background-color: #66d0a1;
}
.uk-notification-message-danger {
	background-color: #e03535;
}

.upload-button {
	position: relative;
	overflow: hidden;
}
.upload-button input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	padding: 100px;
	cursor: pointer;
}

.circle-button {
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	border: none;
}
.circle-button.big {
	width: 82px;
	height: 82px;
}
.circle-button.big .uk-icon {
	position: relative;
	top: 1px;
	left: 2px;
}

.overflow {
	overflow: auto;
}

.uk-link:hover, 
a:hover {
	color: #eD6F7C;
}

.relative {
	position: relative;
}

.clear-search {
	position: absolute;
	padding: 10px;
	top: 0;
	right: 10px;
	cursor: pointer;
}

.table-container.admin-table .uk-table {
	padding: 4px 12px;
	line-height: 44px;
}


/* UPLOADER */

.image-uploader {
	position: relative;
	overflow: hidden;
	min-height: 200px;
}
.image-uploader .image-block {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.image-uploader .upload-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	padding: 1000px;
	cursor: pointer;
}
.image-uploader .info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out;
	opacity: 0;
	display: flex;
}
.image-uploader .image-block:hover .info {
	opacity: 1;
}
.image-uploader .uk-button .uk-icon {
	position: relative;
	top: -2px;
	margin-left: 10px;
}


/* CALENDARS */

.calendar {
	text-align: center;
}
.pika-single {
	display: inline-block;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	z-index: 0;
}
.pika-table th, 
.pika-table td {
	padding: 2px;
}
.pika-button {
	text-align: center;
	border-radius: 4px;
}
.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
	background: #eD6F7C80;
	border-radius: 4px;
}
.is-selected .pika-button, .has-event .pika-button {
	background-color: #eD6F7C;
	box-shadow: none;
}
.calendar .date-actions {
	margin: 10px;
}

.calendar-form-input {
	position: relative;
}
.calendar-form-input .pika-single {
	display: none;
	position: absolute;
	z-index: 9999;
	right: 0;
	top: 0;
}
.calendar-form-input .pika-single.open {
	display: block;
}
.calendar-form-input .date-actions {
	position: absolute;
	top: 3px;
	right: 3px;
	margin: 0;
}
.calendar-form-input .date-actions .uk-button {
	border-radius: 12px;
}









/* LAYOUT */
#toggleMobileMenu {
	display: none;
}
#navbar .section-link {
	margin: 10px;
	border-radius: 10px;
	height: 60px;
}
#navbar .section-link.active {
	background-color: #eD6F7C;
	color: #fff;
}

#mainToolbar .logo-img {
	width: 120px;
	margin-right: 30px;
}
#mainToolbar .user-icon {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
}

#usermenu .avatar {
	display: inline-block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 20px;
}
#usermenu .profile h3 {
	margin-top: 0; 
}
#usermenu .user-avatar {
	margin: 40px 0;
}
#mainToolbar .close-session-item {
	position: absolute;
	top: 0;
	right: 64px;
}
#mainToolbar .close-session-item a {
	font-size: 12px;
	font-weight: bold;
}








/* DASHBOARD */

.dashboard .welcome {
	background-color: #f5f5f5;
	border-radius: 12px;
	padding: 40px;
}
.dashboard .welcome h3 {
	margin: 0;
}

.dashboard .board-block {
	margin-bottom: 30px;
}

.dashboard .no-events {
	background-color: #f5f5f5;
	border-radius: 12px;
}

.dashboard .event {
	overflow: hidden;
	margin-bottom: 30px;
}

.dashboard .event .left {
	float: left;
	width: 150px;
	margin-top: 15px;
	color: #999;
}
.dashboard .event.hide-dt .date {
	display: none;
}
.dashboard .event .left .day {
	font-size: 74px;
	float: left;
	line-height: 45px;
	width: 84px;
	margin-right: 10px;
	text-align: right;				
}
.dashboard .event.is-today .left {
	color: #33aaff;
}
.dashboard .event .left .month {
	font-weight: bold;
	display: block;
}
.dashboard .event .left .year {
}
.dashboard .event .right {
	margin-left: 150px;
	background-color: #f5f5f5;
	border-radius: 12px;
	position: relative;
	overflow-y: hidden;
	border-left: 12px solid #999;
}
.dashboard .event.open-section .right {
	border-color: #32d296;
}
.dashboard .event.evaluation-close .right {
	border-color: #e03535;
}
.dashboard .event .right .bg-image,
.dashboard .event .right .degrad {
	position: absolute;
	top: 0;
	right: 0;
	left: 70%;
	bottom: 0;
}
.dashboard .event .right .bg-image {
	background-position: center;
	background-size: cover;
}
.dashboard .event .right .degrad {
	background: -moz-linear-gradient(left,  rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); 
	background: linear-gradient(to right,  rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=1 );
}
.dashboard .event .right .info {
	padding: 15px;
	padding-right: 30%;
}
.dashboard .event .right h3,
.dashboard .event .right h4 {
	margin: 0;
}
.dashboard .event .right h3 {
	font-size: 16px;
}
.dashboard .event .right .course {
	color: #999;
}
.dashboard .event .right .course-title {
	color: #eD6F7C;
	font-weight: bold;
}
.dashboard .event-clicker {
	cursor: pointer;
}

/* WIDGETS*/
.dashboard .widgets {
	width: 260px;
}
.dashboard .widget {
	margin-bottom: 20px;
}
.dashboard .widget .uk-button {
	width: 100%;
}
.dashboard .widget .calendar-picker {
	display: none;
}
.dashboard .widget .pika-single .pika-button, 
.dashboard .widget .pika-single .pika-row.pick-whole-week .pika-button {
	background: #f5f5f5;
	color: #666;
	cursor: default;
}
.dashboard .widget .pika-single .event-day {
	background-color: #eD6F7C;
	color: #fff;
}
.dashboard .widget .pika-single .is-today .pika-button {
	color: #33aaff;
}
.dashboard .widget .pika-single .is-today .pika-button.event-day {
	background-color: #33aaff;
	color: #fff;
}
.dashboard .widget .pika-single .pika-button.event-day {
	cursor: pointer;
}








/* COURSES */
#courses .no-courses {
	background-color: #f5f5f5;
	border-radius: 12px;
}
#courses .box .uk-card {
	cursor: pointer;
	margin-bottom: 40px;
	border-radius: 30px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
#courses .box .uk-card:hover {
	transform: scale(1.05);
}
#courses .box .image {
	background-size: cover;
	background-position: center;
	height: 280px;
}
#courses .box .info .name {
	margin-bottom: 16px;
	font-size: 30px;
}
#courses .box .info .description {
	margin-bottom: 16px;
	color: #999;
}
#courses .course-closed {
	opacity: 0.5;
}
#courseView .close {
	color: #fff;
}
#courseView .toolbar {
	background-color: #eD6F7C;
	border-color: #eD6F7C;
	color: #fff;
}
#courseView .toolbar h1 {
	margin: 0;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 40px;
	text-overflow: ellipsis;	
}
#courseView.user-editor .toolbar h1 {
	padding-left: 40px;
}
#courseView .toolbar #editCourse {
	position: fixed;
	left: 10px;
	right: 10px;
}
#courseView .sections-navigator {
	position: absolute;
	top: 81px;
	bottom: 0;
	left: 0;
	width: 400px;
	overflow: hidden;
}
#courseView .sections-navigator .bg {
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	background-position: center;
	background-size: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity: 0.2;
}
#courseView .view-container {
	position: absolute;
	top: 81px;
	bottom: 0;
	left: 400px;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto; 
}
#courseView .empty-info {
}
#courseView .view-container .nav-actions {
	padding: 30px;
	padding-bottom: 0;
	display: none;
}
#courseView .section-view-container {
	padding-bottom: 130px;
}


#courseView .sections-navigator .sections-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;		
}
#courseView .sections-navigator .sections .section-item {
	position: relative;
	padding: 10px 15px;
	color: #333;
	cursor: pointer;
	font-size: 18px;
	margin: 10px;
	border-radius: 10px;
	transition: all 0.1s ease-in-out;
}
#courseView .sections-navigator .sections .section-item.section-hidden {
	opacity: 0.5;
}
#courseView .sections-navigator .sections .section-item .label-hidden {
	display: none;
}
#courseView .sections-navigator .sections .section-item.section-hidden .label-hidden {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	padding: 4px 10px;
	background-color: #000;
	color: #fff;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
}
#courseView .sections-navigator .sections .section-item > .title {
	padding-left: 37px;
}
#courseView .sections-navigator .sections .section-item > .title .text {
	width: calc(100% - 24px);
}
#courseView .sections-navigator .sections .section-item > .title small {
	font-weight: normal;
	font-size: 70%;
}
#courseView .sections-navigator .sections .section-item:hover {
	background-color: #eD6F7C99;
	color: #fff;
}
#courseView .sections-navigator .sections .section-item.selected {
	background-color: #eD6F7C;
	color: #fff;
	font-weight: bold;
}
#courseView .sections-navigator .sections .section-item .comments-icon {
	float: right;
	display: none;
}
#courseView .sections-navigator .sections .section-item .completed-icon {
	position: absolute;
	top: 7px;
	left: 7px;
	padding: 6px;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	transform: scale(0.7);
}
#courseView .sections-navigator .sections .section-item .completed-icon .icon {
	display: none;
}
#courseView .sections-navigator .sections .section-item.completed .completed-icon {
	background-color: #eD6F7C;
	color: #fff;
	opacity: 1;
}
#courseView .sections-navigator .sections .section-item.selected.completed .completed-icon {
	background-color: #fff;
	color: #000;
}
#courseView .sections-navigator .sections .section-item.completed .completed-icon .icon.ok {
	display: block;
}
#courseView .sections-navigator .sections .section-item.failed .completed-icon {
	background-color: #3b444f;
	opacity: 1;
}
#courseView .sections-navigator .sections .section-item.failed .completed-icon .icon.failed {
	display: block;
}


/* Section Actions */
#courseView .sections-navigator .actions {
	margin-top: 20px;
}
#courseView .sections-navigator .actions .section-action {
	padding: 10px 15px;
	color: #333;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	color: #fff;
	opacity: 0.8;			
}
#courseView .sections-navigator .actions .section-action > div {
	padding-left: 15px;
}
#courseView .sections-navigator .actions .section-action:hover {
	/*background-color: rgba(0,0,0,0.2);
	color: #fff;*/
	opacity: 1;
}
#courseView .sections-navigator .actions .section-action .uk-icon {
	position: relative;
	top: -2px;
	margin-right: 10px;
}
#courseView .sections-navigator .actions .section-action button {
	background: #fff;
	width: 100%;
}




/* Comments */
#courseView .comments-button {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#courseView .comments-button .circle-button {
	border: 3px solid #eD6F7C;
	color: #eD6F7C;
}
#courseView .comments-button .circle-button:hover {
	background-color: #eD6F7C;
	color: #fff;
}
#courseView .comments-button .unreaded {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 30px;
	height: 30px;
	background: #eD6F7C;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 3px;
	display: none;
}
#courseView .comments-panel {
	position: absolute;
	z-index: 2;
	top: 81px;
	right: 0;
	bottom: 0;
	width: 0;
	overflow: hidden;
	background-color: #f5f5f5;
}
#courseView .comments-panel .comments-search {
	position: relative;
	margin-bottom: 20px;
}
#courseView .comments-panel .comments-search #searchComments {
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 12px;
}
#courseView .comments-panel .comments-search .results {
	margin: 10px 0;
}
#courseView .comments-panel .search-found {
	background-color: #ffff00;
}
#courseView .comments-panel .close-comments {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	cursor: pointer;
}
#courseView .comments-panel .comments-list > h2 {
	margin-top: 3px;
}
#courseView .comments-panel .comments-list {
	position: absolute;
	top: 0;
	bottom: 80px;
	right: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px;
}
#courseView .comments-panel .bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 20px;
}
#courseView .comments-panel .bottom .input-block {
	margin-right: 120px;
}
#courseView .comments-panel .bottom .input-comment {
	border-radius: 30px;
	padding: 10px 15px;
}
#courseView .comments-panel .bottom .submit-comment {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 110px;
}
#courseView.show-comments .view-container {
	right: 580px;
}
#courseView.show-comments .comments-panel {
	width: 580px;
}







/* Comments Questions */
#courseView .comment {
	position: relative;
	padding: 20px;
	background-color: #fff;
	border-radius: 12px;
	margin-bottom: 20px;
}
#courseView .comment.new {
	border: 3px solid #eD6F7C;
}
#courseView .comment .comment-actions {
	position: absolute;
	top: 12px;
	right: 10px;
}
#courseView .comment .comment-icon {
	display: none;
}
#courseView .comment-item {
	cursor: pointer;
}
#courseView .comment-item .comment-icon {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 15px;
	opacity: 1;
}
/*#courseView .comment-item:hover .comment-icon {
	opacity: 1;
}*/
#courseView .comment .comment-text {
	font-size: 16px;
	margin-top: 6px;
}
#courseView .comment .comment-image {
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
	margin: 15px 0;
}
/*#courseView .comment .comment-image img {
}*/
#courseView .comment .comment-replies {
	display: none;
}
#courseView .comment-item .comment-replies {
	display: block;
}
#courseView .comments-panel .replies-container .actions .uk-button .uk-icon {
	margin-left: -12px;
}
#courseView .comment-user {
	margin-top: 0;
	padding-right: 36px;
	font-weight: bold;
}
#courseView .comment-user .avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
#courseView .comment-user .info {
	padding: 2px;
}
#courseView .comment-date {
	font-size: 12px;
	float: right;
	margin-top: 5px;				
}



/* Replies */
#courseView .replies-panel {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	overflow: hidden;
	background-color: #f5f5f5;
}
#courseView .replies-panel.show {
	width: 100%;
}
#courseView .replies-panel .replies-container {
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 80px;
	overflow-x: hidden;
	overflow-y: auto;
}
#courseView .replies-panel .comment-replies-detail {
	margin-top: 20px;
	padding: 10px;
}
#courseView .replies-panel .comment-replies-detail h4 {
	margin-top: 6px;
}
#courseView .replies-panel .replies > .comment-user {
	padding-right: 0px;
}
#courseView .replies-panel .replies > .comment-image {
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
}
#courseView .replies-panel .comment-replies-detail .replies-list {
	margin-top: 30px;
}



/* Lock comments */
#courseView .lock-message {
	padding: 10px 20px;
	border-radius: 30px;
	background: #fff;
	text-align: center;
	display: none;
}
#courseView.comments-locked .comments-panel .hide-on-locked {
	display: none;
}
#courseView.comments-locked .comments-panel .lock-message {
	display: block;
}
#courseView.comments-locked .comment .comment-user {
	padding-right: 0px;
}


.image-viewer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 90000;
	overflow: auto;
}
.image-viewer img {
	border-radius: 0;
}

.image-viewer .close-viewer {
	position: fixed;
	top: 0;
	right: 0;
	margin: 20px;
	border-radius: 50%;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	opacity: 0.8;
}




/* COURSE SECTIONS */

.section-view .warn-section-hidden {
	display: none;
}
.section-view.section-hidden .warn-section-hidden {
	display: block;
}

/* Closed */
.section-view-closed h3.summary {
	color: #999;
	font-weight: lighter;
	margin-top: 0;
}
.section-view-closed .content-navigation {
	border-top: 1px dashed #e5e5e5;
	padding-top: 50px;
	margin-top: 50px;
}

/* Closed Message */
.section-closed-message {
	margin-top: 50px;
	padding: 30px 40px;
	background-color: #f5f5f5;
	color: #777;
	border-radius: 20px;
}
.section-closed-message h3 {
	margin-top: 15px;
	color: #777;
}


/* Open */
.section-view h3.summary {
	color: #999;
	font-weight: lighter;
	margin-top: 0;
}
.section-view .content {
	margin-top: 50px;
}
/* Blocks */
.section-view .block-container {
	margin: 20px 0;
}

.section-view .block-container .link a,
.section-view .block-container .download a {
	padding: 15px 20px;
	padding-left: 32px;
	background-color: #f8f8f8;
	display: block;
	border-radius: 30px;
	font-size: 20px;
	text-decoration: none;
}
.section-view .block-container .download a {
	background-color: #eD6F7C22;
	color: #eD6F7C;
}
.section-view .block-container .link .uk-icon,
.section-view .block-container .download .uk-icon {
	float: right;
}

.section-view .over-attempts {
	color: #d00;
}
.section-view .out-of-date {
	color: #d00;
}
.section-view .content-actions > div {
	position: relative;
	display: none;
	background: #f5f5f5;
}
.section-view .content-actions .admin-actions {
	background-color: #3b444f;
	padding-top: 50px;
}
.section-view .content-actions .admin-text {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	padding: 10px;
}
.section-view iframe {
	background-color: #f8f8f8;
}
.section-view .content-actions {
	border-radius: 20px;
	overflow: hidden;
}
.section-view .content-actions .state {
	display: none;
}
.section-view .content-actions .uncompleted {
	display: inline-block;
}
.section-view .content-actions .not-evaluated {
	display: inline-block;
}
.section-view .content-actions .is-completed .not-evaluated {
	display: none;
}
.section-view .content-actions .is-completed .uncompleted {
	display: none;
}
.section-view .content-actions .is-completed .completed {
	display: inline-block;
}
.section-view .content-actions .is-failed .not-evaluated {
	display: none;
}
.section-view .content-actions .is-failed .failed {
	display: inline-block;
}
.section-view .content-actions .evaluation-action.didactic-evaluation .not-evaluated {
	display: none !important;
}
.section-view .content-actions .evaluation-action.didactic-evaluation .uncompleted {
	display: inline-block !important;
}
.section-view .content-actions .evaluation-action.didactic-evaluation .completed {
	display: none !important;
}
.section-view .content-actions .evaluation-action.didactic-evaluation .failed {
	display: none !important;
}
.section-view .seal-icon {
	position: absolute;
	top: 35px;
	right: 41px;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
}
.section-view .never-evaluated {
	background-color: #fff;
	width: 140px;
	height: 140px;
	line-height: 140px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
.section-view .completed-icon {
	background-color: #eD6F7C;
	width: 31px;
	height: 31px;
	right: 56px;
	padding: 2px 0;
	color: #fff;
	transform: scale(3.5);
	transform-origin: top right;
}
.section-view .failed-icon {
	background-color: #3b444f;
	width: 31px;
	height: 31px;
	right: 56px;
	padding: 2px 0;
	color: #fff;
	transform: scale(3.5);
	transform-origin: top right;
}
.section-view .score-panel {
	position: absolute;
	bottom: 35px;
	right: 35px;
	text-align: center;
	width: 150px;
}
.section-view .score-panel h4 {
	margin: 10px;
}
.section-view .score {
	background-color: #fff;
	padding: 10px;
	border-radius: 30px;
	margin-bottom: 10px; 
}

/* Navigation */
.section-view .content-navigation {
	border-top: 1px dashed #e5e5e5;
	padding-top: 50px;
	margin-top: 50px;
}

/* Evaluation */
.section-view .evaluation {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}
.section-view .evaluation-info {
	margin: 0;
}







/* MODALS */

.uk-modal-dialog {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 50px;
}

.uk-modal-dialog .uk-close {
	transform-origin: top right;
	transform: scale(2.0);
}

.full-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1000;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.full-modal.show {
	opacity: 1;
}
.full-modal .close {
	position: absolute;
	z-index: 1;	
	top: 0;
	right: 0;
	padding: 20px;
	opacity: 0.8;
	cursor: pointer;
}
.full-modal .close:hover {
	opacity: 1;
}
.full-modal .modal-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}








/* ROW CARDS */

.paginator {
	padding-bottom: 200px;
}

.table-container {
	padding-top: 10px;
	border-top: 1px dashed #ddd;
	margin-top: 10px;
	padding-bottom: 10px;
}

.row-card {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
}

.row-card .default-action {
	cursor: pointer;
}

.row-card .info {
	margin-right: 64px;
}

.row-card .edit-block {
	position: absolute;
	top: 3px;
	right: 0;
}

.row-card .edit-block .mode-1 {
	display: block;
}
.row-card .edit-block .mode-0 {
	display: none;
}

.row-card.mode-0 .opacity-mode-0 {
	opacity: 0.5;
}
.row-card.mode-0 .edit-block .mode-1 {
	display: none;
}
.row-card.mode-0 .edit-block .mode-0 {
	display: block;
}





/* EVALUATION */
#evaluationView {
	z-index: 1001;
	background-color: #f5f5f5;
}
#evaluationView .modal-content {
	text-align: center;
	overflow: auto;
}
#evaluationView .time-limit {
	border: 2px solid #777;
	display: inline-block;
	padding: 0px 18px;
	font-family: monospace;
	font-size: 20px;
	border-radius: 8px;
	background-color: #fff;
}
#evaluationView .time-limit.hidden {
	display: none;
}
#evaluationView .current-question {
	text-transform: uppercase;
	color: #777;
	font-size: 11px;
	font-weight: bold;
	padding: 20px;
}
#evaluationView .question-container {
	position: relative;
	width: 100%;
	min-height: 480px;
	transition: all 0.2s ease-in-out;
	border-radius: 30px;
	overflow: hidden;
}
#evaluationView .card {
	transition: all 0.2s ease-in-out;
}


/* Evaluation Questions */

#evaluationView .evaluation-header {
	padding: 30px;
}
#evaluationView .evaluation-title {
	margin: 0;
}
#evaluationView .question {
	text-align: left;
	margin-bottom: 50px;
	font-size: 20px;
}
#evaluationView .question-card .answer {
	text-align: left;
	margin-bottom: 20px;
	width: 100%;
	border: 3px solid #eD6F7C;
	text-transform: none;
	font-size: 16px;
	padding: 12px 30px;
	position: relative;
	padding-left: 70px;
	line-height: 1.4;
}
#evaluationView .question-card .answer:hover,
#evaluationView .question-card .answer:focus,
#evaluationView .question-card .answer:active {
	background-color: #eD6F7C;
	color: #fff;
}
#evaluationView .question-card .answer span {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 13px 20px;
	width: 50px;
	height: calc(100% + 2px);
	background: #eD6F7C;
	box-sizing: border-box;
	border-top-left-radius: 28px;
	border-bottom-left-radius: 28px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;	
}

/* Evaluation Solution */

#evaluationView .count-down-card {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
	transition: all 0.9s ease-in-out;
}
#evaluationView .count-down-card .count-down {
	font-size: 180px;
	position: relative;
	top: -15px;
}
#evaluationView .count-down-card.hide {
	opacity: 0;
}
#evaluationView .question-card.solved {
	transform: scale(0);
}
#evaluationView .solution-card {
	transform: scale(0);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}
#evaluationView .solution-card.solved {
	transform: scale(1);
}
#evaluationView .solution-card .ok,
#evaluationView .solution-card .failed {
	display: none;
}
#evaluationView .solution-card.ok .ok {
	display: flex;
}
#evaluationView .solution-card.failed .failed {
	display: flex;
}
#evaluationView .answer-card {
	transform: scale(0);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}
#evaluationView .answer-card.solved {
	transform: scale(1);
}
#evaluationView .completed-icon {
	background-color: #ccc;
	width: 31px;
	height: 31px;
	padding: 2px 0;
	color: #fff;
	transform: scale(3.5);
	border-radius: 50%;
	box-sizing: border-box;
}
#evaluationView .ok .completed-icon {
	background-color: #eD6F7C;
}
#evaluationView .failed .completed-icon {
	background-color: #3b444f;
}

/* Evaluation Progress */
#evaluationView .evaluation-progress {
}
#evaluationView .evaluation-progress .dots {
	margin: 20px;
}
#evaluationView .evaluation-progress .dot {
	display: inline-block;
	margin-right: 10px;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 50%;
}
#evaluationView .evaluation-progress .dot.resolve {
	background-color: #eD6F7C;
}

#evaluationView .skip-question {
	padding-bottom: 50px;
}

/* Evaluation Finish */
#evaluationView .evaluation-finish {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
	transition: all 0.9s ease-in-out;
	opacity: 0;
	padding: 30px;
}
#evaluationView .evaluation-finish .score {
	font-size: 52px;
	display: inline-block;
	width: 180px;
	height: 180px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 3px solid #777;
	margin: 20px;
	padding: 48px 25px;
}
#evaluationView .evaluation-finish .message {
	padding: 20px;
}
#evaluationView .evaluation-finish .actions {
}

#evaluationView .answer-view {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	background-color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 0.2s ease-in-out;
}
#evaluationView .answer-view.solved {
	visibility: visible;
	opacity: 1;
}
#evaluationView .answer-view h3 {
	text-transform: uppercase;
	background-color: #eD6F7C;
	color: #fff;
	padding: 10px;
	border-radius: 12px;
}
#evaluationView .answer-view .answer-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}
#evaluationView .answer-view .answer-info {
	text-align: left; 
}
#evaluationView .answer-view .explain-answer {
	margin-left: 44px;
}
#evaluationView .answer-view .actions {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	background-color: #f5f5f5;
	border-radius: 30px;
	margin-bottom: 20px;	
}


















/* Review Modal */
.review-modal .question-review {
	padding: 16px 20px;
	background-color: #eD6F7C55;
	margin-bottom: 10px;
	border-radius: 12px;
}
.review-modal .question-review h4 {
	color: #333;
}
.review-modal .question-review.wrong {
	background-color: #acb9c7;
}
.review-modal .question-review.wrong h4 {
	color: #fff;
}
.review-modal .question-review.empty {
	background-color: #f5f5f5;
}
.review-modal .question-review.empty h4 {
	color: #333;
}
.review-modal .icon {
	float: left;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	background-color: #ccc;
	box-sizing: border-box;
	padding: 3px 6px;
	color: #fff;
}
.review-modal .correct .icon {
	background-color: #eD6F7C;
}
.review-modal .bad .icon {
	background-color: #3b444f;
}
.review-modal .answer-block {
	overflow: hidden;
	background-color: #fff;
	border-radius: 30px;
	padding: 10px;
	margin-top: 10px;
}
.review-modal .answer {
	margin-left: 40px;
	padding: 4px;
}
.review-modal .explain-answer {
	margin: 10px;
}
.review-modal .explain-answer img {
	border-radius: 10px;
	margin-top: 10px;
	cursor: pointer;
}










/* Clasification Modal */
.clasification-modal .clasification-table {
	width: 100%;
	border-spacing: 0px;
	transition: all 0.3s ease-in-out;
}
.clasification-modal .my-score {
	font-weight: bold;
}
.clasification-modal td,
.clasification-modal th {
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
}
.clasification-modal tbody {
	font-size: 18px;
}
.clasification-modal table .clasification {
	text-align: center;
}
.clasification-modal .user {
	width: 100%;
	text-align: left;
	padding: 10px;
}
.clasification-modal .avatar {
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
}
.clasification-modal  .fullname {
	padding: 10px;
	padding-left: 56px;
}
.clasification-modal .fixed-col {
	padding-left: 20px;
}
.clasification-modal .evals {
	text-align: center;
}
.clasification-modal .attempts {
	text-align: center;
}
.clasification-modal .score {
	text-align: right;
	padding-right: 10px;
	min-width: 100px;
}
.clasification-modal .score .icon {
	display: inline-block;
	border-radius: 50%;
	background-color: #e5e5e5;
	width: 32px;
	height: 32px;
	margin-left: 10px;
	margin-bottom: -10px;
	color: #fff;
	padding: 1px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	top: -2px;
}
.clasification-modal .score .icon .uk-icon {
	display: none;
}
.clasification-modal .completed .score .icon {
	background-color: #eD6F7C;
}
.clasification-modal .failed .score .icon {
	background-color: #3b444f;
}
.clasification-modal .completed .score .icon .completed {
	display: inline-block;
}
.clasification-modal .failed .score .icon .failed {
	display: inline-block;
}
.clasification-modal .results {
	text-align: right;
}
.clasification-modal .results .uk-button {
	margin-left: 10px;
}
.clasification-modal .user-results .questions {
	margin: 20px 0;
}


.general-clasification .clasification {
	font-size: 25px;
}
.general-clasification .score {
	font-size: 35px;
}


.admin .adminmenu {
	background: #f8f8f8;
	color: #333;
	position: fixed;
	width: 300px;
	transition: all 0.2s ease-in-out;
	left: 0;
	top: 80px;
	bottom: 0;	
	z-index: 1;
	overflow: auto;
	margin: 10px;
	border-radius: 10px;	
}
.admin .adminmenu h3 {
	padding: 15px;
    margin-top: 20px;
}
.admin .adminmenu ul {
	padding: 0;
	list-style: none;
}
.admin .adminmenu ul a {
	display: block;
	padding: 12px 15px;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	margin: 10px;
	border-radius: 10px;
}
.admin .adminmenu ul a.active {
	background-color: #eD6F7C;
	color: #fff;
}
.admin .admin-container {
	margin-left: 320px;
}
.admin .admin-back {
	display: none;
	padding: 30px;
	padding-bottom: 0;
}
.admin .admin-back .uk-button .uk-icon {
	margin-left: -12px;
}


.admin-config .fixed-width {
	width: 600px;
	max-width: 100%;
}



.content-uploader .uploading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}








/* COURSES */

.admin-courses .row-card .default-action {
	min-height: 120px;
}
.admin-courses .row-card .image {
	float: left;
	width: 120px;
	height: 120px;
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
}
.admin-courses .row-card .info {
	margin-left: 140px;
}
.admin-courses .row-card .info .name {
	font-weight: bold;
	font-size: 20px;
}
.admin-courses .row-card.closed .image {
	opacity: 0.5;
}
.admin-courses .row-card.closed .info {
	opacity: 0.5;
}



/* INSCRIPTIONS MODAL */ 
.inscriptions-modal .users-table {
	width: 100%;
	border-spacing: 0px;
}
.inscriptions-modal .users-table .my-score {
	font-weight: bold;
}
.inscriptions-modal .users-table td,
.inscriptions-modal .users-table th {
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
}
.inscriptions-modal .users-table .user-item {
	cursor: pointer;
}
.inscriptions-modal .users-table {
	font-size: 18px;
}
.inscriptions-modal .users-table .user {
	width: 100%;
	text-align: left;
	padding: 10px;
}
.inscriptions-modal .users-table .inactive .user {
	opacity: 0.5;
}
.inscriptions-modal .users-table .avatar {
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
}
.inscriptions-modal .users-table  .fullname {
	padding: 10px;
	padding-left: 56px;
}
.inscriptions-modal .users-table .score {
	text-align: right;
	padding-right: 10px;
}





/* COURSE EDITOR */

#courseEditor .uk-modal-header.toolbar {
	padding-right: 64px;
	background-color: #efefef;
	border-color: #efefef;
}
#courseEditor .uk-modal-header.toolbar h1 {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px;
	font-size: 25px;
}
#courseEditor .toolbar h1 .mode {
	font-weight: bold;
}
#courseEditor .toolbar .actions {
	position: absolute;
	top: 20px;
	right: 90px;
}
#courseEditor .contents-navigator {
	position: absolute;
	top: 81px;
	bottom: 0;
	left: 0;
	width: 400px;
	overflow: hidden;
	_background-color: #000;
}
#courseEditor .contents-navigator .bg {
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	background-position: center;
	background-size: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity: 0.5;
}
#courseEditor .editor-container {
	position: absolute;
	top: 81px;
	bottom: 0;
	left: 400px;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto; 
}
#courseEditor .empty-info {
}
#courseEditor .editor-container .nav-actions {
	padding: 30px;
	padding-bottom: 0;
	display: none;
}


#courseEditor .contents-navigator .sections-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;		
}
#courseEditor .contents-navigator .sections .section-item {
	position: relative;
	padding: 10px 15px;
	color: #333;
	cursor: pointer;
	font-size: 18px;
	margin: 10px;
	border-radius: 10px;	
	overflow: hidden;
	transition: all 0.1s ease-in-out;
}
#courseEditor .contents-navigator .sections .section-item.section-hidden {
	opacity: 0.5;
}
#courseEditor .contents-navigator .sections .section-item .label-hidden {
	display: none;
}
#courseEditor .contents-navigator .sections .section-item.section-hidden .label-hidden {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	padding: 4px 10px;
	background-color: #000;
	color: #fff;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
}
#courseEditor .contents-navigator .sections .section-item > div {
	padding-left: 25px;
}
#courseEditor .contents-navigator .sections .section-item:hover {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
}
#courseEditor .contents-navigator .sections .section-item .mover {
	padding: 10px;
	position: absolute;
	top: 0;				
	left: -45px;
	transition: left 0.3s ease-in-out;
	cursor: grab;
}
#courseEditor .contents-navigator .sections .section-item:hover .mover {
	left: 4px;
}
#courseEditor .contents-navigator .sections.sorting .section-item .mover {
	left: -45px !important;
}
#courseEditor .contents-navigator .sections .section-item .mover .icon {
	top: 2px;
}
#courseEditor .contents-navigator .sections .section-item .mover .handler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#courseEditor .contents-navigator .sections.sorting .section-item {
	transition: none;
	background-color: transparent;
	color: inherit;
}
#courseEditor .contents-navigator .sections.sorting .section-item.dragging {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
}
#courseEditor .contents-navigator .sections .section-item.selected,
#courseEditor .contents-navigator .sections.sorting .section-item.selected.dragging {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	font-weight: bold;
}
/*
#courseEditor .contents-navigator .actions {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}
#courseEditor .contents-navigator .actions .uk-button {
	width: 100%;
}
#courseEditor .contents-navigator .actions .section-buttons {
	overflow-y: hidden;
	height: 0;
	transition: all 0.2s ease-in-out;
}
#courseEditor .contents-navigator .actions.open .section-buttons {
	height: 114px;
}
#courseEditor .contents-navigator .actions .section-buttons .uk-button {
	background-color: #f5f5f5;
	border: none; 
}
#courseEditor .contents-navigator .actions .section-buttons .uk-button:hover {
	background-color: #e5e5e5;
}
*/
#courseEditor .contents-navigator .actions {
	margin-top: 20px;
}
#courseEditor .contents-navigator .actions .section-action {
	padding: 10px 15px;
	color: #333;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	color: #fff;
	opacity: 0.8;			
}
#courseEditor .contents-navigator .actions .section-action > div {
	padding-left: 15px;
}
#courseEditor .contents-navigator .actions .section-action:hover {
	/*background-color: rgba(0,0,0,0.2);
	color: #fff;*/
	opacity: 1;
}
#courseEditor .contents-navigator .actions .section-action .uk-icon {
	position: relative;
	top: -2px;
	margin-right: 10px;
}
#courseEditor .contents-navigator .actions .section-action button {
	background: #fff;
	width: 100%;
}


/* SECTION EDITOR */

.section-editor .warn-section-hidden {
	display: none;
}
.section-editor.section-hidden .warn-section-hidden {
	display: block;
}
.section-editor [contenteditable] {
	outline: none;
	border: none;
	border-bottom: 1px dashed #ccc;
	position: relative;
	z-index: 1;
}
.section-editor div:hover > [contenteditable] {
	border-bottom: 1px solid #ccc;
}
.section-editor [contenteditable]:focus,
.section-editor [contenteditable]:active {
	border-bottom: 1px solid #eD6F7C;
}
.section-editor .this-editor [contenteditable] {
	min-height: 24px;
}
.section-editor h2 [contenteditable] {
	min-height: 42px !important;
}
.section-editor h3 [contenteditable] {
	min-height: 34px !important;
}
.section-editor h3 {
	color: #555;
	margin: 10px 0;
}
.section-editor .section-tab-content {
	display: none;
	margin-top: 50px;
	margin-bottom: 240px;	
}
.section-editor .section-tab-content h4 {
	margin: 0;
}
.section-editor .section-actions {
	height: 40px;
}
.section-editor .section-actions .menu {
	position: relative;
	top: -4px;
}
.section-editor .section-actions .menu .label-show {
	display: none;
}
.section-editor.section-hidden .section-actions .menu .label-show {
	display: block;
}
.section-editor .section-actions .menu .label-hide {
	display: block;
}
.section-editor.section-hidden .section-actions .menu .label-hide {
	display: none;
}
.section-editor .section-tab-content .type-info-block {
	margin-bottom: 20px;
	font-style: italic;
}
.section-editor .section-tab-content .options small {
	padding: 12px 8px;
	display: block;
	font-style: italic;
}
.section-editor .section-tab-content .options .type-info-block small {
	display: none;
}

.section-editor .block-container {
	margin: 20px 0;
	min-height: 120px;
}
.section-editor .block-container .uk-alert {
	border-radius: 20px;
}

.section-editor #addBlock {
	border: 3px solid #eD6F7C;
	color: #eD6F7C;
	background-color: #fff;
	opacity: 1;
}
.section-editor #addBlock:hover,
.section-editor #addBlock.uk-open {
	opacity: 0.7;
}

.section-editor .more-actions {
	position: relative;
	display: flex;
	justify-content: center;
}
.section-editor .block-buttons {
	position: absolute;
	border: 2px solid #eD6F7C;
	background-color: #fff;
	bottom: 10px;
	border-radius: 6px;
	box-shadow: 0 5px 7px rgba(0,0,0,0.1);
	z-index: 100;
}
.section-editor .block-buttons:after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
	border-top: 10px solid #eD6F7C;
	left: 50%;
	margin-left: -10px;
}
.section-editor .block-buttons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.section-editor .block-buttons ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 4px;
	padding: 6px;
	border-radius: 4px;	
	width: 58px;
	text-decoration: none;
	color: #eD6F7C;
}
.section-editor .block-buttons ul li a:hover {
	background-color: #eD6F7C;
	color: #fff;
}
.section-editor .block-buttons .title-icon {
	font-family: "Times New Roman";
	font-size: 24px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.section-editor .block-buttons .title-icon,
.section-editor .block-buttons .uk-icon {
	margin-bottom: 6px;
}
.section-editor .block-buttons .name {
	text-transform: uppercase;
	font-size: 12px;
}


.section-editor .question-container {
	margin: 20px 0;
	min-height: 120px;
}
.section-editor .question-actions {
	margin-bottom: 60px;
}
.section-editor #addQuestion {
	border: 3px solid #eD6F7C;
	color: #eD6F7C;
	background-color: #fff;
	opacity: 1;
}
.section-editor #addQuestion:hover,
.section-editor #addQuestion.uk-open {
	opacity: 0.7;
}
.section-editor .question-editor {
	position: relative;
}
.section-editor .question-editor .question-text {
	padding: 12px 20px;
	padding-right: 60px;
	border: 1px solid #ccc;
	border-radius: 12px;
	background-color: #fff;
}
.section-editor .question-editor .question-text .text-only {
	border: none;
}
.section-editor .question-editor .answer-options {
}
.section-editor .question-editor .show-options {
	position: absolute;
	top: 14px;
	right: 8px;
	padding: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.section-editor .question-editor .show-options:hover {
	opacity: 0.7;
}
.section-editor .question-editor .answer-options .inactive {
	display: block;
}
.section-editor .question-editor .answer-options .active {
	display: none;
	padding-top: 3px; 
}
.section-editor .question-editor .answer-options.open .inactive {
	display: none;
}
.section-editor .question-editor .answer-options.open .active {
	display: block;
}
.section-editor .question-editor .answer-options .panel {
	display: none;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-top: -10px;
}
.section-editor .question-editor .answer-options.open .panel {
	display: block;
}
.section-editor .question-editor .answer-options .panel-content {
	padding: 30px 20px 0;
}
.section-editor .question-editor .answer-options .panel-content .uk-accordion-title {
	font-size: 14px;
	font-weight: bold;
	margin: -10px;
	padding: 10px;
	border-radius: 4px;
}
.section-editor .question-editor .answer-options .panel-content .uk-accordion-title:hover {
	background-color: #efefef;
	color: #000;
}
.section-editor .question-editor .answer-options .panel-content .uk-accordion-content {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999;
}
.section-editor .question-editor .answers-list table {
	width: 100%
}
.section-editor .question-editor .answers-list table .mover {
	cursor: grab;
	position: relative;
	padding: 10px 4px;
}
.section-editor .question-editor .answers-list table .answer {
	text-align: left;
	width: 100%
}
.section-editor .question-editor .answers-list table .mover .handler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/* BLOCK EDITOR */

.mover .icon {
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	left: 0;
	top: 4px;
}
.mover .icon .up {
	position: absolute;
	top: -5px;
	left: 0;
}
.mover .icon .down {
	position: absolute;
	top: 5px;
	left: 0;
}


.item-editor {
	position: relative;
}
.item-editor-card {
	margin: 0 -44px;
	padding: 0 44px;
}
.item-editor-card .item-editor-overlay {
	margin: 12px -10px;
	position: relative;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #efefef;
	border-radius: 6px;
}
.item-editor-card:hover .item-editor-overlay {
	z-index: 1;
}
.item-editor-card .item-editor-info {
	height: 10px;
}
.item-editor-card .item-editor-info .item-name {
	font-size: 10px;
	position: absolute;
	top: 2px;
	left: 10px;
	text-transform: uppercase;
}
.item-editor-card .item-editor-actions .mover {
	position: absolute;
	top: 0;
	padding: 8px;
	height: 100%;
	box-sizing: border-box;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #f8f8f8;
	border: 1px solid #efefef;
	text-align: center;
	overflow: hidden;
	cursor: grab;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	left: 0;
}
.item-editor-card:hover .item-editor-actions .mover {
	opacity: 1;
	left: -44px;
}
.item-editor-card .item-editor-actions .mover .handler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.item-editor-card .item-editor-actions .actions {
	position: absolute;
	top: 0;
	box-sizing: border-box;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #f8f8f8;
	border: 1px solid #efefef;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	right: 0;
}
.item-editor-card:hover .item-editor-actions .actions {
	opacity: 1;
	right: -44px;
}

.item-editor-card .item-editor-actions .actions > * {
	padding: 8px;
	cursor: pointer;
}
.item-editor-card .item-editor-actions .actions > * .uk-icon {
	display: block;
}

.item-editor .add-content-here {
	position: absolute;
	top: -9px;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0.1;
	transition: all 0.3s ease-in-out;
}
.item-editor .add-content-here .line {
	height: 6px;
	background-color: #eD6F7C;
	border-radius: 6px;
	text-align: center;
}
.item-editor .add-content-here .line button {
	margin-top: -20px;
	transform: scale(75%);
	border: 3px solid #eD6F7C;
	color: #eD6F7C;
	background-color: #fff;
	opacity: 0;	
}
.item-editor .add-content-here:hover,
.item-editor .add-content-here.active {
	opacity: 1;
}
.item-editor .add-content-here:hover .line button,
.item-editor .add-content-here.active .line button {
	opacity: 1;
}

.block-type-editor .toolbar .toolbar-button {
	margin-right: 10px;
	cursor: pointer;
	height: 20px;
}
.block-type-editor .toolbar .toolbar-button.active {
	color: #000;
	background: #f5f5f5;
}
.block-type-editor .toolbar .toolbar-button u {
	display: inline-block;
	width: 20px;
	position: relative;
	top: 1px;
	font-size: 17px;
}

.block-type-editor {
	position: relative;
}
.block-type-editor .type-selector {
	padding: 6px 0;
}
.block-type-editor .type-selector select {
	width: 200px;
	cursor: pointer;
}
.block-type-editor .media-selector .actions {
	position: absolute;
	z-index: 2;
	top: 6px;
	right: 0;	
}
.block-type-editor .media-selector .actions .uk-button {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.block-type-editor .media-selector .actions .uk-button:hover {
	background-color: #f8f8f8;
	color: #333;
}
.block-type-editor .media-selector .actions .uk-button .uk-icon {
	position: relative;
	top: -2px;
	margin-left: 10px;
}

.draggable-overlay {
	display: none;
}
.section-editor.sorting .item-editor .draggable-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.section-editor.sorting .item-editor .add-content-here {
	opacity: 0;
}
.sortable-chosen .add-content-here {
	opacity: 0;
}
.sortable-chosen .item-editor-actions .actions {
	display: none;
}

.block-link-editor .link-block {
	padding: 5px 0;
}
.block-link-editor .link-text {
	margin-bottom: 4px;
}
.block-link-editor .input-container {
	position: relative;
}
.block-link-editor .uk-form-label {
	position: absolute;
    top: 12px;
    left: 12px;
    color: #777;
    font-weight: bolder;
}
.block-link-editor .uk-input {
	padding-left: 60px;
}

.block-download-editor {
	position: relative;
	overflow: hidden;
}
.block-download-editor .content-block {
	background-color: #f8f8f8;
	padding: 15px;
	border-radius: 12px;
}
.block-download-editor .icon {
	float: left;
	padding: 12px;
}
.block-download-editor .info {
	padding: 15px;
	padding-left: 54px;
}
.block-download-editor .media-selector .actions {
	position: absolute;
	top: 27px;
	right: 30px;
}
.block-download-editor .uploading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: #f8f8f8;
	padding: 15px;
}

.block-subcontent-editor .content-block {
	margin-bottom: 10px
}

.block-subcontent-editor .toggle {
	padding: 15px; 
	background-color: #f8f8f8; 
	cursor: pointer;
	border-radius: 12px;
	margin-bottom: 10px;
}
.block-subcontent-editor .toggle label {
	cursor: pointer;
}
.block-subcontent-editor .toggle .open {
	display: none;
}
.block-subcontent-editor.open .toggle .open  {
	display: inline;
}
.block-subcontent-editor.open .toggle .closed {
	display: none;
}

.block-subcontent-editor .panel {
	overflow: hidden;
	transition: height 0.2s ease-in-out;
	height: 0;
}
.block-subcontent-editor.open .panel {
	height: 160px;
}

.block-subcontent-editor .html-text {
	box-sizing: border-box;
	width: 100%;
	font-size: 18px;
	border: none;
	color: #bbb;
	background-color: #333;
	padding: 10px;
	height: 150px;
	border-radius: 12px;
	margin-bottom: 10px;
	outline: none;
}













/* ADMIN USERS */

.admin-users .user-card .avatar {
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #ffffff;
}
.admin-users .user-card.role-admin .avatar {
	border-color: #eD6F7C;
}
.admin-users .user-card .info {
	margin-left: 64px;
}
.admin-users .user-card .info .fullname {
	font-weight: bold;
	font-size: 20px;
}
.admin-users .user-card .info .alias {
	font-weight: normal;
}
.admin-users .user-card .info .session-time {
	font-size: 12px;
	color: #999;
}




/* USER COURSES */
.admin-courses {
	overflow: auto;
}
.admin-courses .course-closed .image,
.admin-courses .course-closed .info {
	opacity: 0.5;
}			
.admin-courses .box {
	margin-bottom: 16px;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.admin-courses .box .uk-card {
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;	
}
.admin-courses .box .image {
	background-size: cover;
	background-position: center;
	height: 110px;
}
.admin-courses .box .info {
	padding: 10px;
}
.admin-courses .box .info .name {
	margin-bottom: 42px;
	font-size: 17px;
	font-weight: bold;
}
.admin-courses .box .info .status {
	position: absolute;
	bottom: 16px;
	left: 10px;
	right: 10px;
}
.admin-courses .box .shadow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
	border-radius: 10px;
}
.admin-courses .box .actions {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 4px solid transparent;
	padding: 6px;
	cursor: pointer;
	border-radius: 10px;
}
.admin-courses .box.selected .actions {
	border: 4px solid #eD6F7C;
}
.admin-courses .box.selected .uk-card {
	border: 1px solid transparent;
}










/* Desktops (xl) */
@media (max-width: 1600px) {

	#courseView.show-comments .comments-panel {
		width: auto;
		left: 400px;
	}
}


/* Laptops (l) */
@media (max-width: 1200px) {
	body {
		font-size: 95%;
	}
	h1 {
		font-size: 200%;
	}
	h2 {
		font-size: 160%;
	}
	h3 {
		font-size: 140%;
	}
	h4 {
		font-size: 120%;
	}

	.uk-modal-dialog .uk-close {
		transform: scale(1.6);
	}

	.full-modal .close {
		transform-origin: top right;
		transform: scale(0.9);
	}

	/* COURSES */
	#courses .box .info .name {
		font-size: 23px;
	}
	#courses .box .image {
		height: 200px;
	}
	#courses .box .info .description {
		font-size: 14px;
	}

	#courseView .toolbar #editCourse {
		margin-top: -4px;
	}	
	#courseView .sections-navigator {
		top: 67px;
		width: 300px;
	}
	#courseView .view-container {
		top: 67px;
		left: 300px;
	}
	#courseView.show-comments .comments-panel {
		top: 67px;
		left: 300px;
	}
	#courseView .comments-panel .close-comments	{
		top: 10px;
		right: 10px;
	}
	.section-view .completed-icon,
	.section-view .failed-icon {
		transform: scale(3.0);
		right: 50px;
	}
	.section-view .score-panel {
		width: 120px;
	}


	/* ADMIN */
	.admin .adminmenu {
		width: 220px;
	}
	.admin .admin-container {
		margin-left: 220px;
		padding: 15px;
	}

	#courseEditor .uk-modal-header.toolbar h1 {
		font-size: 17px;
		margin: 0;
		line-height: 36px;
	}
	#courseEditor .contents-navigator {
		top: 67px;
		width: 300px;
	}
	#courseEditor .editor-container {
		top: 67px;
		left: 300px;
	}
	#courseEditor .toolbar .actions {
		top: 15px;
	}
	.item-editor .bar .actions {
		opacity: 1;
		transform: scale(0.8);
	}
	.section-editor .question-editor .show-options {
		top: 56px;
	}
}




/* Tablets (m) */
@media (max-width: 960px) {

	/* MAIN MENU */
	#toggleMobileMenu {
		display: flex;
	}
	#navbar {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background: rgba(51, 51, 51, 0.25);
	}
	#mainToolbar.show-mobile-menu #navbar {
		display: block;
	}
	#navbar .uk-navbar-nav {
		display: block;
		float: left;
		background: #fff;
		margin: 10px;
		margin-top: 80px;
		width: 300px;
		max-width: calc(100% - 20px);
		border-radius: 12px;
		box-shadow: 0 6px 10px rgba(0,0,0,0.1);
	}
	#mainToolbar .close-session-item {
		position: static;
		border-top: 1px dashed #ddd;
		margin-top: 24px;
	}

	/* DASHBOARD */
	.dashboard {
		text-align: center;
	}
	.dashboard .board-block {
		text-align: center;
	}
	.dashboard .widgets {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		padding: 0;
	}
	.dashboard .events-list {
		margin-top: 260px;
	}
	.dashboard .event .left {
		float: none;
	}
	.dashboard .event {
		margin-bottom: 0;
	}
	.dashboard .event .left {
		margin: 0;
		display: inline-block;
	}
	.dashboard .event .left .date {
		margin: 36px 0;
	}	
	.dashboard .event .right {
		margin-left: 0;
	}
	.dashboard .event .right .info {
		text-align: left;
	}


	/* COURSE VIEW */
	#courseView .toolbar #editCourse {
		display: none;
	}
	#courseView .sections-navigator {
		width: 100%;
		background: #fff;
		overflow-y: auto;
		padding-bottom: 60px;
	}
	#courseView .sections-navigator .bg {
		height: 200px;
		filter: none;
		opacity: 1;
		position: static;
	}
	#courseView .sections-navigator .sections-container {
		position: static;
		padding-top: 30px;
	}
	#courseView .sections-navigator .sections .section-item {
		padding: 15px 35px;
	}
	#courseView .sections-navigator .sections .section-item > .title {
		padding-top: 3px;
	}
	#courseView .sections-navigator .sections .section-item .completed-icon {
		top: 14px;
		left: 28px;
		background-color: #ccc;
	}
	#courseView .sections-navigator .sections .section-item:hover,
	#courseView .sections-navigator .sections .section-item.selected {
		background-color: transparent;
		color: #333;
		font-weight: normal;
	}
	#courseView .sections-navigator .sections .section-item.selected.completed .completed-icon {
		background-color: #eD6F7C;
		color: #fff;
	}
	#courseView .view-container {
		background-color: #fff;
		left: 0;
		display: none;
	}
	#courseView.section-open .view-container {
		display: block;
	}
	#courseView .view-container .nav-actions {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1;
		margin: 0;
		padding: 0;
	}
	#courseView .view-container .nav-actions #backToCourse {
		color: #fff;
		padding: 16px;
		transform-origin: top left;
		transform: scale(0.9);
		opacity: 0.8;
		cursor: pointer;
	}
	#courseView.show-comments .comments-panel {
		left: 0;
	}

	/* SECTION VIEW */
	.section-view .content-actions {
		text-align: center;
	}
	.section-view .content-actions .uk-button {
		margin-bottom: 10px; 
	}
	.section-view .seal-icon {
		position: static;
		display: inline-block;
		transform-origin: top center;
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.section-view .never-evaluated {
		position: static;
		display: inline-block;
		transform-origin: top center;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.section-view .score-panel {
		position: static;
		width: 100%;
		margin-top: 20px;
	}

	.section-view .evaluation-info {
		list-style: none;
		padding: 0;		
	}

	.section-view .subcontent iframe {
		min-height: 75vh;
	}
	iframe.pdf-document {
		height: 50vh;
	}


	/* COURSE EDITOR */ 
	#courseEditor .contents-navigator {
		width: 100%;
		background: #fff;
		overflow-y: auto;
		padding-bottom: 90px;
	}
	#courseEditor .contents-navigator .bg {
		height: 200px;
		filter: none;
		opacity: 1;
		position: static;
	}
	#courseEditor .contents-navigator .sections-container {
		position: static;
		padding-top: 30px;
	}
	#courseEditor .contents-navigator .sections .section-item {
		padding: 15px 35px;
	} 
	#courseEditor .contents-navigator .sections .section-item .mover {
		top: 7px;
		left: 18px;
	}
	#courseEditor .contents-navigator .sections .section-item:hover .mover {
		left: 18px;
	}
	#courseEditor .contents-navigator .sections.sorting .section-item .mover {
		left: 18px !important;
	}
	#courseEditor .contents-navigator .sections .section-item.selected {
		background-color: transparent;
		font-weight: normal;
	}
	#courseEditor .contents-navigator .sections .section-item:hover,
	#courseEditor .contents-navigator .sections.sorting .section-item.dragging,
	#courseEditor .contents-navigator .sections .section-item.selected,
	#courseEditor .contents-navigator .sections.sorting .section-item.selected.dragging {
		background-color: transparent;
		color: #333;
		font-weight: normal;
	}
	#courseEditor .editor-container {
		background-color: #fff;
		left: 0;
		display: none;
	}
	#courseEditor.section-open .editor-container {
		display: block;
	}
	#courseEditor .editor-container .nav-actions {
		display: block;
	}
	#courseEditor .editor-container .nav-actions .uk-button .uk-icon {
		margin-left: -12px;
	}



	/* SECTION EDITOR */ 
	#courseEditor .toolbar .actions {
		position: absolute;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 20px;
		background-color: #fff;
		z-index: 1;
		text-align: center;
		border-top: 1px solid #e5e5e5;
	}
	.section-editor .edit-section-block {
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
	}
	.section-editor .section-actions {
		height: auto;
		overflow: hidden;
	}
	.section-editor .section-actions .uk-float-left {
		float: none;
	}
	.section-editor .section-actions .go-section-tab {
		width: 100%;
		margin-bottom: 6px;
	}
	.section-editor .section-actions .menu {
		position: absolute;
		top: -45px;
		right: 12px;
	}
	.block-type-editor .toolbar {
		margin-top: 10px;
	}
	.block-type-editor .toolbar .toolbar-button {
		transform: scale(1.4);
		margin-left: 10px;
		margin-right: 10px;
	}
	.block-type-editor .toolbar .toolbar-button u {
		top: 1px;
	}
	.item-editor .bar .mover:hover {
		background-color: transparent;
		padding: 8px 0;
	}
	.item-editor .bar .mover:hover .icon {
		margin-left: -33px;
	}
	.section-editor .section-part .options .calendar {
		text-align: center;
		padding-bottom: 50px;
	}
	.section-editor .section-part .options .date-actions {
		position: relative;
		top: 60px;
	}



	/* CALENDAR */
	.dashboard .widget .pika-single {
		transform-origin: top;
		width: 256px;
	}
	.dashboard .widget .pika-single .pika-prev,
	.dashboard .widget .pika-single .pika-next {
		transform: scale(1.5);
		padding: 14px;
	}


	/* ADMIN */
	.admin .adminmenu {
		width: 100%;
		border-radius: 0;
		margin: 0;
		text-align: center;
	}
	.admin .adminmenu h3 {
		padding: 15px;
		padding-bottom: 15px;
		margin-top: 20px;
		border-bottom: 1px dashed #ddd;
	}
	.admin .adminmenu ul a {
		padding: 20px 30px;
		font-size: 18px;
		background-color: #fff;
	}
	.admin.selected .adminmenu {
		display: none;
	}
	.admin .admin-container {
		margin-left: 0;
	}
	.admin .admin-back {
		display: block;
	}

	#evaluationView .answer-view .actions {
		border-radius: 0;
		margin-bottom: 0;
	}
}




/* Mobiles (s) */
@media (max-width: 668px) {

	body {
		font-size: 90%;
	}

	#navbar .uk-navbar-nav {
		width: 100%;
	}

	.uk-notification-bottom-center, 
	.uk-notification-top-center {
		width: auto;
		margin: 0;
	}


	.dashboard .event .right .bg-image {
		display: none;
	}
	.dashboard .event .right .degrad {
		display: none;
	}
	.dashboard .event .right .info {
		padding: 15px;
	}
	.dashboard .event .right h3, 
	.dashboard .event .right h4 {
		font-size: 90%;
	}
	.dashboard .event .right .course {
		font-size: 16px;
	}


	#courseView .sections-navigator {
		top: 65px;
	}
	#courseView .view-container {
		top: 65px;
	}
	#courseView.show-comments .comments-panel {
		top: 65px;
	}
	#courseEditor .contents-navigator {
		top: 65px;
	}
	#courseEditor .editor-container {
		top: 65px;
	}


	.section-view .content-actions .uk-button {
		line-height: 1.4;
		padding: 10px 30px;
	}

	#evaluationView .evaluation-header {
		padding: 20px;
	}
	#evaluationView .evaluation-title {
		display: none;
	}

	#evaluationView .current-question {
		padding: 10px;
	}
	#evaluationView .question-container {
		padding: 10px 5px;
	}
	#evaluationView .card {
		padding: 15px;
	}
	#evaluationView .question-card .question {
		margin-bottom: 20px;
		font-size: 14px;
	}
	#evaluationView .question-card .answer {
		font-size: 13px;
		padding: 6px 12px 6px 60px;
	}


	.uk-modal-dialog .uk-button {
		line-height: 1.4;
		padding: 10px 30px;
	}
	.uk-modal-title {
		font-size: 160%;
	}

	.clasification-modal .clasification-table {
		font-size: 70%;
	}
	.clasification-modal td, 
	.clasification-modal th {
		padding: 10px 4px !important;
		position: relative;
	}
	.clasification-modal .score {
		text-align: center;
		padding: 0;
		margin-left: -10px;
	}
	.clasification-modal .score .icon {
		transform: scale(0.5);
		margin: 0;
	}
	.clasification-modal .results {
		text-align: center;
	}
	.clasification-modal table .uk-button {
		transform: scale(0.8);
		margin: 0 -10px !important;
	}
	.clasification-modal .avatar {
		transform: scale(0.8);
		transform-origin: left;
	}
	.clasification-modal .fullname {
		transform: scale(0.8);
		transform-origin: left;
		margin-right: -34px;
	}

	/* ADMIN */
	.admin-courses .row-card .default-action {
		min-height: 90px;
	}
	.admin-courses .row-card .image {
		width: 90px;
		height: 90px;
	}
	.admin-courses .row-card .info {
		margin-left: 100px;
		margin-right: 42px;
	}
	.admin-courses .row-card .name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.admin-courses .row-card .description {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.block-type-editor .type-selector .uk-select {
		width: 140px;
	}
	.block-download-editor .icon {
		display: none;
	}
	.block-download-editor .info {
		padding-left: 0;
	}
	.block-download-editor .media-selector .actions {
		right: 15px;
	}

	.admin-users .user-card .info .session-time {
		display: none;
	}

	#evaluationView .answer-view .explain-answer {
		margin-left: 10px;
	}


	.full-modal .close {
		padding: 16px;
	}

	.admin-table thead {
		display: none;
	}
	.admin-table tr {
		border-bottom: 1px dashed #efefef;
		display: block;
		padding-bottom: 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.admin-table td {
		display: block;
		padding: 4px;
		line-height: 1;
	}
	.admin-table td:last-child {
		position: absolute;
		top: 0;
		right: 0;
	}

}



/* Mobiles (s) landscape */
@media (max-height: 600px) {
	#courseEditor .contents-navigator .bg {
		display: none;
	}
	#courseEditor .contents-navigator .sections-container {
		top: 0;
	}
}