:root{
    --color-bar-1: #f4f4f4;
    --color-bar-2: #bbbbbb;
}

#resultadoCerificado{
    max-width: 360px;
    margin: 0 auto;
}

.bg-color-1{
    background: var(--theme-color1)!important;
}

.desabilitado.btn-switch{
    filter: unset;
    color:#aaaaaa;
    background: #f4f4f4;
}

#cursos .video-item .description {
    min-height: 65px;
    padding-top: 15px;
}
#cursos .video-item{
    width: 290px;
}
#cursos .video-item .video-thumb{
    max-width: 100%;
}
#cursos .slick-next,#cursos .slick-prev{
    top: 30%;
}
#cursos .slick-next {
    right: -30px;
    width: 40px;
    height: 40px;
    background: url('../imagens/icones/arrow-video.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 999;
    transform: rotate(-180deg);
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.1));
}
#cursos .slick-prev {
    left: -25px;
    width: 40px;
    height: 40px;
    background: url('../imagens/icones/arrow-video.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 999;
     filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.1));
}
#cursos .video-item .item-block{
    width: auto;
    padding: 0px 25px 0px 0px;
    padding-bottom: 10px;
}

#cursos .video-item .play-icon {
    bottom: 35%;
    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.3));
}
#cursos .video-item .item-block.view .info-item i{
    background: var(--theme-color1)!important;
}
#cursos .video-item .infos .info-item{
    min-width: 50px;
    font-size: 0.7rem;

}

#cursos .video-item .infos .info-item i{
    width: 16px;
    height: 16px;
    margin-right: 1px;
    background: var(--color-bar-2);
}

.barra-progresso {
    border: 1px solid #000000;
    height: 50px;
    border-radius: 40px;
    padding: 11px 104px;
}

.barra-progresso .limitador{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.barra-progresso .limitador:after,
.barra-progresso .limitador:before{
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 81%;
    height: 6px;
    background: var( --color-bar-1);
}
.barra-progresso .limitador:before{
    z-index: 2;
}
.barra-progresso .limitador:after{
    z-index: 1;
}

.barra-progresso .limitador .passo{
    position: relative;
}

.barra-progresso .limitador .passo:before{
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    right: 0;
    background: #b3b3b3;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    z-index: 2;
}


.progressoCurso .progress{
    height: 6px;
}
.progressoCurso .progress span {
    position: absolute;
    top: 19px;
    left: -60px;
    white-space: nowrap;
    color: #b3b3b3;
}
.progressoCurso .progress .progress-bar{
       background: linear-gradient(45deg, #006bea 90%, transparent );
}
.progressoCurso .progress .progress-bar.active{
    background: #006bea!important;
}
.progressoCurso .progress .three {
    left: 99%;
}
.progressoCurso .one, .progressoCurso .two, .progressoCurso .three {
    position: absolute;
    z-index: 1;
    top: 2px;
    width: 10px;
    height: 10px;
    background-color: #b3b3b3;   
}
.progressoCurso .one.active span, .progressoCurso .two.active span, .progressoCurso .three.active span{
    color: #006bea!important;
} 
.progressoCurso .one.active, .progressoCurso .two.active, .progressoCurso .three.active {
    background-color: #006bea!important;   
}


.barra-progresso .limitador.step-1:before{
     background: linear-gradient(45deg, #006bea 1%, transparent 29%);
}
.barra-progresso .limitador.step-2:before {
    background: linear-gradient(45deg, #006bea 55%, transparent 75%);
}
.barra-progresso .limitador.step-3:before {
    background: #006bea!important;
}


.barra-progresso .limitador .passo.active:before{
    background: #006bea!important;
}
.barra-progresso .limitador .passo span{
    color:#b3b3b3;
}
.barra-progresso .limitador .passo.active span{
    color:#006bea!important;
}


.barra-progresso .limitador .passo span{
    display: block;
    margin-top: 14px;
}
.item-curso .figure-container{
    height: auto;
}
.item-curso h3{
    color: var(--theme-color1);
}
.filtros-padrao-busca-interna .form-search, #frmFiltros .filtros-padrao-busca-interna .form-search{
    width: 100%;
    box-shadow: none!important;
    background-image: url('../imagens/icones/search.svg');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 20px;
    border: none;
}

#frmSearch .form-select, #frmFiltros .form-select,
#frmSearch .filtros-padrao-busca-interna  .form-select, #frmFiltros .filtros-padrao-busca-interna  .form-select{
    width: 100%;
}

.filtros-padrao-busca-interna .form-search, #frmFiltros .filtros-padrao-busca-interna .form-search{
    width: 100%;
    box-shadow: none!important;
    background-image: url('../imagens/icones/search.svg');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 20px;
}

.filtros-padrao-busca-interna {
    max-width: 100%;
/*    display: flex;
    align-items: center;
    gap: 0;*/
}

.filtros-padrao-busca-interna .btn-default, #frmFiltros .filtros-padrao-busca-interna .btn-default {
    position: absolute;
    top: 0;
    height: 32px;
    right: 0;
}
.menu-labels{
    width: 40px;
    height: 155px;
    background: #cbcbcb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 12px;
    justify-content: center;
}

.menu-labels i.theme-icon{
    background: #000000;
}
.text-label-info{
    position: absolute;
    right: 21px;
    top: 38px;
    min-width: 50px;
    pointer-events: none;
}

.textarea,.textarea:focus, .textarea:active{
    background: rgb(240, 240, 240);
    width: 100%;
    height: 190px;
    resize: vertical;
    border-radius: 26px;
    border: none;
    padding: 21px;
}

input:focus + .text-label-info,
input:hover + .text-label-info{
    opacity: 0;
}
.form-search-icon, .form-search-icon:focus{
    font-family: SamsungOneUILatin;
    font-size: 0.875rem;
    text-indent: 20px;
    border: none;
    box-shadow: none!important;
    background-image: url('../imagens/icones/search.svg');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px;
    background-color: var(--bg-fmr-home);
}
 #frmFiltros .form-search-icon:focus{
    background-color: #dadada;
 }
.label-file label{
    cursor: pointer;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    width: auto;
    padding-inline: 12px!important;
    margin: 9px 0px 0px 0px;
    height: 35px;
    gap: 12px;
    font-size: 0.8rem;
}
i.theme-icon.btn-add.addNovo{
    width: 35px;
    height: 35px;
    margin: 0;
}
.btn-reset{
    background:none;
    border:none;
    box-shadow: none;
}
.label-file input{
    position: absolute;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    left: -10000px;
}
.label-file label i{
    margin:0;
}

.inline-flex{
    display: inline-flex;
}
.w-cadastro{
	width: 70%;
}

.sticky-login{
    position: sticky;
    top: 2rem;
}

.blocos-filtro{
    box-shadow: 0px 4px 17px -8px rgba(0,0,0,0.1);
    padding: 6px 14px;
}

.check-rounded label{
    padding: 5px 20px;
    color: var(--bg-btn-default);
    border-color: var(--bg-btn-default);
}

.check-rounded .btn-check+.btn:hover,
.check-rounded .btn-check:checked +.btn{
    color:#ffffff;
   background-color: var(--bg-btn-default);
}

.btn-default.inverse, .btn-default.inverse:hover, .btn-default.inverse:focus{
    color: var(--bg-btn-default);
    border: 1px solid var(--bg-btn-default);
    background-color: #ffffff;
}
.resultado-profissional {
    min-height: 350px;
}
.resultado-profissional:empty {
    background: url('../imagens/encontrar-profissional/empty.png');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
}

.list-orcamentos {
    min-height: 350px;
}

.list-orcamentos:empty {
    background: url('../imagens/orcamentos/empty.jpg');
    background-size: 255px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.title .badge {
    background-color: #E9E9E9;
}

.link-next i.theme-icon {
    width: 12px!important;
    height: 12px!important;
}

.rating .btn{
    background: url('../imagens/encontrar-profissional/not-checked.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    border:none!important;
    padding: 0;
        -webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.rating .btn-check+.btn:hover,
.rating .btn-check:checked +.btn{
    background: url('../imagens/encontrar-profissional/checked.png');
    background-size: 100%;
    background-repeat: no-repeat;
    border:none;

}
.rating .btn-check:checked +.btn{

    -webkit-animation: swirl-in-fwd 0.6s ease-out both;
            animation: swirl-in-fwd 0.6s ease-out both;

}

.figure-profile{
    overflow: hidden;
    border-radius: 100%;
}
.grayscale{
    filter: grayscale(1);
}


.step{
    display: none;
    -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.step.active{
    display: flex;
}


.voltar-link{
    position: absolute;
    left: 0;
    top:0;
}
#session-aboutus{
    background-color: var(--bg-fmr-home);
}
#session-concepts .card{
    height: 275px;
}
/*Animações*/

@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
}




@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media (min-width: 1px) and (max-width:992px){
	
	
	#serie{
	    padding: 10px!important;
	}
	
    .barra-progresso .limitador .passo span {
        text-align: center;
    }
    .barra-progresso {
        padding: 24px 60px;
        height: 78px;
    }
    #cursos .video-item {
        width: 100%;
    }
    .progressoCurso .progress span {
        line-height: normal;
        font-size: 0.7rem!important;
        left: -43px;
        width: 88px;
        white-space: break-spaces;
    }
    .barra-progresso .limitador:before {
        width: 70%;
    }
    .video-item .item-block {
        padding: 0px 25px 0px 25px;
    }
    #cursos .slick-next, #cursos .slick-prev  {
        width: 30px;
        height: 30px;
    }
    #cursos .slick-next {
        right: 10px;
        top:50%;
    }
    #cursos .slick-prev {
        left: 10px;
        top:54%;
    }

    #cursos .video-item .item-block img {
        width: auto;
    }

    .filtros-padrao-busca-interna .btn-default, #frmFiltros .filtros-padrao-busca-interna .btn-default{
        position: static;
        width: 100%;
        margin-top: 8px;
    }

    .filtros-padrao-busca-interna .form-search, #frmFiltros .filtros-padrao-busca-interna .form-search {
        padding-left: 40px;
        margin-top: 10px;
    }
    .menu-aberto .navbar-collapse:before{
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        height: 100vh;
        width: 100%;
        background: rgb(0 0 0 / 32%);
        -webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }
    .navbar-toggler{
        transition: transform 0.4s ease-in-out; /* Suaviza a transição */
    }
    .voltar-link{
        position: static;
    }
    #navbarNav {
        transform: translateX(-100%);
        transition: transform 0.2s ease-in-out;
        background: transparent!important;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    #navbarNav.show {
        transform: translateX(0); /* Move o menu para a posição visível */
    }

    body.menu-aberto {
        position: relative;
        overflow: hidden; /* Evita rolagem */
    }
    #session-concepts .card{
        height: initial;
    }
}



#blocoVotacao{
	background-color: black;
    border-radius: 15px;
    padding: 30px 30px 15px 30px;
}


#blocoVotacao p{
	color:white;
}
#blocoVotacao h2{
	color:white!important;
}


#countdown{
	color:white;
}

#blocoVotacao h3{
	color:white;
	font-weight: bold;
}

#blocoVotacao a{
    background-color: #00c382 !important;
    border-radius: 10px !important;
}

.btn-new-h{
	height: 55px !important;	
}

#serie{
	background-color: #f6f6f6;
    padding: 30px;
    border-radius: 20px;
}


.slick-prev{
	box-shadow: -20px 0px 16px rgba(0, 0, 0, 0.15), -8px -8px 16px rgba(255, 255, 255, 0.8)!important;
}

.bloco-votacao{
    background-color: white;
    border-radius: 20px;
    padding-top: 70px;
}


.bloco-votacao button{
    background-color: #00c382 !important;
    font-size: 1.5rem;
}

#loadParticipantes img{
	width: 250px!important;
	min-width: 250px!important;
}


#loadParticipantes figure {
    width: 100%;
    top: -160px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#loadParticipantes .v-participante{
	margin-top: 175px !important;
}


.botao-pulse {
  padding: 12px 25px;
  background: #3498db;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  animation: pulse 1.5s infinite;
}

.swal2-html-container p {
    margin: 0;
}



.swal2-html-container p:nth-child(1) {
    color:black;
}

.swal2-html-container p:nth-child(2) {
    color:black;
    font-weight: bold;
}

.swal2-html-container p:nth-child(3) {
}

.swal2-html-container{
	margin: 30px 0;
}

#serie .item-block{
	border-width: 3px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 12px !important;
}

.slick-prev{
	z-index:999999;
}

.swal2-styled.swal2-cancel{
	background-color: black;
	display: inline-block;
    border-radius: 13px;
    height: 50px;
    width: 100%;
}

.swal2-styled.swal2-confirm{
	display: inline-block;
    border-radius: 13px;
    height: 50px;
    width: 100%;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 10px 12px rgba(52, 152, 219, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
  }
}