/* CORES */
:root {    --primary: #5f9c8c !important;}
.btn-primary { color: #fff; background-color: #5f9c8c; border-color: #5f9c8c;    box-shadow: none !important; }
a, .auth-form-group-custom .auti-custom-input-icon{ color: #5f9c8c;}
a:hover { color: #4e8271;}
.btn-primary:hover, .btn-primary:active {color: #fff;background-color: #4e8271 !important ;border-color: #4e8271 !important;}
.btn-primary:focus, .btn-primary.focus {color: #fff;background-color: #4e8271 !important;border-color: #4e8271 !important;}
.btn-primary:onclick {color: #fff;background-color: #4e8271 !important;border-color: #4e8271 !important;}
.bg-soft-primary { background-color: rgb(95 156 140 / 19%)!important; }
.text-primary {    color: #4e8271!important;}
.page-item.active .page-link { z-index: 3; color: #fff; background-color: #5f9c8c; border-color: #5f9c8c; }
.page-link:hover{color: #5f9c8c;}
.badge-soft-primary { color: #4e8271; background-color: #4e827138; }
.topnav .navbar-nav .nav-item .nav-link.active, .topnav .navbar-nav .nav-link:hover{ color: #5f9c8c;}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i, body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{color: #ffffff!important;opacity: 1;}
/* CORES */

/* TÍTULO E PREÇO PÁGINA DO CURSO*/
.titulo-e-preco-produto{width:100%;display: flex;}
.titulo-curso, .preco-curso{width:50%; float:left;}
.titulo-curso span{font-weight: 600; font-size: 12px; color: #ff5252 !important;}
.preco-curso .preco-antigo {text-align:right;margin-bottom:9px;font-size: 12px;}
.preco-curso del {background: #ff5252; color: #fff !important; padding: 2px 8px; border-radius: 8px; font-size: 12px;}
.preco-curso .preco-promo {text-align:right;margin-top:0;font-size: 12px;}
.preco-promo span{background: #1cbb8c; color: #fff !important; padding: 2px 8px; border-radius: 8px; font-size: 19px;}
/* TÍTULO E PREÇO PÁGINA DO CURSO*/

/* TÍTULO PÁGINA DE PAGAMENTO*/
.titulo-pagina-pagamento h4{margin-bottom: 0; display: inline-block; padding-top: 10px !important;}
.titulo-pagina-pagamento .preco-promo{float: right;margin-top: -4px;}
.titulo-pagina-pagamento .preco-promo h6{margin-bottom: 4px;text-align: right;}
.titulo-pagina-pagamento .preco-promo span{float: right;}
/* TÍTULO PÁGINA DE PAGAMENTO*/

/* TÍTULO E PREÇO LISTAGEM DE CURSOS*/
.titulo-e-preco-produto-lista{width:100%;display: flex;}
.preco-curso-lista, .bt-comprar-lista{width:50%; float:left;}
.bt-comprar-lista{text-align: right;}
.preco-antigo-lista{font-size: 10px;margin-bottom: 1px;}
.preco-antigo-lista del{color:#ff5252 !important;}
.preco-promo-lista{font-size: 14px;margin-bottom:0;}
.preco-promo-lista span{font-size: 20px;color:#1cbb8c;}
/* TÍTULO E PREÇO LISTAGEM DE CURSOS*/

/* LISTAGEM DE CURSOS NO PACOTE*/ 
.lista-cursos-do-pacote{margin:10px 0;height: 75px; overflow-y: auto;}
.lista-cursos-do-pacote .badge{font-size: 13px!important;line-height: 16px;margin-bottom:5px;}
.lista-cursos-do-pacote::-webkit-scrollbar { width: 4px;}
.lista-cursos-do-pacote::-webkit-scrollbar-track { background: #e2e2e2}
.lista-cursos-do-pacote::-webkit-scrollbar-thumb { background-color: #4a4a4a;   border-radius: 0px;}
/* LISTAGEM DE CURSOS NO PACOTE*/

/* SCROLL BAR PÁGINA DO CURSO*/
.conteudo::-webkit-scrollbar { width: 4px;}
.conteudo::-webkit-scrollbar-track { background: #e2e2e2}
.conteudo::-webkit-scrollbar-thumb { background-color: #4a4a4a;   border-radius: 0px;}
/* SCROLL BAR PÁGINA DO CURSO*/

/* SCROLL BAR COMENTÁRIOS POSTS */
.respostas-agrupadas::-webkit-scrollbar { width: 4px;}
.respostas-agrupadas::-webkit-scrollbar-track { background: #e2e2e2}
.respostas-agrupadas::-webkit-scrollbar-thumb { background-color: #4a4a4a;   border-radius: 0px;}
/* SCROLL BAR COMENTÁRIOS POSTS */

/* Remover espaçamento do card quando estiver com tag */
.card.product-img{margin-bottom:0;}
/* Remover espaçamento do card quando estiver com tag */


@media only screen and (max-width:767px){
	/* TÍTULO E PREÇO PÁGINA DO CURSO*/
	.titulo-e-preco-produto{display: block !important;padding: 15px 0;}
	.titulo-curso, .preco-curso{width: 100% !important; float: initial !important;text-align:center !important;}
	.titulo-curso{margin-bottom:20px;}
	.preco-curso .preco-antigo, .preco-curso .preco-promo{text-align: center; font-size:0;}
	.badges-curso{text-align: center;}
	.conteudo{margin-top: 15px; text-align:center;    max-height: 200px !important;}
	.bt-comprar-curso{width:100%;     margin-bottom: 10px; }
	/* TÍTULO E PREÇO PÁGINA DO CURSO*/	
	
	
}

@media only screen and (min-width: 1200px) and (max-width:1650px){

.card-curso-geral{-webkit-box-flex: 0; -ms-flex: 0 0 33%;  flex: 0 0 33%;   max-width: 33%;}

}