@CHARSET "UTF-8";

#cmvl-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10,10,10,0.8); display: none; z-index: 9999999;}
#cmvl-overlay-inner {position: relative; margin: 8% auto 0 auto; background: white; padding: 20px; min-height: 150px; min-width: 200px; max-width: 800px; max-height: 70%; overflow: auto;}
#cmvl-overlay-close {position: absolute; right: 10px; top: 2px; font: normal 30px arial; color: #666666; cursor: pointer;}
#cmvl-overlay-close:hover {color: black;}

.cmvl-pagination {margin: 1em 0 !important; padding: 0 !important; list-style: none;}
.cmvl-pagination li {list-style: none; margin: 0 !important; padding: 0 !important;}
.cmvl-pagination li {display: inline-block;}
.cmvl-pagination a, .cmvl-pagination li.cmvl-pagination-disabled {display: inline-block; padding: 0.5em 0 !important; font-size: 14px; text-decoration: none; font-weight: bold; background: #f0f0f0; border: 1px solid #cccccc; color: #777777; min-width: 3em; text-align: center;}
.cmvl-pagination a:hover {color: black; border-color: #999999;}
.cmvl-pagination .cmvl-pagination-current a {background: white; color: black;}

.cmvl-playlist {clear: both;}
.cmvl-playlist figcaption {font-size: 0.9em; color: black; padding: 10px;}
.cmvl-playlist figcaption .cmvl-description-inner {max-height: 85px; overflow: hidden;}
.cmvl-playlist textarea.cmvl-notes {width: 100%; height: 3.5em; padding: 0.5em; overflow: auto; box-sizing:border-box;}
.cmvl-playlist nav > ul, .cmvl-playlist nav > ul > li {list-style: none; padding: 0 !important; margin: 0 !important;}
.cmvl-playlist nav {border-top: 1px solid #dddddd; font: normal 12px sans-serif;}
.cmvl-playlist nav a {display: block; color: black; text-decoration: none; background: white; border: solid 1px #dddddd; border-top: none;}
.cmvl-playlist nav a:hover {color: black; text-decoration: none; background: #f5f5f5; border: solid 1px #dddddd; border-top: none;}
.cmvl-playlist nav li.current a {background: #f5a500;}
.cmvl-playlist nav ul header, .cmvl-playlist nav ul h3 {display: inline-block; margin: 0 !important; padding: 0;}
.cmvl-playlist nav ul header {padding: 1em 1.2em; clear: none;}
.cmvl-playlist nav ul header h3 {font: normal 12px sans-serif;}
.cmvl-playlist nav ul header span {margin-left: 0.5em; color: #666666; font-size: 0.8em;}
.cmvl-playlist nav img {vertical-align: top; display: inline-block;}

.cmvl-lesson-description, .cmvl-course-description {margin: 2em 0;}

.cmvl-lesson-metainfo { clear:both; float:left; width:100%; margin-bottom:20px; }
.cmvl-lesson-metainfo .author_name { float:left; width:50%; }
.cmvl-lesson-metainfo .author_name a { font-weight:bold; }
.cmvl-lesson-metainfo .updated_date { float:left; width:50%; text-align:right; }
.cmvl-lesson-metainfo .updated_date span { font-weight:bold; }
.cmvl-view-video-button{ padding-left: 5px; margin-left: 5px; }
.cmvl-video[data-service-provider="vimeo"] .cmvl-player-outer {width: 100% !important; padding-top: 60% !important; position: relative !important;}
.cmvl-player-outer iframe {margin: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important;}

.cmvl-tiles header, .cmvl-tiles h2 {margin: 0; padding: 0; font-size: 1em;}
.cmvl-tiles figure {display: inline-block; margin: 5px 0 5px 0; border: solid 1px #e0e0e0; vertical-align: top;}
.cmvl-video-catalog-manage-section .cmvlpay-paybox{ margin-top:0px;padding:10px; }
.cmvl-video-catalog-manage-section .cmvl-widget-playlist { float:left;width:49%;height:49%;margin-right: 1%; }
.cmvl-video-catalog-manage-section .cmvl-widget-playlist .cmvl-tiles figure{ width:100%; }

.cmvl-playlist-layout-left .cmvl-channel-description, .cmvl-playlist-layout-right .cmvl-channel-description {display: none;}
.cmvl-playlist-layout-left .cmvl-lesson-description {margin-left: 250px; padding: 0 1em;}

.cmvl-video {position: relative;}
.cmvl-navbar {margin: 3em 0 0 0; width: 100%; clear: left;}

.cmvl-ajax-content {border: solid 1px #e0e0e0; border-bottom: none;}
.cmvl-playlist figure, .cmvl-playlist figure figcaption {background: #f5f5f5;}
.cmvl-playlist figure {margin: 0; padding: 0;}
.cmvl-playlist .cmvl-tiles figure {margin: 0 0 1em 0; padding: 0;}
.cmvl-playlist figure header {margin: 0; padding: 0;}
.cmvl-playlist figure header {background: #f5f5f5;}
.cmvl-playlist figure header h2 {margin: 0; padding: 1em 10px 0.5em 10px; font: bold 140% sans-serif;}
.cmvl-playlist .cmvl-tiles figure header h2 {font-size: 120%; margin-right: 30px !important; clear:inherit !important; }
.cmvl-playlist .cmvl-ajax-content {overflow: hidden; position: relative;}
.cmvl-video-background {width: 100%; height: 100%; background-position: center center; background-repeat: none; max-width: initial !important; margin: 0 auto; position: absolute; top: 0; z-index: 0; filter: blur(5px); -webkit-filter: blur(5px);}

.cmvl-widget-playlist {position: relative; width: 100%; height: auto; margin: 1em 0;} 
.cmvl-widget-playlist .placeholder {color: #999999 !important;}

.cmvl-playlist nav .cmvl-video {position: relative;}
.cmvl-controls, .cmvl-controls li {list-style: none; padding: 0 !important; margin: 0 !important; color: gray;}
.cmvl-playlist nav .cmvl-controls {position: absolute; top: 1em; right: 1em;}
.cmvl-playlist figure header .cmvl-controls {}
.cmvl-tiles .cmvl-controls {float: right; padding: 8px !important;}
.cmvl-controls li {display: inline-block; margin-left: 1em !important;}
.cmvl-tiles .cmvl-controls li:before {line-height: 1.2em; height: 1.2em; display: block; vertical-align: center;}
.cmvl-controls .cmvl-bookmark:before { content: "\f154" !important; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'dashicons' !important; vertical-align: top; margin-top: 3px; color: #666666; cursor: pointer; }
.cmvl-controls .cmvl-bookmark.on:before {content: "\f155" !important; color: #ee9900;}

.cmvl-search {display: flex; justify-content: space-between; flex-wrap: wrap;}
.cmvl-search .cmvl-search-field {flex: 1 0 0;}
.cmvl-search input, .cmvl-search select {height: 2em; line-height: 2em;}
.cmvl-search .cmvl-search-btn {padding: 0 1em;}
.cmvl-search .cmvl-search-btn, .cmvl-search select {margin: 0 0 0 1em;}
.cmvl-search .cmvl-search-clear {flex-basis: 100%; display: none;}

.cmvl-playlist.cmvl-playlist-layout-left nav ul header, .cmvl-playlist.cmvl-playlist-layout-right nav ul header {padding: 5px !important; margin-left: 100px !important; display: block !important;}
.cmvl-playlist.cmvl-playlist-layout-left nav ul h3, .cmvl-playlist.cmvl-playlist-layout-right nav ul h3 {display: block !important; font-size: 98%;}
.cmvl-playlist.cmvl-playlist-layout-left nav img, .cmvl-playlist.cmvl-playlist-layout-right nav img {float: left; display: block;}
.cmvl-playlist.cmvl-playlist-layout-left nav .cmvl-video, .cmvl-playlist.cmvl-playlist-layout-right nav .cmvl-video {clear: both;}
.cmvl-playlist.cmvl-playlist-layout-left nav a, .cmvl-playlist.cmvl-playlist-layout-right nav a {min-height: 75px;}
.cmvl-playlist.cmvl-playlist-layout-left nav .cmvl-controls, .cmvl-playlist.cmvl-playlist-layout-right nav .cmvl-controls { position: static !important; text-align: left; margin-left: 100px !important;}
.cmvl-playlist.cmvl-playlist-layout-nomenu nav {display: none !important;}

.cmvl-playlist nav header.cmvl-toc {text-align: left; margin: 0.8em !important;}
.cmvl-playlist nav header.cmvl-toc h3 {margin: 0 !important; font-size: 120%; font-weight: bold; padding: 0 !important;}
.cmvl-playlist nav header.cmvl-toc .cmvl-channel-info-btn {display: block; margin: 1em 0; cursor: pointer; font-weight: bold;}

.cmvl-navbar-navigation {margin: 0 0 0em 0; background: #f0f0f0; border: solid 1px #e0e0e0; padding: 5px;}
.cmvl-navbar-categories, .cmvl-navbar-channels {display: block; margin-bottom: 5px; clear: left;}
.cmvl-navbar-navigation span {display: block;}
.cmvl-navbar-navigation select {width: 100%; margin: 0 0 5px 0;}

.cmvl-breadcrumbs, .cmvl-breadcrumbs ul, .cmvl-breadcrumbs li {list-style: none; padding: 0; margin: 0;}
.cmvl-breadcrumbs > li {display: inline-block; position: relative; height: 2em;}
.cmvl-breadcrumbs > li:before {content: "»"; width: 15px; display: inline-block; text-align: center;}
.cmvl-breadcrumbs > li:first-child:before {display: none;}
.cmvl-breadcrumbs ul {display: none; position: absolute; top: 0; left: 15px; background: #f0f0f0; white-space: nowrap; z-index: 9999;}
.cmvl-breadcrumbs ul a {display: block;}
.cmvl-breadcrumbs li:first-child ul {left: 0;}
.cmvl-breadcrumbs > li:hover ul {display: block;}
.cmvl-breadcrumbs {margin-bottom: 1em;}

.cmvl-info-block {font-weight: bold; background: #f0f0f0; padding: 30px 1em 2em 70px; margin: 1em 0 2em 0; text-align: left; position: relative; color: #333333;}
.cmvl-info-block p {color: #333333;}
.cmvl-access-denied:before { content: "\f160" !important; vertical-align: center; display: inline-block; position: absolute; top: 10px; left: 10px; text-align: left; -webkit-font-smoothing: antialiased; font: normal 50px 'dashicons' !important; vertical-align: top; color: black; }
.cmvl-not-found:before { content: "\f179" !important; vertical-align: center; display: inline-block; position: absolute; top: 10px; left: 10px; text-align: left; -webkit-font-smoothing: antialiased; font: normal 50px 'dashicons' !important; vertical-align: top; color: black; }

.cmvl-loader {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99999; background: rgba(200,200,200,0.5) url("../img/ajax-loader-big.gif") center center no-repeat; background-size: 100px 100px;}

.cmvl-stats-user-table {width: 100%; border-collapse: collapse;}
.cmvl-stats-user-table caption {font-size: 120%; font-weight: bold; padding-bottom: 1em;}
.cmvl-stats-user-table th, .cmvl-stats-user-table td {font-size: 12px; padding: 0.5em; border: solid 1px #cccccc;}
.cmvl-stats-user-table tr.cmvl-channel td:first-child {}
.cmvl-stats-user-table tr.cmvl-video td:first-child {padding-left: 1em;}
.cmvl-stats-user-table tr.cmvl-video {background: #f0f0f0; display: none;}

.cmvl-inline-nav, .cmvl-inline-nav li {list-style: none; margin: 0 !important; padding: 0 !important; font-size: 13px;}
.cmvl-inline-nav {clear: both;}
.cmvl-inline-nav li, .cmvl-inline-nav a {display: inline-block;}
.cmvl-inline-nav a {padding: 0.5em;}
.cmvl-inline-nav li.cmvl-bookmarks-link a:before { content: "\f155" !important; color: #ee9900; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'dashicons' !important; vertical-align: top; margin-top: 4px; cursor: pointer; padding-right: 5px; }
.cmvl-inline-nav li.cmvl-stats-link a:before { content: "\f185" !important; color: #cc0000; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'dashicons' !important; vertical-align: top; margin-top: 4px; cursor: pointer; padding-right: 5px; }

.cmvl-channel-paybox {line-height: 1.3em; text-align: left; padding-top: 20px; font-weight: normal;}
.cmvl-player-outer .cmvl-channel-paybox {margin-top: -75%; text-align: center; padding-top: 10%;}
.cmvl-channel-paybox h3 {font: bold 120% sans-serif;}
.cmvl-micropayments-paybox-form label {display: block; font-weight: normal;}
.cmvl-micropayments-paybox-form label input {margin-right: 0.5em; vertical-align: baseline;}
.cmvl-micropayments-paybox-form select {margin: 0 0.5em; vertical-align: center !important;}
.cmvl-micropayments-paybox-form input[type=submit] {vertical-align: center !important; border: none !important; background: #444499; border-radius: 5px 5px; font: bold 16px 'Open Sans', Arial, sans-serif; color: white; padding: 0.5em 2em; cursor: pointer;}
td .cmvl-micropayments-paybox-form input[type=submit] {font-size: 90%; padding: 0.5em 1em !important;}
.cmvl-channel-payment-buttons {margin: 0.8em 0;}
.cmvl-channel-payment-buttons ul, .cmvl-channel-payment-buttons li {list-style: none; padding: 0 !important;}
.cmvl-channel-payment-buttons ul {margin: 1em 0 0 0 !important;}
.cmvl-channel-payment-buttons li {display: inline-block; margin: 0 !important;}
.cmvl-channel-payment-buttons a {padding: 0 0.5em;}
.cmvl-channel-paybox-costs {margin-bottom: 1em;}

.cmvl-toast {position: fixed; top: 40%; width: 20%; max-width: 400px; min-width: 200px; overflow: hidden; margin: 0 auto; left: 0; right: 0; z-index: 999999; background: rgba(0,0,0,0.7); color: white; font: normal 100% sans-serif; border-radius: 10px; text-align: center; padding: 1em 2em;}
.cmvl-no-videos {padding: 1em; text-align: center;}
.cmvl-markup-button:link, .cmvl-markup-button:visited {display: inline-block; padding: 0.2em 1em; background: #33aa55; color: white; margin: 5px 2px;}

.cmvl-tab-content-outer {background: #f7f7f7;}
.cmvl-tab-content {display: none; padding: 20px 10px;}
.cmvl-tab-content .cmvl-widget-playlist {margin-top: 0 !important;}
.cmvl-tabs-menu, .cmvl-tabs-menu li {list-style: none;}
.cmvl-tabs-menu {margin: 0 !important; padding: 0 !important;}
.cmvl-tabs-menu li {background: #e9e9e9; display: inline-block; padding: 0.2em 1em !important; margin: 0 2px 0 0 !important; cursor: pointer; color: #666666;}
.cmvl-tabs-menu li.current {background: #f7f7f7; color: black;}

.cmvl-channels-list-shortcode {margin: 0.5em 0 2em 0;}
.cmvl-channels-list-shortcode h2 {font-size: 20px; margin-bottom: 0 !important; padding-bottom: 0.5em;}
.cmvl-channels-list-shortcode input {margin-top: 0 !important;}
.cmvl-channels-list-shortcode .narrow {width: 20px; white-space: nowrap;}

.cmvl-subscriptions-shortcode {margin: 0.5em 0 2em 0;}
.cmvl-subscriptions-shortcode table {width: 95%; border-collapse: collapse;}
.cmvl-subscriptions-shortcode td, .cmvl-subscriptions-shortcode th {vertical-align: top; font-size: 12px; border: 1px solid #cccccc; padding: 0.5em;}
.cmvl-subscriptions-shortcode strong {font-weight: normal;}

.cmvl-courses-list-shortcode .item { float:left; width:31.33%; margin:0% 1% 1% 1%; position: relative; }
.cmvl-courses-list-shortcode .item img { width:100%; height:100%; }

.cmvl-featured-image img { width:300px; }

.cmvl-courses-list-shortcode.square h6 { text-align: center; font-size: 20px; position: absolute; width: 100%; margin-top: -25%; z-index: 1; }
.cmvl-courses-list-shortcode.square .padlock { text-align: center; position: absolute; margin-top: -80%; margin-left: 24%; width:128px; height:128px; }

.cmvl-courses-list-shortcode.square .item { height:260px; width: 24%; margin: 0% 0.5% 1% 0.5%; }
.cmvl-courses-list-shortcode.square .item img { width:100%; height:100%; }

.cmvl-video-list .cmvl-progress-completed, .cmvl-video-list .cmvl-progress-not-started, .cmvl-video-list .cmvl-progress-started, .cmvl-video.cmvl-progress-completed header, .cmvl-video.cmvl-progress-not-started header, .cmvl-video.cmvl-progress-started header { border-left-style: solid; border-left-width: 10px;}
.cmvl-video-list .cmvl-video header {border-left: none !important;}

.cmvl-buttons {margin-top: 1em;}
.cmvl-button {display: inline-block; background: #999; padding: 0.5em 2em; font-size: 120%; color: white; margin-right: 1em; cursor: pointer;}
.cmvl-button-primary {background: #009900;}
.cmvl-button-cancel {background: #993333;}

.cmvl-video-resume-prompt { background: rgba(255,255,255,0.95); position: absolute; left: 0; top: 50%; margin-top: -15%; padding: 1em 0; width: 100%; text-align: center; font-weight: bold; }
.cmvl-video-resume-prompt .cmvl-button {font-size: 100%; padding: 0.2em 2em;}

.cmvl-lesson-course-names {padding: 0.5em 0.5em 0.5em 0;}
.cmvl-lesson-course-names ul, .cmvl-lesson-course-names li {list-style: none; display: inline;}

.lessonItem { border: 1px solid #ccc; width:49%; float:left; text-align:center; margin:0 1% 1% 0; }
.lessonItem img { clear:both; height:230px; margin-bottom:2%; }
.lessonItem a { clear:both; float:left; width:100%; text-align:center; box-shadow:none; margin-bottom:2%; }

.table { display: table; text-align: left; margin: 0 auto 0; border-collapse: separate !important; width:100%; }
.table_row { display: table-row; }
.table_cell { font-size:15px; }
.theader { display: table-row; }
.table_header { display: table-cell; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; padding-top: 10px; padding-bottom: 10px; font-weight: 700; border-right: #ccc 1px solid; padding-left:5px; }
.table_header:first-child { border-left: #ccc 1px solid; }
.table_small { display: table-cell; }
.table_row > .table_small > .table_cell:nth-child(odd) { display: none; padding-top: 10px; padding-bottom: 10px; }
.table_row > .table_small > .table_cell { padding-top: 3px; padding-bottom: 3px; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; padding-left:5px; min-height:40px; }
.table_row > .table_small:first-child > .table_cell { border-left: #ccc 1px solid; padding-left:5px; }

.video_exceed_message { position: absolute; background: #fff; color: #000; padding: 5px; text-align: center; width:100%; font-size:15px; }

.video_exceed_message.vimeo { margin-top: -110px; }
.video_exceed_message.wistia { margin-top: -200px; }

.cmvl_added_files_placeholder { clear:both; }
.cmvl_added_files_placeholder a { color:gray; }
.cmvl_added_files_placeholder a:hover { color:#000; }

.cmvl_added_files_placeholder_float { float: left; margin-right: 5px; margin-bottom:10px; }
.cmvl_added_files_placeholder_float a { color:gray; }
.cmvl_added_files_placeholder_float a:hover { color:#000; }

.cmvl-lesson-notes { width:100%; height:150px; }

@media (min-width: 980px) {
	.cmvl-tiles figure {width: 50%;}
}

@media screen and (max-width: 812px)
{
	.table { width: 90%; display: block; }
	.theader { display: none; }
	.table_row > .table_small > .table_cell:nth-child(odd) { display: table-cell; width: 50%; }
	.table_cell { display: table-cell; width: 50%; }
	.table_row { display: table; width: 100%; border-collapse: separate; padding-bottom: 20px; margin: 5% auto 0; text-align: center; table-layout:fixed; }
	.table_small { display: table-row; }
	.table_row > .table_small:first-child > .table_cell:last-child { border-left: none; }
	.table_row > .table_small > .table_cell:first-child { border-left: #ccc 1px solid; }
	.table_row > .table_small:first-child > .table_cell:first-child { border-top: #ccc 1px solid; }
	.table_row > .table_small:first-child > .table_cell:last-child { border-top: #ccc 1px solid; }
	.table_row > .table_small > .table_cell:last-child { border-right: #ccc 1px solid; }
	.table .table_row .empty_row { display:none; }
}

@media (min-width: 800px) {
	.cmvl-playlist.cmvl-playlist-layout-left, .cmvl-playlist.cmvl-playlist-layout-right {position: relative; min-height: 600px;}
	.cmvl-playlist.cmvl-playlist-layout-left figure.cmvl-video {margin-left: 250px;}
	.cmvl-playlist.cmvl-playlist-layout-right figure.cmvl-video {margin-right: 250px;}
	.cmvl-playlist.cmvl-playlist-layout-left .cmvl-video-list, .cmvl-playlist.cmvl-playlist-layout-right .cmvl-video-list { width: 250px; position: absolute; top: 0; height: 100%; overflow: auto;}
	.cmvl-playlist.cmvl-playlist-layout-left .cmvl-video-list {left: 0;}
	.cmvl-playlist.cmvl-playlist-layout-right .cmvl-video-list {right: 0;}
}

@media screen and (max-width: 700px) {
	.cmvl-playlist .cmvl-tiles figure {width: 100%;}
}

@media only screen and (max-width: 480px) {
	.cmvl-courses-list-shortcode.square .item { width:100%; margin:0 0 10px 0;}
	.cmvl-courses-list-shortcode.square .padlock { margin-top:-65%; margin-left:31%; }
}