@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; clear:both;}
.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 .video_notes_bottom { width: 100%; clear:both; float:left; margin-bottom:5px; }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_message { width: 90%; float:left; padding-left:5px; }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_loader { width: 10%; float:right; text-align:right; padding-right:5px; }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_loader i { width:16px; height:16px; display: block; float: right; margin-top: 5px; }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_loader i.loader { background:url("../img/ajax-loader.gif"); }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_loader i.success { background:url("../img/success.png"); }
.cmvl-playlist .video_notes_bottom .video_notes_bottom_loader i.failure { background:url("../img/failure.png"); }
.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: 0.5em; clear: none;}
.cmvl-playlist nav ul header h3 {font: normal 14px sans-serif;}
.cmvl-playlist nav ul header p {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; width:150px; }

.cmvl-lesson-description, .cmvl-course-description {margin: 0.5em;}
.cmvl-ajax-content .cmvl-quiz-questions { margin: 0.5em; }

.cmvl-lesson-metainfo { clear:both; float:left; width:100%; padding:0.5em; }
.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%; 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; float: left; width:100%; }
.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: 10px 10px 10px 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; background: #F5F5F5; }
.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;}

.playlist_playlist_2 .cmvl_video_title {  }
.playlist_playlist_2 .cmvl_video_content { padding-bottom:5px; }

.cmvl_video_new { font-weight:bold !important; color:red; animation: blinker 2s linear infinite; }
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
header.playlist_tiles .cmvl_video_new { font-size: 14px; display: inline-block; padding-left: 5px; }

.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: 10px !important; margin-bottom: 10px !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-controls .cmvl-userplaylist { cursor:pointer; }

.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; cursor: pointer;}
.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-stats-user-table .table_row.cmvl-channel a { padding-left:10px; }
.cmvl-stats-user-table .table_row.cmvl-channel a.cmvl-details { padding-left:0px; }
.cmvl-stats-user-table .table_row.cmvl-video a { padding-left:20px; }

.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 { display:inline-block; }
.cmvl-courses-list-shortcode.square h6 { text-align: center; font-size: 20px; position: absolute; width: 100%; margin-top: -15%; z-index: 1; color:#fff; background:#000; opacity:0.5; }
.cmvl-courses-list-shortcode.square .padlock { text-align: center; position: absolute; margin-top: -50%; margin-left: 32%; width: 64px; height: 64px; background-size: contain; background-repeat: no-repeat; }
.cmvl-courses-list-shortcode.square .item { width: 24%; margin: 0% 0.5% 1% 0.5%; }
.cmvl-courses-list-shortcode.square .item img { width:100%; height:100%; }

.cmvl-courses-list-shortcode.list .item { display:inline-block; background:#eee; border:1px solid #ddd; width: 24%; margin: 0% 0.5% 1% 0.5%; }
.cmvl-courses-list-shortcode.list div.total { text-align: left; font-size: 14px; padding-left:10px; padding-right:10px; margin-top:10px; }
.cmvl-courses-list-shortcode.list div.name { text-align: left; font-size: 16px; padding-left:10px; padding-right:10px; margin-bottom:10px; }
.cmvl-courses-list-shortcode.list div.bar { text-align: left; height:5px; background-color:#ddd; margin-left:10px; margin-right:10px; margin-bottom:10px; }
.cmvl-courses-list-shortcode.list div.bar .fill { background:#333; height:5px; max-width:100%; }
.cmvl-courses-list-shortcode.list div.per { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; margin-bottom:10px; }
.cmvl-courses-list-shortcode.list .item .padlock { text-align: center; position: absolute; margin-top: -36px; right: 6px; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; }
.cmvl-courses-list-shortcode.list .item img { width:100%; height:100%; }

.cmvl-subscriptions-shortcode.list .item { display:inline-block; background:#eee; border:1px solid #ddd; width: 24%; margin: 0% 0.5% 1% 0.5%; float:left; }
.cmvl-subscriptions-shortcode.list div.name { text-align: left; font-size: 16px; padding-left:10px; padding-right:10px; margin-bottom:0px; }
.cmvl-subscriptions-shortcode.list .item img { width:100%; height:150px; }
.cmvl-subscriptions-shortcode.list .item .next_billing_cycle { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; margin-bottom:5px; }
.cmvl-subscriptions-shortcode.list .item .next_billing_cycle strong { font-weight:bold; }

.cmvl-subscriptions-shortcode.list2 .item { display:inline-block; background:#eee; border:1px solid #ddd; width: 24%; margin: 0% 0.5% 1% 0.5%; float:left; }
.cmvl-subscriptions-shortcode.list2 div.total { text-align: left; font-size: 14px; padding-left:10px; padding-right:10px; margin-top:10px; }
.cmvl-subscriptions-shortcode.list2 div.name { text-align: left; font-size: 16px; padding-left:10px; padding-right:10px; margin-bottom:10px; }
.cmvl-subscriptions-shortcode.list2 div.bar { text-align: left; height:5px; background-color:#ddd; margin-left:10px; margin-right:10px; margin-bottom:10px; }
.cmvl-subscriptions-shortcode.list2 div.bar .fill { background:#333; height:5px; max-width:100%; }
.cmvl-subscriptions-shortcode.list2 div.per { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; margin-bottom:10px; }
.cmvl-subscriptions-shortcode.list2 .item img { width:100%; height:150px; }
.cmvl-subscriptions-shortcode.list2 .item .next_billing_cycle { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-details { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-details strong { font-weight:bold; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-start { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-start strong { font-weight:bold; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-end { text-align: left; font-size: 12px; padding-left:10px; padding-right:10px; margin-bottom: 20px; }
.cmvl-subscriptions-shortcode.list2 .item .subscription-end strong { font-weight:bold; }

.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;}
.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:80px; }
.table_row > .table_small > .table_cell.res_heading { min-height:auto; }
.table_row > .table_small:first-child > .table_cell { border-left: #ccc 1px solid; padding-left:5px; }

.table_small .cmvlpay-paybox h3 { display:none; }
.table_small .cmvlpay-paybox p { display:none; }
.table_small .cmvlpay-paybox form { margin-top:0px; }
.table_small .cmvlpay-paybox .cmvlpay-payment-buttons input[type="submit"] { padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:10px; }

.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; }

#channel-file-wrapper { clear:both; width:100%; float:left; }

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

.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_message { width: 90%; float:left; padding-left:5px; }
.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_loader { width: 10%; float:right; text-align:right; padding-right:5px; }
.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_loader i { width:16px; height:16px; display: block; float: right; margin-top: 5px; }
.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_loader i.loader { background:url("../img/ajax-loader.gif"); }
.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_loader i.success { background:url("../img/success.png"); }
.lesson-note-conatiner .lesson_notes_bottom .lesson_notes_bottom_loader i.failure { background:url("../img/failure.png"); }

.cmvl_description { margin-top:15px; }
.playlist_playlist_1 h2 { padding: 10px 10px 5px 10px !important; }
.playlist_playlist_1 p.cmvl_video_content { padding:0px 10px 10px 10px; }

/* new style css like udaya */
nav.cmvl-video-list-thumbnail { background: #ccc; padding: 10px; }
nav.cmvl-video-list-thumbnail > ul,
nav.cmvl-video-list-thumbnail > ul > li { display: inline-block; vertical-align:top; }
nav.cmvl-video-list-thumbnail .cmvl-video { width: 19.6%; margin-right: 0.4% !important; margin-bottom: 0.4% !important; }
nav.cmvl-video-list-thumbnail .cmvl-controls { position: inherit !important; width: 100%; }
nav.cmvl-video-list-thumbnail .cmvl-progress-completed,
nav.cmvl-video-list-thumbnail .cmvl-progress-not-started,
nav.cmvl-video-list-thumbnail .cmvl-progress-started,
nav.cmvl-video-list-thumbnail .cmvl-video.cmvl-progress-completed header,
nav.cmvl-video-list-thumbnail .cmvl-video.cmvl-progress-not-started header,
nav.cmvl-video-list-thumbnail .cmvl-video.cmvl-progress-started header { border-left-width: 5px !important; }
nav.cmvl-video-list-thumbnail img { width:100%; }
nav.cmvl-video-list-thumbnail .cmvl-controls li { margin-left:5px !important; margin-top:5px !important; margin-bottom:0px !important; }
nav.cmvl-video-list-thumbnail .cmvl-controls li:last-child { float:right; margin-right:5px !important; }
nav.cmvl-video-list-thumbnail .playlist_playlist_2 { padding-left:5px; width:100%; }
nav.cmvl-video-list-thumbnail ul li.locked a div.lockedp span.desc { line-height:18px !important; }

nav.cmvl-video-list-thumbnail-large { background: transparent; padding: 30px 0; border:none; }
nav.cmvl-video-list-thumbnail-large > ul,
nav.cmvl-video-list-thumbnail-large > ul > li { display: inline-block; vertical-align:top; }
nav.cmvl-video-list-thumbnail-large .cmvl-video { width: 48%; margin-left:2% !important; margin-bottom:4% !important; margin-right:0 !important; }
nav.cmvl-video-list-thumbnail-large .cmvl-video:nth-child(odd) { margin-left:0 !important; margin-right:2% !important; }
nav.cmvl-video-list-thumbnail-large .cmvl-controls { position: inherit !important; width: 100%; }
nav.cmvl-video-list-thumbnail-large .cmvl-progress-completed,
nav.cmvl-video-list-thumbnail-large .cmvl-progress-not-started,
nav.cmvl-video-list-thumbnail-large .cmvl-progress-started,
nav.cmvl-video-list-thumbnail-large .cmvl-video.cmvl-progress-completed header,
nav.cmvl-video-list-thumbnail-large .cmvl-video.cmvl-progress-not-started header,
nav.cmvl-video-list-thumbnail-large .cmvl-video.cmvl-progress-started header { border-left-width: 10px !important; }
nav.cmvl-video-list-thumbnail-large img { width:100%; }
nav.cmvl-video-list-thumbnail-large .cmvl-controls { border-bottom:1px solid #000; border-top:none; }
nav.cmvl-video-list-thumbnail-large .cmvl-controls li { margin-top:10px !important; font-size:15px; color:#000; }
nav.cmvl-video-list-thumbnail-large .cmvl-controls li:last-child { float:right; margin-right:10px; }
nav.cmvl-video-list-thumbnail-large .playlist_playlist_2 { padding-left:0px; width:100%; }
nav.cmvl-video-list-thumbnail-large .playlist_playlist_2 .cmvl_video_title { font-size:16px; font-weight:bold; margin-top: 10px !important; margin-bottom: 5px !important;}
nav.cmvl-video-list-thumbnail-large .playlist_playlist_2 .cmvl_video_content { font-size:15px; }
nav.cmvl-video-list-thumbnail-large .playlist_playlist_2 .cmvl_video_new { display:none; }
nav.cmvl-video-list-thumbnail-large a { border:0px solid transparent; background:transparent; }
nav.cmvl-video-list-thumbnail-large a:hover { border:0px solid transparent; background:transparent; }
nav.cmvl-video-list-thumbnail-large .lockedp.outer { font-size:15px; text-align:center; font-weight:bold; text-transform: uppercase; }
nav.cmvl-video-list-thumbnail-large li.current a { background:transparent; }
nav.cmvl-video-list-thumbnail-large ul li.locked { opacity:1; }

.cmvl-playlist-layout-thumb-large .cmvl-ajax-content { background:transparent; border:none; }
.cmvl-playlist-layout-thumb-large figure { background:transparent; border:none; }
.cmvl-playlist-layout-thumb-large figure header { background:transparent; border:none; }
.cmvl-playlist-layout-thumb-large .playlist_playlist_1 h2 { padding: 10px 0px 5px 0px !important; }
.cmvl-playlist-layout-thumb-large .playlist_playlist_1 p.cmvl_video_content { padding:0px 0px 10px 0px !important; margin-bottom:10px; color:#000; }
.cmvl-playlist-layout-thumb-large .cmvl-controls { border-top:1px solid #000; }
.cmvl-playlist-layout-thumb-large .cmvl-controls li { margin-top: 10px !important; font-size:15px; color:#000; }
.cmvl-playlist-layout-thumb-large .cmvl-controls li:first-child { margin-left:0px !important; }
.cmvl-playlist-layout-thumb-large .cmvl-controls li:last-child { float:right; margin-right:0px !important; }

form.cmvl-report-form { clear:both; width:100%; float:left; }
form.cmvl-report-form input { margin-bottom:10px; }
form.cmvl-report-form select { margin-bottom:10px; }
form.cmvl-report-form input[type="submit"] { cursor:pointer; }
p.found_results { clear:both; width:100%; float:left; margin-top:20px; }
table.cmvl-report-table { clear:both; width:100%; float:left; margin-top:20px; }

/* playlist locked */
ul li a div.lockedp { display:none; }
ul li.locked { opacity:0.4; }
ul li.locked a { cursor:default; }
ul li.locked a div.lockedp { display:block; position:absolute; text-align:center; width:100%; padding-top:15px; }
ul li.locked a div.lockedp span.heading { display: block; font-size:24px; }
ul li.locked a div.lockedp span.desc { display: block; font-size:16px; padding-top: 5px; margin: auto; }
ul li.locked .cmvl_video_new { visibility:hidden; }
.lockedh2 .cmvl_video_new { visibility:hidden !important; }

/* tiles locked */
.cmvl-player-outer div.lockedp { display:none; }
.cmvl-player-outer.locked div.lockedp { padding-top:90px; display: block; position: absolute; text-align: center; background: #ccc; z-index: 9999; height: 240px; width: 100%; margin-top: -240px; opacity: 0.9; }
.cmvl-player-outer.locked div.lockedp span.heading { display: block; font-size: 24px;  }
.cmvl-player-outer.locked div.lockedp span.desc { display: block; font-size: 16px; padding-top: 5px; width: 65%; margin: auto; }

.cmvl_playlist_next_prev { clear:both; float:left; width:100%; margin-bottom:20px; }
.cmvl_playlist_next_prev .cmvl_playlist_prev { float:left; background: #ccc; color: #333; padding: 10px 20px; text-align: center; }
.cmvl_playlist_next_prev .cmvl_playlist_next { float:right; background: #ccc; color: #333; padding: 10px 20px; text-align: center; }

.cmvl_playlist_summary { margin-top: 0px; margin-bottom: 30px; float: left; width: 100%; clear: both; background:#ccc; padding:2em; color:#000; }

.cmvl_video_documents { padding:10px; font-size:15px; }
#video-file-wrapper { float: left; background: #f5f5f5; width: 100%; }

.cmvl_list_main_container { clear:both; }
.cmvl_list_main_container hr { color:#eee; }
.cmvl_list_main_container .cmvl_list_left_container { float:left; width:30%; }
.cmvl_list_main_container .cmvl_list_left_container .back_to_course { clear:both; margin-bottom:40px; }
.cmvl_list_main_container .cmvl_list_left_container .back_to_course a { background:#eee; border-radius:15px; padding:10px 30px; color:#333; }
.cmvl_list_main_container .cmvl_list_left_container h1 { clear:both; font-size:20px; margin-top:20px; }
.cmvl_list_main_container .cmvl_list_left_container .course_desc { margin-bottom:20px; }
.cmvl_list_main_container .cmvl_list_left_container .bar { clear:both; text-align: left; height:5px; background-color:#ddd; margin-top:10px; margin-bottom:10px; }
.cmvl_list_main_container .cmvl_list_left_container .bar .fill { background:#333; height:5px; max-width:100%; }
.cmvl_list_main_container .cmvl_list_left_container .per { clear:both; }
.cmvl_list_main_container .cmvl_list_left_container .hide_buttons { clear:both; }
.cmvl_list_main_container .cmvl_list_left_container .hide_buttons a { background:#eee; border-radius:15px; padding:10px 30px; color:#333; margin-bottom:10px; display:block; text-align:center; }
.cmvl_list_main_container .cmvl_list_left_container h3 { clear:both; margin-top:25px; }
.cmvl_list_main_container .cmvl_list_left_container .lesson_desc { margin-bottom:10px; }
.cmvl_list_main_container .cmvl_list_left_container .video { position: relative; clear:both; margin-bottom:10px; padding-left:10px; line-height:30px; border-radius: 0px 50px 50px 0px; }
.cmvl_list_main_container .cmvl_list_left_container .video a { display: block; }
.cmvl_list_main_container .cmvl_list_left_container .video.active { background: #eee; }
.cmvl_list_main_container .cmvl_list_left_container .video.completed { text-decoration: line-through; -webkit-text-decoration-line: line-through; text-decoration-color: #333; -webkit-text-decoration-color: #333; }
.cmvl_list_main_container .cmvl_list_left_container .video.locked .cmvl_video_new { visibility:hidden; }
.cmvl_list_main_container .cmvl_list_left_container .video.completed .cmvl_video_new { visibility:hidden; }
.cmvl_list_main_container .cmvl_list_left_container .video:not(.locked):hover { background: #eee; }
.cmvl_list_main_container .cmvl_list_left_container .video span.tick { position: absolute; right: 0; top: 0; width:30px; height:30px; line-height: 12px; border-radius:50%; padding:10px; background-color:#ddd; color:#333; float:right; }
.cmvl_list_main_container .cmvl_list_left_container .video span.tick:not(.completed):hover { cursor:pointer; background:#333; color:#fff; }
.cmvl_list_main_container .cmvl_list_left_container .video span.tick.completed { background-color:#333; color:#fff; }
.cmvl_list_main_container .cmvl_list_left_container .video span.lock { width:30px; height:30px; line-height: 12px; border-radius:50%; padding:10px 10px 10px 7px; background-color:#ddd; color:#333; float:right; }
.cmvl_list_main_container .cmvl_list_left_container .video span.cmvl_video_unlock_dt { float:right; margin-right:10px; font-size:12px; }
.cmvl_list_main_container .cmvl_list_right_container { float:left; width:70%; padding-left:10%; }
.cmvl_list_main_container .cmvl_list_right_container .breadcrumbs { clear:both; margin-bottom:15px; }
.cmvl_list_main_container .cmvl_list_right_container .nav { clear:both; margin-top:15px; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_left { float:left; width:25%;  }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_left .pagi { color:#333; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right { float:left; width:75%;  }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .btn { float:right; background:#ddd; border-radius:15px; padding:5px 15px; color:#333; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .btn.completed { background:#333; color:#fff; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .prev { float:right; border-radius:15px 0px 0px 15px; font-weight:bold; background:#eee; margin-left:15px; padding:5px 20px; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .prev.disabled a { color:#ccc; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .next { float:right; border-radius:0px 15px 15px 0px; background:#eee; margin-left:5px; padding:5px 20px; }
.cmvl_list_main_container .cmvl_list_right_container .nav .nav_right .next.disabled a { color:#ccc; }
.cmvl_list_main_container .cmvl_list_right_container h4 { float:left; width:100%; clear:both; margin-top:50px; font-weight:bold; }
.cmvl_list_main_container .cmvl_list_right_container .cmvl_list_view_controls li { margin-left:0px !important; margin-right:10px !important; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame { float:left; width:100%; clear:both; margin-top:20px; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame textarea { width:100%; }

.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom { width: 100%; clear:both; float:left; margin-bottom:5px; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_message { width: 90%; float:left; padding-left:5px; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_loader { width: 10%; float:right; text-align:right; padding-right:5px; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_loader i { width:16px; height:16px; display: block; float: right; margin-top: 5px; }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_loader i.loader { background:url("../img/ajax-loader.gif"); }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_loader i.success { background:url("../img/success.png"); }
.cmvl_list_main_container .cmvl_list_right_container .video_frame .video_notes_bottom .video_notes_bottom_loader i.failure { background:url("../img/failure.png"); }

.cmvl_list_main_container a { color:#333; text-decoration:none; }
.cmvl_list_main_container a:hover { color:#333; text-decoration:none; }
.cmvl_list_main_container .cmvl_list_right_container .mark_complete_btn { margin-top:30px; margin-bottom:30px; float:left; background:#ddd; border-radius:15px; padding:5px 15px; color:#333; }

.cmvlpay-paybox-sep { clear: both; float: left; width: 100%; margin-top:30px; }
.cmvlpay-paybox-sep .cmvlpay-paybox { background: #eee; padding: 20px; }

.locked_section { height:360px; }
.locked_section img { width:100%; position:absolute; height:360px; }
.locked_section .locked_section_content { position:absolute; width:100%; background:#f0f0f0; height:360px; opacity:0.8; text-align:center; color:#000; }
/*
.locked_section .locked_section_content .current_video_title { text-align:center; font-size:18px; margin-bottom:20px; }
.locked_section .locked_section_content .purchase_subscription { margin-bottom:20px; }
.locked_section .locked_section_content .sign_in_text { text-align:center; }
.locked_section .locked_section_content .sign_in_text a { color:#2ea3f2; }
.locked_section .locked_section_content .sign_in_text a:hover { text-decoration:none; }
*/
.locked_section .locked_section_content .cmvl-info-block { text-align:center; }

.cmvl-video-list .cmvl-video .padlock { text-align: center; position: absolute; margin-top: -75px; margin-left: 6px; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; }
.cmvl-video-list.cmvl-video-list-thumbnail .cmvl-video .padlock { text-align: center; position: absolute; margin-top: -50%; margin-left: 5%; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; }
.cmvl-video-list.cmvl-video-list-thumbnail-large .cmvl-video .padlock { text-align: center; position: absolute; margin-top: -50%; margin-left: 5%; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; }

.adisabled { pointer-events:none; cursor:default; opacity:0.2; }

/*
.cmvl-playlist nav > ul {
	display: block;
	background:#000000;
}

.cmvl-playlist nav > ul > li {
	display: inline-block;
}

.cmvl-video-skip {
  display: block !important;
}

.cmvl-video-skip div {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 26px;
  color: #fff;
  padding: 10px 0px;
}

.cmvl-playlist nav .cmvl-video {
	width: fit-content!important;
}

.cmvl-playlist nav .cmvl-controls {
	right: 0em!important;
	position: relative!important;
	padding-bottom: 10px!important;
}

.cmvl-playlist nav img {
	width: 275px!important;
}

.cmvl-playlist nav ul header {
	display: list-item!important;
	overflow-y: hidden;
}

.cmvl-playlist nav ul h3 {
	display: list-item!important;
	overflow-y: hidden;
}

.cmvl-playlist nav ul header h3 {
    padding: 15px 15px 15px 0px!important;
}

.cmvl-controls .cmvl-userplaylist {
    cursor: pointer;
    font-size: 13px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    fill: #ffffff!important;
    color: #ffffff!important;
    background-color: #E5BE71!important;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 5px -5px 60px 0px rgb(0 0 0 / 10%);
    padding: 16px 40px 16px 40px!important;
	margin-right: 10px!important
}

.cmvl-video-list .cmvl-video header {
    border-left: none !important;
    width: 260px;
}

.cmvl-playlist nav {
    overflow-x: auto;
    overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.cmvl-controls li {
    margin-right: 10px!important;
}

.cmvl-playlist nav li.current a {
    background: #000!important;
}

.cmvl-playlist nav a {
    background: #000!important;
}

.cmvl-playlist figure header h2 {
	color: black;
}

.cmvl-playlist nav ul header h3 {
    color: white;
}

.cmvl-playlist nav ul header p {
    color: white;
}

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

.cmvl-playlist nav a {
    border: none!important;
	padding-right: 5px;
}

.cmvl-controls .cmvl-userplaylist {
	display: block;
    width: fit-content;
}
*/

.cmvl_user_info_shortcode_container { clear:both; width:100%; display:inline-block; }
.cmvl_user_info_shortcode_container .user_name { font-weight:bold; text-align:left; margin-left:10px; margin-bottom:10px; }
.cmvl_user_info_shortcode_container .user_points { text-align:left; margin-left:10px; margin-bottom:10px; }
.cmvl_user_info_shortcode_container .user_badges { margin-left:10px; margin-bottom:10px; float:left; width:100%; }
.cmvl_user_info_shortcode_container .user_badges .badge_col { width:50px; display:inline-block; float:left; }
.cmvl_user_info_shortcode_container .user_badges .badge_col img { max-width:48px; margin-right:10px; }
.cmvl_user_info_shortcode_container .user_badges .badge_col span { text-align:center; width:100%; display:inline-block; }

.cmvl_badges_shortcode_container { clear:both; width:100%; display:inline-block; }
.cmvl_badges_shortcode_container .user_points { text-align:left; width:100%; display:inline-block; margin-left:10px; margin-bottom:10px; }
.cmvl_badges_shortcode_container .badges_container { clear:both; width:100%; display:inline-block; }
.cmvl_badges_shortcode_container .badges_container .badge_row { clear:both; width:100%; display:inline-block; margin-bottom:10px; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_img_name { width:30%; display:inline-block; float:left; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_img_name img { max-width:48px; margin-right:20px; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_img_name span { vertical-align:top; line-height:48px; padding-left:10px; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_points { width:70%; display:inline-block; float:left; line-height:48px; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_points button { margin-left:20px; background:#333; color:#fff; padding:6px 12px; border:none; cursor:pointer; }
.cmvl_badges_shortcode_container .badges_container .badge_row .badges_points button[disabled] { background:#ddd; color:#333; cursor:default; }

@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; }
	.table_small .cmvlpay-paybox h3 { display:block; }
	.table_small .cmvlpay-paybox p { display:block; }
	.table_small .cmvlpay-paybox form { margin-top:1em; }
	.table_small .cmvlpay-paybox .cmvlpay-payment-buttons { text-align:center; }
	.table_small .cmvlpay-paybox .cmvlpay-payment-buttons input[type="submit"] { padding-top:0.5em; padding-bottom:0.5em; padding-left:2em; padding-right:2em; }
}
@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%; }
}