#menu_superior .linha_1 .btn {
	margin: .250rem .200rem .0rem .0rem;
	border-radius: .0rem;
	min-height: 47px;
	max-height: 47px;
}

#menu_superior .linha_2 .btn {
	margin: .0rem .200rem .0rem .0rem;
	border-radius: .0rem;
	min-height: 40px;
	max-height: 40px;
}

.parallelogram {
	transform: skew(0deg);
	border-radius: .0rem;
}

.parallelogram-esquerda {
	transform: skew(-20deg);
	border-radius: .0rem;
}

.parallelogram-esquerda>* {
	transform: skew(20deg);
}

.parallelogram-direita {
	transform: skew(20deg);
	border-radius: .0rem;
}

.parallelogram-direita>* {
	transform: skew(-20deg);
}

.trapezoid{
	clip-path: polygon(0 100%, 100% 100%, 80% 0, 20% 0);
	min-width: 91px;
	max-width: 91px;
	
}

.triangulo{
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	min-width: 91px;
	max-width: 91px;
}

main{
	margin-top: 100px;
}

#carousel-favoritos .card, #carousel-favoritos .card-favoritos-titulo{
	min-height: 160px;
}

#carousel-favoritos .card-favoritos-titulo{
	border-radius: .25rem .25rem 0 0;
}

#carousel-favoritos .card{
	border-radius: 0rem;
	border: 2px solid white;
}

#carousel-favoritos .card-favoritos-rodape{
	border-radius: 0 0 .25rem .25rem;
}

#carousel-favoritos .card-favoritos-box{
	padding-right: 5px;
	padding-left: 5px;
}

#carousel-favoritos {
    margin-bottom: 0rem;
}

#carousel-favoritos .carousel-inner{
    padding-top: .0rem;
    padding-bottom: 0rem;
}

.btn-card-favorito{
	padding: .5rem 1rem !important;
	border: 1px solid black;
}

.botao{
	
	margin: .5rem .0rem .0rem .0rem;
	padding: .42rem 1.07rem;
}

.input-group.md-form.form-sm.form-1 input{
  border: 1px solid #bdbdbd;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 0rem;
}
.input-group.md-form.form-sm.form-2 input {
  border: 1px solid #bdbdbd;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}
.input-group.md-form.form-sm.form-2 input.red-border {
  border: 1px solid #ef9a9a;
}
.input-group.md-form.form-sm.form-2 input.lime-border {
  border: 1px solid #cddc39;
}
.input-group.md-form.form-sm.form-2 input.amber-border {
  border: 1px solid #ffca28;
}

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon{
    background-image: url("");
}

.card-favoritos-box .card-title{
	padding-top: 30% !important;
}

#modal_usuario .modal-dialog {
    margin: .0rem;
}

#modal_usuario hr{
	border-top: 1px solid white !important;
}

#modal_usuario .list-group li{
	background-color: #000;
	padding-left: 0;
}

#modal_usuario .btn-conectar-se{
	margin: 0;
}

.tema{
	color: #ffffff;
}

.tema-cabecalho a{
	text-decoration:none
}
.tema-cabecalho h4{
	text-align:center;
	margin:30px 0;
	
}
.tema-cabecalho p{
	text-align:center;
}

.tema .progress{
	border-radius: 0px;
}

.tema ul.stepper li a .circle{
	border-radius: 0px;
	color: #000;
}

.tema .timeline-main .stepper.stepper-vertical.timeline.timeline-images li:not(:last-child):after{
	background-color:#b2ff59
}

.tema .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content::before {
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 0 solid transparent;
}

.tema .timeline-main .stepper.stepper-vertical.timeline.timeline-simple li .step-content::after {
    border-right: 0 solid transparent;
    border-left: 14px solid transparent;
}

.tema .img-thumbnail {
    padding: .0rem;
    border-radius: .0rem;
}

.tema .descritivo-fase, .tema .titulo-fase, .tema .subtitulo-fase {
	padding-left: 0px;
}

.tema .progress, .tema .progress-bar{
	height: 10px;
}

.tema .progress .valor{
	font-size: 11px;
	color: black;
}

.tema .play, .tema .btn-play{
}

.tema .fase hr{
	border-top: 1px solid white;
	margin: 0px;
}

#pergunta, #descricao_pergunta{
	border-radius: 0px;
	background-color: transparent;
}

#descricao_pergunta .card-body .card-text{
	color: white;
}

#pergunta .card-body,  #descricao_pergunta .card-body, #alternativas .card-body{
    padding: 0.5rem;
}

#box_form_login .modal-content{
	border: solid 1px white;
}

#box_form_login input:focus, #box_form_login input:focus + label{
	border-bottom: 1px solid white;
	color: white;
	text-decoration: none !important;
}

.link_pagina_atual
{
	font-weight: bold;
}

.grid
{
	background-color: #f9f9f9;
	padding: 10px;
}

	.grid .custom-select
	{
		width: 100px;
	}
	.grid .itens_por_pagina select
	{
		float: right;
	}

	.grid .total_registros
	{
		text-align: center;
		padding: 6px;
	}

	.grid.grid_card_usuario .link_acoes
	{
		float: right;
	}

.floating-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	padding: 15px 20px;
	border-radius: 50px;
  }

h1
{
	text-align: center;
}

#conteudo table.grid tbody a.link_acoes.ativar,
	#conteudo table.grid tbody a.link_acoes.desativar
	{
		width: 16px;
		height: 16px;
		overflow: hidden;
		text-indent: -9000px;
		padding: 0;
		margin: 0 auto;
		text-decoration: none;
		display: block;
		min-height: 16px; /* altura dos ícones */
		
	}
	#conteudo table.grid tbody a.link_acoes.ativar
	{
		background:url("layout/imagens/no_user.png") no-repeat center;
	}
	#conteudo table.grid tbody a.link_acoes.desativar
	{
		background:url("layout/imagens/user.png") no-repeat center;
	}

	.card_desativado {
		opacity: 0.2;
	}

	.vertical-line {
		border-right: 1px solid #dee2e6; /* Ajusta a espessura e a cor para combinar com <hr> */
        height: 100%; /* Altura total da coluna */
        margin: 0; /* Remove margens extras */
	}

	.card-body-usuario .card-body
	{
		overflow: hidden;
	}
	.card-body-usuario .card-footer a
	{
		
	}

input.form-control_desativado,
textarea.form-control_desativado,
select.form-control_desativado {
  background: #fff !important;
  background-color: #fff !important;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #fff;
  border-color: -moz-use-text-color;
  border-style: none none solid;
  border-width: 0 0 1px;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  border-bottom: solid 1px #a0a0a0;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
}

/* Campos de formulário - sem borda verde */
.form-control,
.form-select,
.form-check-input,
.input-group-text {
  border-color: #dee2e6; /* Cinza padrão do Bootstrap */
  background-color: #f9f9f9;
}

.form-control:focus,
.form-select:focus {
  border-color: #86b7fe; /* Azul padrão do Bootstrap para focus */
  box-shadow: 0 0 0 0.25rem rgba(46, 125, 50, 0.25); /* Mantemos o sombreamento verde */
}

