body{
	overflow-y:scroll;
}

#curso .modulos .modulos-header {
    padding: 20px;
	margin-bottom: 20px;
	gap: 15px;
    background: var(--preferences-content-bg-color) !important;
	border-bottom: 1px solid #0A0A0A;
}
#curso .modulo-head-content h2 {
    font-size: 14px;
}
#curso .modulo-head figure {
	position: relative;
    width: 130px;
    min-width: 130px;
    height: 73px;
    border-radius: 5px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.06);
    background-position: center center;
    background-size: cover;
}
#curso .modulo-head img {
	max-width: 70px;
    height: auto;
    object-fit: cover;
}
#curso .modulo-head li, 
#curso .modulos .head .content li {
	border: none !important;
	padding: 0 !important;
}
#curso .modulo-head li::before {
	content: none !important;
}
#curso .modulo-head-content p {
	font-size: 10px;
    padding-top: 10px;
}
#curso .modulo-head-content .bars li {
	padding-top: 5px !important;
	gap: 5px;
}
#curso .modulo-head-content hr.progress {
    margin: 0;
    width: 80%;
}
#curso .videos .bars li:hover {
    background: transparent;
}

#curso {
    min-height: calc(100vh - 60px);
}
#curso .curso-content {
    max-width: calc(100% - 380px);
    min-height: calc(100vh - 60px);
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#curso .curso-content .curso-content-container {
	min-height: calc(100vh - 120px);
	display: contents;
}
#curso .video {
	position: relative;
	background-color:#191919;
}
#curso .video > iframe {
	max-height: 80vh;
}
#curso .video-blocked {
	width: 100%;
	aspect-ratio: 640 / 360;/* mesma proporção que o curso.js aplica nos iframes de vídeo */
	max-height: 80vh;
	overflow: hidden;
	cursor: pointer;
}
#curso .video-blocked-thumb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	/* base -- o curso.js recalcula blur e scale conforme a ampliação da imagem */
	filter: blur(20px);
	transform: scale(1.1);
	transition: filter 200ms ease-in-out;
}
#curso .video-blocked-overlay {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.55);
	color: #fff;
	text-align: center;
	padding: 20px;
}
#curso .video-blocked-overlay figure i {
	font-size: 80px;
}
#curso .modulos {
	position: fixed;
	right: 0;
	top: 60px;
	z-index: 5;
	width: 380px;
	max-width: 85vw;
	height: calc(100vh - 60px);
	transition: all .3s ease-in-out;
}
#curso .fechar-modulos {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
	display: none;
	transition: all .3s ease-in-out;
}
#curso .modulos .scroll{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	overflow:auto;
	transform: translateX(0);
	transition: all .3s linear;
}
#curso .modulos .scroll::-webkit-scrollbar {
    width: 3px;
}
#curso .curso-content .button-modulos p .close {
	display: inline;
}
#curso .curso-content .button-modulos p .open {
	display: none;
}
#curso.close-menu .curso-content .button-modulos p .open {
	display: inline;
}
#curso.close-menu .curso-content .button-modulos p .close {
	display: none;
}

#curso .master-location-box {
    background: transparent !important;
    padding: 10px 0;
    gap: 5px 10px;
}
#curso .master-location-box a:first-child .master-location-item {
    padding-left: 0;
}
#curso .master-location-box .master-location-item {
	padding: 0 10px 0 0;
}

#curso .videos ul{
	position:relative;
	min-height:100%;
}
#curso .videos li{
	position:relative;
	padding:10px 10px;
	border-bottom:1px solid #0A0A0A;
	color:#cccccc;
	transition:all 200ms ease-in-out;
}
#curso .videos li::before{
	position:absolute;
	width:4px;
	height:0%;
	top:auto;
	bottom:0;
	left:0;
	content:"";
	background: rgb(41,100,239);
	background: -moz-linear-gradient(0deg, rgba(41,100,239,1) 0%, rgba(32,166,177,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(41,100,239,1) 0%, rgba(32,166,177,1) 100%);
	background: linear-gradient(0deg, rgba(41,100,239,1) 0%, rgba(32,166,177,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2964ef",endColorstr="#20a6b1",GradientType=1); 
	opacity:0.7;
	transition:all 200ms ease-in-out;
	transition-delay:200ms;
}
#curso .videos li:hover{
	background-color:#0A0A0A;
}
#curso .videos li.prova-box:hover{
	background-color:transparent;
}
#curso .videos li.prova-box:hover::before{
	height:0;
	opacity:0;
}
#curso .videos li.active::before, #curso .videos li:hover::before{
	height:100%;
	margin: 0;
    transform: translate(0, 0);
}
#curso .videos li figure{
	position:relative;
	width:100px;
	height:56px;
	background-color:rgba(255,255,255,0.06);
	background-position:center center;
	background-size:cover;
	margin:0 10px;
	border-radius:4px;
}
#curso .videos li figure::before{
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	content:"\f00c";
	font-family:"Font Awesome 5 Pro";
	background-color:#2E2E2E;
	top:50%;
	margin-top:-8px;
	left:-8px;
	font-size:10px;
	line-height:16px;
	text-align:center;
	opacity:0.8;
}
#curso .videos .aulabox.checked figure::before{
	background:#229754;
	opacity:1;
}
#curso .videos li h6,
#curso .videos .head h3 {
	font-size: 14px;
	color: #8E8E8E;
	line-height: 130%;
}
#curso .videos li p{
	font-size: 10px;
	color:#666666;
	padding: 4px 1px 1px;
	opacity: 0.5;
}
#curso .modulos dd .item:first-child li {
	border-top: 1px solid var(--preferences-subcontent-bg);
}
#curso .videos li.prova-box {
	background: rgba(var(--preferences-content-text-color-rgb), 0.02);
}
#curso .videohead{
	/* padding: 0 10px; */
	color:#cccccc;
}
#curso .videohead h6{
	font-size:22px;
	font-weight:normal;
	line-height:140%;
	color:#8E8E8E;
}
#curso .videohead p{
	font-size:14px;
	padding:1px;
	line-height:140%;
	color:#616161;
}
#curso .videos .head{
	background:rgba(255,255,255,0.04);
	color: var(--preferences-content-text-color);
    cursor: pointer;
    outline: none;
    gap: 7px;
	/* border-bottom:1px solid rgba(0,0,0,0.2); */
}
#curso .videos .head p{
	font-size:12px;
	color:inherit;
	opacity:0.7;
}
#curso .avaliacao {
	/* padding: 10px 5px; */
	position: relative;
}
#curso .avaliacao .estrelas input[type=radio]{
	display: none;
	height:35px;
}
#curso .avaliacao .estrelas label{
	cursor:pointer;
	color: rgb(255, 255, 255);
}
#curso .avaliacao .estrelas label i{
	color:inherit;
}
#curso .avaliacao .estrelas label i.fa:before{
	content: '\f005';
}
#curso .avaliacao .estrelas label.checked{
	opacity:1 !important;
	color:#f3cf1f !important;
}
#curso .avaliacao p{
	color: var(--preferences-content-text-color);
}
#curso .avaliacao button{
	margin: 5px 0;
    background: #ffffff;
    color: #000000;
    border: none;
    height: 18px;
    font-size: 10px;
    border-radius: 18px;
    cursor: pointer;
	transition: all 250ms ease-in-out;
}
#curso .avaliacao button.disabled{
	background: #525252;
    color: #ffffff;
	cursor:auto;
	transition: all 250ms ease-in-out;
}

#curso .avaliacao > input[type='checkbox'] {
    display: none;
}
#curso .avaliacao form {
	position: absolute;
    top: 55px;
    left: calc(50% - 63px);
    padding: 10px;
    background: var(--preferences-content-bg-color);
    border-radius: 10px;
	opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
#curso .avaliacao form p {
	text-align: center;
	padding-bottom: 7px;
	opacity: 0.8;
}
#curso .avaliacao form::before {
    content: "";
    width: 0;
    height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid var(--preferences-content-bg-color);
    position: absolute;
    top: -10px;
}
#curso .avaliacao form .estrelas i {
	font-size: 20px;
}
#curso .avaliacao #avaliacao-label:checked ~ form {
    z-index: 5;
	opacity: 1;
}

#curso .compartilhar {
	position: relative;
}
#curso .compartilhar-menu {
	position: absolute;
    top: 55px;
    left: calc(50% - 90px);
    width: 180px;
    padding: 10px;
    background: var(--preferences-content-bg-color);
    border-radius: 10px;
	opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
}
#curso .compartilhar-menu.open {
    z-index: 5;
	opacity: 1;
    pointer-events: auto;
}
#curso .compartilhar-menu::before {
    content: "";
    width: 0;
    height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid var(--preferences-content-bg-color);
    position: absolute;
    top: -10px;
    left: calc(50% - 10px);
}
#curso .compartilhar-menu p {
	text-align: center;
	padding-bottom: 7px;
	opacity: 0.8;
	color: var(--preferences-content-text-color);
}
#curso .compartilhar-opcao {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 8px 5px;
	border: none;
	background: transparent;
	color: var(--preferences-content-text-color);
	font-size: 13px;
	text-align: left;
	cursor: pointer;
	border-radius: 5px;
	transition: background 150ms ease-in-out;
}
#curso .compartilhar-opcao:hover {
	background: var(--preferences-content-bg-input);
}
#curso .compartilhar-opcao i {
	width: 16px;
	text-align: center;
}
#curso .compartilhar-opcao.copiado i {
	color: #2ecc71;
}

.carregar-comentarios .video-finishbutton{
	padding: 10px 5px;
}
.carregar-comentarios .carregar-comentarios-button button {
	position:relative;
	border: 2px solid var(--preferences-content-bg-input-second);
	border-radius:25px;
	background:transparent;
	cursor:pointer;
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	margin:5px 0;
	padding: 2px 5px;
}
.carregar-comentarios .carregar-comentarios-button button{
	font-size:11px;
	color: var(--preferences-content-text-color);
	padding: 2px 10px;
	transition:all 200ms ease-in-out;
} 
.carregar-comentarios .carregar-comentarios-button button:hover {
	background: var(--preferences-content-text-color);
	border-color: var(--preferences-content-text-color);
}
.carregar-comentarios .carregar-comentarios-button button:hover {
	color: var(--preferences-content-bg-color);
}

@media screen and (max-width:1000px){
	#curso .videobox{
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	}
	#curso .video {
		width:100%;
	}
	#curso .videos .slimScroll{
		position:relative;
	}

	body.mode-pwa #curso .modulos {
		height: calc(100vh - 60px - 76px);
	}
}

#curso .videodesc{
	position: relative;
	color: #cccccc;
}
#curso .videodesc img{
	max-width: 100%;
	height: auto !important;
}


#curso .videodesc p{
	color:#cccccc;
}
#curso .videodesc a{
	text-decoration:underline;
}

#curso-notfound{
	position:relative;
	width:100%;
	min-height:100vh;
	padding:50px 20px;
	color:#ffffff;
}
#curso-notfound h6{
	font-size:20px;
}
#curso-notfound p{
	font-size:12px;
	font-weight:normal;
}

#curso-anexos{
	position:relative;
	overflow:hidden;
	max-width:calc(100vw - 266px);
}
.master-content menu.minimified + .master-body #curso-anexos{
	max-width:calc(100vw - 86px);
}
.master-content menu.mobile + .master-body #curso-anexos{
	max-width:calc(100vw - 6px);
}
.lista-anexos{
	position:relative;
	max-width:100%;
	/* overflow: hidden; */
	gap: 8px;
}
.lista-anexos .swiper-container-anexos{
	position:relative;
	max-width: 100%;
	min-height:85px;
	overflow:hidden;
}
.lista-anexos .swiper-container-anexos .swiper-wrapper{
	position:relative;
}
.lista-anexos .swiper-container-anexos .swiper-slide{
	position:relative;
	width:auto;
	padding-left:20px;
}

.master-body .aula-divisor{
	width:100%;
	background: var(--preferences-content-bg-input);
	background-color: var(--preferences-content-bg-input);
	height: 2px;
	border:0;
	margin: 0;
}
.box-anexo {
	position:relative;
	background: var(--preferences-content-bg-input);
	border-radius: 10px;
	height: 80px;
	width: auto;
	position:relative;
	top:0px;
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	max-width:90vw;
}
.box-anexo:hover{
	transform:translateY(-4px);
}
/* anexo de aula bloqueada: card informativo, sem clique */
.box-anexo.box-anexo-blocked:hover{
	transform:none;
}
.box-anexo.box-anexo-blocked .box-anexo-main,
.box-anexo .box-anexo-action-blocked{
	cursor:default;
}
.box-anexo .box-anexo-icon{
	min-width:50px;
}
.box-anexo i{ 
	color:var(--preferences-content-bg-button);
	font-size: 20px;
	padding:0 6px;
}
.box-anexo .box-anexo-text{
	width: auto;
	margin-right: 10px;
}
.box-anexo p{
	max-width: 100%;
	font-size: 12px;
	font-weight:700;
	line-height: 140%;
	color: var(--preferences-content-text-color);
}
.box-anexo p span{
	font-size:10px;
	font-weight: 700;
	text-transform: uppercase;
	color:var(--preferences-content-bg-button);
}
.box-anexo p b{
	font-size:10px;
	font-weight: 700;
	text-transform: uppercase;
	color:#808080;
}
.aba-anexos .box-anexo{
	overflow: hidden;
}
.aba-anexos .box-anexo-side{
	flex: 0 0 auto;
	min-width: 58px;
	margin-left: auto;
	align-self: center;
	padding: 4px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.aba-anexos .box-anexo-actions{
	width: auto;
	height: auto;
}
.aba-anexos .box-anexo-action{
	position: relative;
	z-index: 2;
}
.aba-anexos .box-anexo-action.box-anexo-action-download{
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.aba-anexos .box-anexo-action.box-anexo-action-download i{
	position: relative;
	z-index: 1;
}
.aba-anexos .box-anexo-action.box-anexo-action-download::before{
	display: none;
}

#curso-comentarios{
	color:#999999;
}
.commentbox, .commentsubmit{
	display:none;
}

.comment,
.nocomments {
	position:relative;
	background:#191919;
	border-radius:10px;
	margin-bottom:10px;
}
.comment.loading{
	opacity:0.5;
}
.comment .image figure{
	position:relative;
	width:38px;
	height:38px;
	border:2px solid #333333;
	background-color:#333333;
	border-radius:50%;
	background-size:cover;
	background-position:center center;
}
.comment .image{
	position:relative;
	padding:10px;
	min-width: 50px;
}
.comment.comment-small figure{
	width:24px;
	height:24px;
	border:0;
	margin-left: 0;
}
.comment .input textarea{
	width:100%;
	min-height:44px;
	height:44px;
	resize:vertical;
	min-height:64px;
	background:transparent;
	border:0;
	/* color:#cccccc; */
	font-size:14px;
	padding:10px 0;
	padding-right:50px;
	padding-top:22px;
	outline:none;
	padding-bottom:0;
	margin-bottom: 5px;
}
.comment.comment-small textarea{
	min-height:44px;
	padding-top:13px;
	padding-bottom:0;
	font-size:12px;
}
.comment .button{
	position:absolute;
	top:0;
	left:auto;
	right:0;
	/* z-index:2; */
}
.comment .button button{
	position:relative;
	border:0;
	min-width:50px;
	min-height:66px;
	color:#999999;
	background:transparent;
	cursor:pointer;
}
.comment.comment-small .button button{
	min-height:44px;
}
.comment .info{
	padding:10px 0;
	padding-right:10px;
	overflow: auto;
}
.comment .info-head .name{
	font-size:14px;
	font-weight:bold;
}
.comment .info-head{
	margin-bottom: 5px;
}
.comment .info p.time {
    font-size: 12px;
    position: relative;
    margin-left: 7px;
}
.comment .info p.time::before {
    content: '\f017';
    font-family: 'Font Awesome 6 Pro';
    font-size: 8px;
    line-height: 10px;
    margin-right: 3px;
}
.comment .info p{
	font-size:13px;
	line-height:130%;
	letter-spacing:0.1px;
	opacity:0.7;
	/* max-width: 85%; */
	overflow: hidden;
}
.comment .info .info-tag {
	font-size: 10px;
    margin-left: 5px;
    background: var(--preferences-content-bg-input);
    padding: 3px 5px;
    border-radius: 4px;
}
.comment .info .info-tag.admin {
	background: var(--preferences-content-text-color);
    color: var(--preferences-content-bg-color);
	font-size: 8px;
    padding: 2px 5px;
}
.comment .info .info-tag.hidden {
	display: none;
}
.comment .remove{
	border:0;
	background:transparent;
	color:#777777;
	cursor:pointer;
}
.comment .replies,
.comment form {
	padding-left:15px;
}
.comment .replies .comment{
	border-bottom:1px solid rgba(255,255,255,0.03);
	border-radius:0;
}
.comment .replies .comment .image{
	min-width:50px;
}
.comment .replies .comment figure{
	width:24px;
	height:24px;
	border:0;
	margin-left:0px;
}
/* ajusta o tamanho do status do webchat para a resposta menor */
.comment .replies .comment .webchat-status-indicator {
	left: 30px !important;
	width: 5px !important;
	height: 5px !important;
}
.comment .comment-form .image{
	opacity:0.7;
}

.master-body{
	overflow:visible;
}
/* estrutura do form de comentários */
#curso-comentarios-post{
	position:sticky;
	position:-webkit-sticky;
	bottom: 5px;
	border-radius:10px;
	z-index:5;
	box-shadow:0 3px 5px rgba(0,0,0,0.2);
}
 */
.carregar-comentarios.disable{
	display:none;
}

.comment .perfilColorbox {
	cursor: pointer;
}

@media screen and (max-width:500px){
	.comment .info p{
		max-width:250px;
	}
}

@media screen and (max-width:400px){
	.comment .info p{
		max-width:200px;
	}
}

@-moz-keyframes spin {

    from { -moz-transform: rotate(0deg); }

    to { -moz-transform: rotate(360deg); }

}

@-webkit-keyframes spin {

    from { -webkit-transform: rotate(0deg); }

    to { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

    from {transform:rotate(0deg);}

    to {transform:rotate(360deg);}

}

.carregar-comentarios-button button{
	position:relative;
}

.carregar-comentarios-button button::after{
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	margin-top:-20px;
	left:0;
	font-family:"Font Awesome 5 Pro";
	content:"\f2f9";
	line-height:40px;
	-webkit-animation: spin 500ms infinite linear;
	max-width:0;
	overflow:hidden;
	transition:200ms ease-in-out;
	opacity:0;
}

.carregar-comentarios-button button.loading{
	padding-left:40px;
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
}

.carregar-comentarios-button button.loading::after{
	max-width:40px;
	opacity:1;
}

.plyr.plyr--paused iframe{
	filter: none !important;
}

#curso .logo-club {
	height: 100%;
	opacity: 0.08;
    filter: grayscale(1);
}
#curso .logo-club img {
	max-width: 70px;
	height: auto;
	object-fit: cover;
}

#curso .videos li .item-titulo {
    overflow: hidden;
}
#curso .videos figure .labels {
    z-index: 1;
}
#curso .videoheadcontainer {
	background: var(--preferences-bg-color);
	padding: 0 20px;
	gap: 10px;
}
#curso .videoheadcontainer.headsticky {
	padding-block: 20px;
}
#curso .videohead, #curso .videohead h6 {	
    overflow: hidden;
}
.commentdesc-container {
	/* max-width: calc(100vw - 430px);  */
	overflow: hidden;
}
@media (min-width: 767px) and (min-height: 800px) {
	#curso .videoheadcontainer.headsticky, 
	#curso .modulos .modulos-header {
		position: sticky;
		top: 58px;
		/* flex-wrap: nowrap; */
		z-index: 2;
	}
	#curso .modulos .modulos-header {
		top: 0;
		z-index: 11;
	}
	#curso .videohead {
		width: 50%;
	}
}
@media screen and (max-width: 991px) {
	.commentdesc-container {
		max-width: calc(100vw - 250px);
	}
	#curso .curso-content {
		max-width: 100%;
	}
	#curso .fechar-modulos {
		display: flex;
	}
	#curso.close-menu .fechar-modulos {
		display: none;
	}
}
@media screen and (max-width: 575px) {
	.commentdesc-container {
		max-width: calc(100vw - 140px);
	}
	
}

#curso .modulos dl {
	margin: 10px 20px;
    border-radius: 10px;
    overflow: hidden; 
}
#curso .modulos dd {
	background: rgba(var(--preferences-content-text-color-rgb), 0.02);
}

#curso.close-menu .modulos,
#curso.close-menu .modulos .scroll {
	transform: translateX(100%);
}
#curso.close-menu .curso-content {
    max-width: 100%;
}
#curso .master-panel-openbtn {
	border-radius: 10px 0 0 10px;
    position: relative;
    width: auto;
    padding: 10px 10px 10px 35px;
    font-size: 14px;
}
#curso .master-panel-openbtn::before, 
#curso .master-panel-openbtn::after {
	position: absolute;
	left: 15px;
	font-family:"Font Awesome 5 Pro";
	color: white;
	transition: all .3s ease-in-out;
}
#curso .master-panel-openbtn::before {
	content: "\f054";
}
#curso .master-panel-openbtn::after {
	content: "\f0c9";
	opacity: 0;
}

#curso.close-menu .master-panel-openbtn::before {
	opacity: 0;
}
#curso.close-menu .master-panel-openbtn::after {
	opacity: 1;
}

#curso .page-header-abas {
	color: white;
}
#curso .page-header-abas.content-bg {
    border-radius: 10px 10px 0 0;
}
#curso .page-header-abas button {
	cursor: pointer;
}
#curso .aba {
	padding: 20px;
}
#curso .aba .ballon {
    position: absolute;
    top: 5px;
    right: -5px;
    background: rgba(var(--preferences-content-text-color-rgb));
    border-radius: 50%;
    font-size: 10px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}
#curso .aba .ballon::after {
	content: attr(data-qtd);
	color: rgba(var(--preferences-content-text-color-rgb));
    filter: invert(1);
}
#curso .aba .ballon-tres {
    font-size: 8px;
}

#curso .curso-abas {
    max-width: 100%;
    padding: 0 20px;
}
#curso .curso-abas-content {
    /* padding: 15px; */
    min-height: 300px;
}

#curso .curso-abas-content .curso-aba {
	opacity: 1;
	transition: all .3s ease-in-out 1s;
}
#curso .curso-abas-content .curso-aba.content-bg {
    padding: 20px;
    border-radius: 0 0 10px 10px;
}
#curso .curso-abas-content .curso-aba:not(.active) {
	display: none;
	opacity: 0;
}
#curso .modulos .head .content p {
	padding-top: 3px;
}


#curso .curso-aula-button {
    background: var(--preferences-subcontent-bg);
	cursor: pointer;
    border: none;
    outline: none;
    padding: 15px;
	margin: 0 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    gap: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	width: 100%;
}
#curso .curso-aula-button p,
#curso .curso-aula-button i,
#curso .curso-aula-button figcaption,
#curso .curso-aula-button figcaption b {
	color: var(--preferences-content-text-color);
}
#curso .curso-aula-button p,
#curso .curso-aula-button b {
	font-size: 14px;
}
#curso .button-modulos .curso-aula-button p {
    display: flex;
    gap: 5px;
}
#curso .avaliacao-star span {
	font-size: 11px;
	opacity: 0.5;
}
#curso .video-finishbutton button {
    background: var(--preferences-content-bg-button);
}
#curso .video-finishbutton button.checked{
	background:#229754;
	border-color:#229754;
}
#curso .video-finishbutton button.checked *{
	color:#ffffff;
}
#curso .video-finishbutton button.checked figure{
	border-color:rgba(255,255,255,0.5);
	color:#ffffff;
}
#curso .video-finishbutton button.checked figcaption{
	color:#ffffff;
}
#curso .content-notfound {
    color: rgba(var(--preferences-content-text-color-rgb), 0.5);
	opacity: 0.6;
}
#curso .content-notfound h6 {
    font-size: 26px;
    padding-bottom: 10px;
}

#curso .mobile {
	display: none;
}

#curso .nocomments {
	display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 0 0 10px 10px;
	min-height: 300px;
}
#curso .nocomments i {
	font-size: 70px;
	opacity: 0.5;
	padding-bottom: 20px;
}
#curso .nocomments.show {
	display: flex;
}
.nocomments p {
    opacity: 0.5;
}

#curso .curso-aula-acoes {
	min-width: fit-content;
	gap: 10px;
}

@media screen and (max-width: 767px) {
	#curso .videoheadcontainer {
		max-width: 100%;
	}

	#curso.close-menu .master-panel-buttons {
		display: none;
	}

	#curso .curso-aula-acoes {
		width: 100%;
		gap: 5px;
	}
	#curso .curso-aula-button {
		width: 100%;
		margin: 0;
	}

	#curso .videoheadcontainer.headsticky {
		padding-bottom: 0;
	}
	#curso .mobile {
		display: flex;
	}
	#curso .desktop {
		display: none;
	}
}

@media screen and (max-width: 900px) {
    #cboxContent, #cboxLoadedContent{
        width: 100% !important;
    }
}

/** Botão de transmissão */
#curso .transmissao {
    position: relative;
}

#curso .transmissao::before {
    position: absolute;
    font-family: 'Nunito Sans';
    font-size: 10px;
    transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
}

#curso .transmissao.sync::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #229754;
    color: white;
    top: -2px;
    right: -6px;
}

#curso .transmissao.sync:hover::before,
#curso .transmissao.connected::before {
    width: auto;
    height: auto;
    padding: 5px 10px;
    border-radius: 10px;
    right: -15px;
    top: -10px;
}

#curso .transmissao.sync:hover::before {
    content: " ";
}

#curso .transmissao.connected::before {
    content: " ";
    background: var(--preferences-content-bg-button);
    color: var(--preferences-content-button-text-color);
}

#curso .transmissao.sync.error::before {
    background-color: #d64a4a;
}
#curso .transmissao.sync.error:hover::before {
	content: " ";
}


#curso .button-ranking-points {
	position: relative;
}
#curso .button-ranking-points::before {
	content: attr(data-points);
    position: absolute;
    top: -13px;
    right: 5px;
    background-color: #1e76b1;
    padding: 5px 30px 5px 10px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 15px;
	box-shadow: 0px 3px 6px #0000003B;
}
#curso .button-ranking-points::after {
    content: "\f762";
    font-family: "Font Awesome 6 Pro";
    font-size: 15px;
    font-weight: bold;
    color: white;
    position: absolute;
    top: -9px;
    right: 15px;
}

/* #curso #meetingSDKElement > div {
	width: calc(100vw - 500px) !important;
	height: calc(width * 9 / 16) !important;
}
#curso.close-menu #meetingSDKElement > div {
	width: calc(100vw - 100px) !important;
	height: calc(width * 9 / 16) !important;
} */

/* Estilo para provas concluídas */
#curso .modulos dt .prova-icon {
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	flex-shrink: 0;
}

#curso .modulos dt .prova-icon::before {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	background-color: #2E2E2E;
	top: 50%;
	margin-top: -8px;
	left: 0px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	opacity: 0.8;
	color: white;
}

#curso .modulos dt.checked .prova-icon::before {
	background-color: #229754;
	opacity: 1;
	color: white;
}

#curso .modulos dt .content {
	align-items: flex-start;
	gap: 0;
}

#curso .modulos dt .content h3 {
	margin: 0;
	padding: 0;
	line-height: 1;
}

#curso .modulos dt .content .flex-container {
	align-items: flex-start;
}

/* #zmmtg-root {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: absolute;
	z-index: 1000;
}


#zoom-container {
	position: relative;
} */