/* Inicio do Arquivo .css */

body {
    background: #fff;
    overflow-x: hidden;
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}


*{
    font-family: poppins_lite;
}

a {
	text-decoration: none!important;
}

.modal-xlg {
    max-width: 950px;
	margin: 2rem auto;
}

/* Sombras */

.sombra-hover:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
}

.sombra-branca-hover:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
	box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
}

.sombra-branca-fixa {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
	box-shadow: 0px 0px 8px 0px rgba(255,255,255,.8);
}

.cor-tema-sombra-hover:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
	box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
}

.sombra-cinza-fixa {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(66, 66, 66, 0.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(66, 66, 66,.8);
	box-shadow: 0px 0px 8px 0px rgba(66, 66, 66,.8);
}

.sombra-preta-fixa {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);
}

.cor-tema-sombra {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
	box-shadow: 0px 0px 8px 0px rgba(255, 168, 0, .8);
}

.cor-tema-borda-texto-branco {
	text-shadow: 1px 1px 0 black;
	color: #ffffff;
}

/* Cores Tema do Cliente */

.cor-tema-texto-borda-preta {
	text-shadow: 1px 1px 0 black;
	color: #FFA800;
}

.cor-tema-placeholder::placeholder {
	color: #FFA800!important;
	opacity: 1; /* Firefox */	  
}

.cor-branca-placeholder::placeholder {
	color: #ffffff!important;
	opacity: 1; /* Firefox */	  
}

.cor-tema-text {
	color: #FFA800!important;
}

.cor-tema-bg {
	background-color: #FFA800!important;
}

.cor-tema-bordas {
	border-color: #FFA800!important;
}

/* Fontes da plataforma */

.roboto-menor {
	font-family: Roboto;
	font-size: 0.8125rem!important;
}

.roboto-medio {
	font-family: roboto;
	font-size: 0.9375rem!important;
}

.roboto-grande {
	font-family: roboto;
	font-size: 1.125rem!important;
}

.roboto-medium-menor {
	font-family: roboto-medium;
	font-size: 0.8125rem!important;
}

.roboto-medium-medio {
	font-family: roboto-medium;
	font-size: 15px!important;
}

.roboto-medium-grande {
	font-family: roboto-medium;
	font-size: 1.5rem!important;
}

/* Navbar dos Usuários */
.navbar .nav-link {
    color: #fff;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #fff;
}

.navbar.active {
	background: #000;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #555;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #555;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #555;
}

nav.navbar 
.dropdown:hover>.dropdown-menu, .dropdown-toggle:active {
	display: block;
}
.dropdown:hover > .dropdown-toggle {
	border-bottom: 1px solid #FFA800;
}

/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #555;
	}
}

/* Header/Navbar do Admin */
/* Inputs de Formulários */

input, textarea, select {
	border: solid 1px;
	border-color:#FFA800!important;
}
.place-holder-padding {
	padding-left: 5px;
}

.place-holder-padding::placeholder {
	padding-left: 5px;
}

div ul.dropdown-menu {
	text-align: center!important;
}

/* Cards dos Conteúdos do Pilar */
div.card_conteudo:hover button.card_button {
	background-color: #FFA800!important;
}

/* Cards do Accordion de Conteúdos */
/* Botões do Accordion */
.button_accordion.focus, .button_accordion:focus {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,0)!important;
}

/* Tela de Detalhes do Conteúdo para Compra */
/* Card de Compra de Conteúdo */
div#card-compra:hover
/* Botão de Compra */
button.card_compra_button {
	background-color: #FFA800!important;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
	-moz-box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
	box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
	color: #ffffff!important;
}

/* Cards do Accordion de Conteúdos */
div#card-compra:hover button.card_cadastro_button {
	background-color: #FFA800!important;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
	-moz-box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
	box-shadow: 2px 2px 6px 0px rgba(167,167,167,1);
}

.painelpontos_container {
    height: 250px;
	width: 400px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: -30px;
	flex-direction: column;

}

.painelpontos {
	display: flex;
	align-items: flex-end;
    height: 80%;
	width: 100%;

}

.div_aulas {
	height: 50%;
	width: 30%;
	justify-content: center;
	border-radius: 10px;
	border: rgb(131, 131, 131);
	border-style: solid;
	border-width: 2px;
	padding-top: 10px;
 	padding-right: 20px;
  	padding-bottom: 20px;
  	padding-left: 20px;
}

.div_pontos {
	height: 75%;
	width: 40%;
	justify-content: center;
	border-radius: 10px;
	border: rgb(255, 166, 0);
	border-style: solid;
	border-width: 2px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

}

.div_curtidas {
	height: 50%;
	width: 30%;
	justify-content: center;
	border-radius: 10px;
	border: rgb(131, 131, 131);
	border-style: solid;
	border-width: 2px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.centralizar {
	display: flex;
	justify-content: center;
}

.espacar {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

.espacar_pontos {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.bloco_preto {
	background-color: black;
	height: 5%;
	width: 100%;
	margin-top: -10px;
	box-shadow: 0px 5px 5px rgb(160, 160, 160);
}

.alinhar_botoes {
display: flex;
flex-direction: column	;
width: 50%;
font-weight:bold;
}

.pontos_moeda {
color: #fff !important;
display: flex;
flex-direction: row-reverse;
}