* {
    outline: none;
    box-sizing: border-box !important;
}

a:hover {
    text-decoration: none;
    outline: none;
    color: inherit;
}


/* **********************************************************************************************
 *                                                                                              *
 *                                   DEFINIÇÃO DAS VARIÁVEIS                                    *
 *                                                                                              *
 ********************************************************************************************** */
:root {
    --cor-1: #fff;
    --cor-2: #C2DBF0;
    --cor-3: #296CA8;
    --cor-4: #102940;
    --cor-5: #976bd6;
    --cor-6: #007d1c;
    --cor-7: #ff6400;    
    --cor-10: #ccc;

    --max-width: 1440px;

    /* MODAL */
    --modalTitulo: #111;
    --modalSubtitulo: #555;

    /* GERAL */
    --botaoPrimary: #fff;
    --botaoPrimaryHover: #fff;
    --botaoSuccess: #C2DBF0;
    --botaoSuccessHover: #C2DBF0;

    --fonteMenu: "14px";
    --menuCor1: #333;
    --menuCor2: #fff;
    --menuCor3: #fff;
    --menuCorAngulo: 180deg;
    --menuBorda: #fff;

    --formError: #fff;

    --radius: "5px";

    /* AGENDA */
    --agendaCor1: #fff;
    --agendaCor2: #C2DBF0;
    --agendaCor3: #296CA8;
    --agendaCor4: #102940;
    --agendaCor5: #976bd6;


    /* CANVAS */
    --canvasCor1: #fff;
    --canvasCor2: #C2DBF0;
    --canvasCor3: #296CA8;
    --canvasCor4: #102940;
    --canvasCor5: #976bd6;

    /* CHAT */
    --chatCor1: #fff;
    --chatCor2: #C2DBF0;
    --chatCor3: #296CA8;
    --chatCor4: #102940;
    --chatCor5: #976bd6;

    /* HALL DE SALAS */
    --hallSalasCor1: #fff;
    --hallSalasCor2: #C2DBF0;
    --hallSalasCor3: #296CA8;
    --hallSalasCor4: #102940;
    --hallSalasCor5: #976bd6;

    /* CHAT */
    --chatCor1: #fff;
    --chatCor2: #C2DBF0;
    --chatCor3: #296CA8;
    --chatCor4: #102940;
    --chatCor5: #976bd6;

     /* NETWORK */
     --networkCor1: #fff;
     --networkCor2: #C2DBF0;
     --networkCor3: #296CA8;
     --networkCor4: #102940;
     --networkCor5: #976bd6;

    /* PADRAO */
    --padraoCor1: #fff;
    --padraoCor2: #C2DBF0;
    --padraoCor3: #296CA8;
    --padraoCor4: #102940;
    --padraoCor5: #976bd6;

    /* PALESTRANTES */
    --palestrantesCor1: #fff;
    --palestrantesCor2: #C2DBF0;
    --palestrantesCor3: #296CA8;
    --palestrantesCor4: #102940;
    --palestrantesCor5: #976bd6;

    /* PERFIL CANVAS */
    --perfilCanvasCor1: #fff;
    --perfilCanvasCor2: #C2DBF0;
    --perfilCanvasCor3: #296CA8;
    --perfilCanvasCor4: #102940;
    --perfilCanvasCor5: #976bd6;

    /* PERFIL PÁGINA */
    --perfilPaginaCor1: #fff;
    --perfilPaginaCor2: #C2DBF0;
    --perfilPaginaCor3: #296CA8;
    --perfilPaginaCor4: #102940;
    --perfilPaginaCor5: #976bd6;

    /* PERGUNTAS */
    --perguntasCor1: #fff;
    --perguntasCor2: #C2DBF0;
    --perguntasCor3: #296CA8;
    --perguntasCor4: #102940;
    --perguntasCor5: #976bd6;

    /* PESQUISA */
    --pesquisaCor1: #fff;
    --pesquisaCor2: #C2DBF0;
    --pesquisaCor3: #296CA8;
    --pesquisaCor4: #102940;
    --pesquisaCor5: #976bd6;

    /* QUIZ */
    --quizCor1: #fff;
    --quizCor2: #C2DBF0;
    --quizCor3: #296CA8;
    --quizCor4: #102940;
    --quizCor5: #976bd6;

    /* RANKING */
    --rankingCor1: #fff;
    --rankingCor2: #C2DBF0;
    --rankingCor3: #296CA8;
    --rankingCor4: #102940;
    --rankingCor5: #976bd6;

    /* SALA DE TRANSMISSAO */
    --salaTransmissaoCor1: #fff;
    --salaTransmissaoCor2: #C2DBF0;
    --salaTransmissaoCor3: #296CA8;
    --salaTransmissaoCor4: #102940;
    --salaTransmissaoCor5: #976bd6;
    --salaTransmissaoCor6: #976bd6;
    --salaTransmissaoCor7: #976bd6;
    --salaTransmissaoCor8: #976bd6;

    /* SOCIAL FEED */
    --socialFeedCor1: #fff;
    --socialFeedCor2: #C2DBF0;
    --socialFeedCor3: #296CA8;
    --socialFeedCor4: #102940;
    --socialFeedCor5: #976bd6;
}




/* **********************************************************************************************
 *                                                                                              *
 *                                       CUSTOMIZAÇÃO UIKIT                                     *
 *                                                                                              *
 ********************************************************************************************** */
 .uk-offcanvas-bar {
    background: var(--menuCor1);
    border: none;
    color: var(--menuCor2);
    z-index: 99999999999;
}

.uk-offcanvas,
.uk-modal {
    background: rgba(0, 0, 0, 0.8);
}
.uk-modal {
    z-index: 10000000;    
}


.uk-modal .uk-modal-dialog {
    border-radius: var(--radius);
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.uk-modal-dialog h3,
.uk-modal-dialog h2 {
    color: var(--modalTitulo) !important;     
}
.uk-modal-dialog p {
    color: var(--modalSubtitulo) !important;    
}
.uk-modal-dialog .contentModal .uk-form p,
.uk-modal-dialog .contentModal .uk-form label {
    color: var(--modalSubtitulo);
}
.uk-modal-dialog .uk-close {
    color: var(--padraoCor3);
    opacity: 1;
    font-size: 18px;
}


.uk-modal-dialog .contentModal, 
.uk-modal-dialog .contentModal iframe {
    width: 100%;
    height: 100%;
}


/* Small - Celular */
@media (max-width: 767px) {
    .uk-modal-dialog {
        width: 100% !important;
        max-width: 95% !important;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    .uk-modal-dialog {
        width: 100% !important;
        max-width: 95% !important;
    }
}







.uk-notify {
    z-index: 99999999 !important;    
}
.uk-notify-message {
    background: var(--menuCor2) !important;
    color: var(--menuCor1) !important;
}



.uk-form textarea {
    border-radius: var(--radius);
    width: 100%;
    min-height: 100px;
}
.uk-form input,
.uk-form select {
    border-radius: var(--radius);
}
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="email"] {
    width: 100%;
}
.uk-form span.error {
    color: var(--formError);
    font-size: 12px;
    margin-top: 3px;
}
.uk-form .lista-checkbox {
    display: flex;
    flex-direction: column;
}
.uk-form .lista-checkbox label {
    display: flex;
    align-items: center;
}
.uk-form .lista-checkbox label input {
    margin-right: 7px;
}



.uk-button {
    border-radius: var(--radius);
}



.uk-button-primary {
    background-color: var(--botaoPrimary);
    color: var(--botaoPrimaryHover);
}
.uk-button-primary:hover {
   background-color: var(--botaoPrimary);
   color: var(--botaoPrimaryHover);
   opacity: 0.7;
}
.uk-button-primary:active,
.uk-button-primary:focus {
   background-color: var(--botaoPrimaryHover);
   color: var(--botaoPrimary);
   opacity: 0.7;
}



.uk-button-success {
   background-color: var(--botaoSuccess);
   color: var(--botaoSuccessHover);
}
.uk-button-success:hover {
  background-color: var(--botaoSuccess);
  color: var(--botaoSuccessHover);
  opacity: 0.7;
}
.uk-button-success:active,
.uk-button-success:focus {
  background-color: var(--botaoSuccessHover);
  color: var(--botaoSuccess);
  opacity: 0.7;
}



.uk-alert {
    border-radius: var(--radius);
}
.uk-alert i {
    margin-right: 5px;
    font-size: 18px;
}





#formAreaUser label {
    display: block;    
}
#formAreaUser input[type="text"] {
    display: block;    
    width: 100%;
}




#fotoUser a.uk-close {
    color: var(--padraoCor1) !important;
}



p.vazio {
    width: 100%;
    background: var(--menuCor2) !important;
    color: var(--menuCor1) !important;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--menuCor1);
    margin: 0 !important;
}





/* **********************************************************************************************
 *                                                                                              *
 *                                        BOTÃO WHATSAPP                                        *
 *                                                                                              *
 ********************************************************************************************** */
#whatsappAtendimento { 
    display:flex;
    flex-direction: column; 
    position:fixed; 
    left:15px; 
    bottom:15px;
}
#whatsappAtendimento a {
    display:flex;
    flex-direction: column; 
    line-height: 14px;
}
#whatsappAtendimento span { 
    color: var(--padraoCor3);
    max-width: 130px;
    font-size:12px;
    margin-bottom: 5px;
}
#whatsappAtendimento img { 
    width:50px; 
    height:50px;
}







/* **********************************************************************************************
 *                                                                                              *
 *                                     ESTRUTURA GERAL                                          *
 *                                                                                              *
 ********************************************************************************************** */
 .bgGeral { 
    width: 100%;     
    min-height: 100vh;  
    display: flex;
    flex-direction: column;   
    background-size: cover; 
    background-position: center;
}
.bgGeral .conteudoGenerico {
    flex: 1;
}


.aviso-noscript {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aviso-noscript p {
    color: #444;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}



.box-admin {
    position: fixed;
    display: flex;
    bottom: 15px;
    width: 100%;
    max-width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 8px;
    z-index: 999;    
    font-size: 12px;
    text-align: center;
    background: #fdf1f0;
    color: #c8593b;    
    border-radius: var(--radius);
    font-weight: bold;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}



.container-principal {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.container-offcanvas {
    padding: 15px;
    background: var(--padraoCor1);
    color: var(--padraoCor3);
}

a.uk-offcanvas-close {
    color: var(--padraoCor3) !important;    
}

.vazio {
    margin: 0;
    color:#666;
    font-style: italic;
    font-size: 14px;
}

.conteudo-generico {    
    padding: 0 15px 35px;
}



.loading-2d {
    background: var(--menuCor1);
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
}
.loading-2d i {
    color: var(--menuCor2);
    font-size: 38px;
    margin-bottom: 30px;
}



.assinatura {
    height: 30px;    
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .assinatura a {
     color: var(--cor-1);
     opacity: 0.5;
     font-size: 11px;
 }
 .assinatura a img {
    height: 20px;
 }


.erro-signal {
    position: fixed;
    top: 55px;
    right: -500px;
    min-height: 50px;
    padding: 7px;
    display: flex;   
    align-items: center; 
    width: 100%;
    max-width: 300px;
    background: #fdcb74;
    color: #000;
    z-index: 99999999999999999;
    transition: right 500ms ease-in-out;
}
.erro-signal i {
    margin-right: 8px;
    font-size: 16px;    
}
.erro-signal p {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: normal !important;
}

.erro-signal.open {
    right: 5px;
}


.erro-conexao {
    position: fixed;
    top: -250px;
    left: 10px;
    min-height: 50px;
    padding: 15px;
    display: flex;    
    width: 100%;
    max-width: 300px;
    background: #ff3030;
    color: #fff;
    z-index: 99999999999999999;
    transition: top 500ms ease-in-out;
}
.erro-conexao i {
    margin-right: 15px;
    font-size: 24px;
    margin-top:5px;
}
.erro-conexao p {
    margin: 0 !important;
}

.erro-conexao.open {
    top: 10px;
}


 




/* **********************************************************************************************
 *                                                                                              *
 *                                 MENU PLATAFORMA (Desktop)                                    *
 *                                                                                              *
 ********************************************************************************************** */
header.menu-plataforma {
    width:100%; 
    color:var(--menuCor2); 
    z-index:999; 
    background:linear-gradient(var(--menuCorAngulo), var(--menuCor1), var(--menuCor3));    
    position: fixed;
    border-bottom: 1px solid var(--menuBorda);
}
header.menu-plataforma .menu-desktop {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:50px;    
}
header.menu-plataforma .menu-desktop .logo img {
    max-height: 35px;
}
header.menu-plataforma .menu-desktop .itens-menu {
    display: flex;
    align-items: center;
}
header.menu-plataforma .menu-desktop .itens-menu nav a,
header.menu-plataforma .menu-mobile nav a {
    color: var(--menuCor2);
    text-transform: uppercase;
    font-size: var(--fonteMenu);
    font-weight: 700;    
    margin: 0 7px;
}
header.menu-plataforma .menu-desktop .itens-menu nav a i {
    margin-left: 5px;
    font-size: 16px;
}
header.menu-plataforma .menu-desktop .itens-menu .bandeiras {
    display: flex;    
}
header.menu-plataforma .menu-desktop .itens-menu .bandeiras a {
    margin: 0 5px;
}
header.menu-plataforma .menu-desktop .itens-menu .bandeiras a img {
    width: 22px;
    height: 22px;    
}

header.menu-plataforma .menu-desktop .itens-menu nav.usuario,
header.menu-plataforma .menu-mobile nav.usuario {
    margin-left: 15px;
    padding: 0;
}
header.menu-plataforma .menu-desktop .itens-menu  nav.usuario a,
header.menu-plataforma .menu-mobile  nav.usuario a {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
}
header.menu-plataforma .menu-desktop .itens-menu nav.usuario .usuario-foto,
header.menu-plataforma .menu-mobile nav.usuario .usuario-foto {
    width: 35px;
    height: 35px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-left: 10px;
}
header.menu-plataforma .menu-desktop .itens-menu nav.usuario .usuario-area-nome,
header.menu-plataforma .menu-mobile nav.usuario .usuario-area-nome {
    display:flex;
    flex-direction: column;
    line-height: 12px;
    padding-top:5px;
}
header.menu-plataforma .menu-desktop .itens-menu nav.usuario .usuario-area-nome span,
header.menu-plataforma .menu-mobile nav.usuario .usuario-area-nome span {
    font-size: 8px;
    font-weight:lighter;
    color: var(--menuCor2);    
    line-height: 12px;
    opacity:0.7;
}
.menu-lateral-mobile .bandeiras {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 35px;
}
.menu-lateral-mobile .bandeiras a {
    margin: 0 8px;
}
 




/* **********************************************************************************************
 *                                                                                              *
 *                                  MENU PLATAFORMA (Mobile)                                    *
 *                                                                                              *
 ********************************************************************************************** */
header.menu-plataforma .menu-mobile {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:40px;
}
header.menu-plataforma .menu-desktop p,
header.menu-plataforma .menu-mobile p {
    color: var(--menuCor2);
    margin: 0;
}
header.menu-plataforma .menu-mobile button {
    background: none;
    border: none;
    display: flex;
    width: 30px;
    height: 30px;
    color: var(--menuCor2);
    font-size: 28px;
}
header.menu-plataforma .menu-mobile .logo img {
    max-height: 26px;
}


.menu-lateral-mobile .uk-offcanvas-bar {
    background: var(--menuCor1) !important;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;   
}
.menu-lateral-mobile .uk-offcanvas-bar .logo {
    height: 120px;
    display: flex;
    align-items: center;
}

.menu-lateral-mobile .uk-offcanvas-bar .logo img {
    max-width: 170px;
}
.menu-lateral-mobile .uk-offcanvas-bar .itens-menu {
    width: 100%;
}
.menu-lateral-mobile .uk-offcanvas-bar .itens-menu nav {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu-lateral-mobile .uk-offcanvas-bar .itens-menu nav a {
    width: 100%;
    color: var(--menuCor2) !important;
    display: flex;
    align-items: center;
    height: 55px;
    background: var(--menuCor1);
    margin-bottom: 1px;
    padding: 0 35px;    
    text-transform: uppercase;
    font-size: var(--fonteMenu);
}
.menu-lateral-mobile .uk-offcanvas-bar .uk-offcanvas-close {
    color: var(--menuCor2) !important;    
}
.menu-lateral-mobile .uk-offcanvas-bar .itens-menu nav a:hover {
    opacity: 0.7;
}
.menu-lateral-mobile .uk-offcanvas-bar .itens-menu nav a i {
    margin-left:10px;
}
.menu-lateral-mobile .uk-offcanvas-bar .itens-menu .bandeiras a img {
    width: 28px;
    height: 28px;
}





/* **********************************************************************************************
 *                                                                                              *
 *                                      NUMERO DE INSCRIÇÃO                                     *
 *                                                                                              *
 ********************************************************************************************** */
.mensagem-inscritos p {
    color: --var(--modalTitulo);
    margin: 0 !important;
    padding: 25px;
}





/* **********************************************************************************************
 *                                                                                              *
 *                                      ÁREA USUÁRIO (Tag)                                      *
 *                                                                                              *
 ********************************************************************************************** */
.area-usuario { 
    background-color: var(--perfilPaginaCor3);
    padding: 10px;  
    border-radius: var(--radius); 
    color: var(--perfilPaginaCor1);
    font-size: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.area-usuario .info h4 {
    color: var(--perfilPaginaCor1) !important;
    text-align: center;
}
.area-usuario .info a {
    color: var(--perfilPaginaCor1) !important;
}
.area-usuario .info a:hover {
    color: var(--perfilCanvasCor4) !important;
}
.area-usuario .usuario-foto {
    background-size: cover;
    background-repeat: no-repeat;
}
.area-usuario a.bt-area-usuario { 
    display: flex;
    align-items: center;
    height: 35px;
    font-size:14px; 
    transition: all 0.5s ease-out;     
    border-radius: var(--radius); 
    background-color: var(--perfilPaginaCor4);         
    padding: 0 15px;
    width:100%; 
    text-align:left; 
    color:var(--perfilPaginaCor5);
    margin-top: 5px;
}
.area-usuario a.bt-area-usuario:hover {
    opacity: 0.5;
}
.area-usuario a.bt-area-usuario i {
    margin-right: 7px;
}
.area-usuario .usuario-foto { 
    cursor:pointer; 
    background-color:var(--perfilPaginaCor4); 
    width:100px; 
    height:100px; 
    border-radius:50px; 
    margin:20px auto; 
    background-size:100% auto; 
    background-position: center center; 
    background-repeat:no-repeat;
    background-image:url(../img/user-default.png);
}
.area-usuario .usuario-foto:hover { 
    box-shadow:0px 0px 5px var(--perfilPaginaCor4);
}
.area-usuario .pontos { 
    width:100%; 
    color:var(--perfilPaginaCor2);     
    text-align:center; 
    font-size:14px; 
    font-weight:bold;
    padding:10px 0 10px;
}
.area-usuario .pontos span { 
    font-size: 22px;
}


/* Small - Celular */
@media (max-width: 767px) {
    .area-usuario { 
        max-width: none;
        flex-direction: column;
    }   
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    .area-usuario { 
        width: 100%;
        max-width: none;
        flex-direction: row;
    }    
    .area-usuario .info {
        flex: 1;
    }
    .area-usuario nav {
        flex: 1;
    }
}





/* **********************************************************************************************
 *                                                                                              *
 *                                    ÁREA USUÁRIO (Offcanvas)                                  *
 *                                                                                              *
 ********************************************************************************************** */
.area-usuario-offcanvas {
    margin: -15px;    
    padding-top: 35px;
    background: var(--perfilCanvasCor1);
    /*height: calc(100% + 30px);*/
}
.area-usuario-offcanvas h4 {
    color: var(--perfilCanvasCor5) !important;
    text-align: center;
}
.area-usuario-offcanvas .usuario-foto {
    background-size: cover;
    background-repeat: no-repeat;
    cursor:pointer; 
    background-color:var(--perfilCanvasCor3);
    width:100px; 
    height:100px; 
    border-radius:50px; 
    margin:20px auto;     
    background-position: center center; 
    background-image:url(../img/user-default.png);
}
.area-usuario-offcanvas .usuario-foto:hover { 
    box-shadow:0px 0px 5px var(--perfilCanvasCor4);
}
.area-usuario-offcanvas a.bt-area-usuario { 
    width: 100%;
    color: var(--perfilCanvasCor5);
    display: flex;
    align-items: center;
    height: 55px;
    background: var(--perfilCanvasCor1);
    margin-bottom: 1px;
    padding: 0 20px;    
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid var(--menuBorda);
}
.area-usuario-offcanvas a.bt-area-usuario:hover {
    opacity: 0.5;
}
.area-usuario-offcanvas a.bt-area-usuario i {
    margin-right: 7px;
}
.area-usuario-offcanvas .info {
    margin-bottom: 15px;
}
.area-usuario-offcanvas .info a {
    color: var(--perfilCanvasCor3);
    font-size:12px;
}

.area-usuario-offcanvas .info .pontos {
    width:100%; 
    color:var(--perfilPaginaCor5);     
    text-align:center; 
    font-size:14px; 
    font-weight:bold;
    padding:10px 0 10px;
}
.area-usuario-offcanvas .info .pontos span {
    font-size: 22px;    
}





/* **********************************************************************************************
 *                                                                                              *
 *                                           COUNTDOWN                                          *
 *                                                                                              *
 ********************************************************************************************** */
.areaCowntdown { 
    color:var(--padraoCor3); 
    text-align:center;        
    padding:10px;
    width: auto;
    display: inline-flex !important;       
}
.areaCowntdown .pointer{
    background-color: var(--padraoCor1); 
    padding: 10px 0 5px; 
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius) !important; 
}
.areaCowntdown .numero{
    display:flex; 
    align-items:center; 
    flex-direction:column; 
    font-size:30px;    
    padding:0;
    border:solid 0px var(--padraoCor3); 
}
.areaCowntdown .numero div, .areaCowntdown .numero div p{ 
    text-align:center; 
    width:100%;
}
.areaCowntdown .legenda{
    font-size:10px; 
    color:var(--padraoCor3);
    padding: 0;
    margin:0; 
}
.areaCowntdown .dot {
    width: 5px;
    display: inline-block;
}






/* **********************************************************************************************
 *                                                                                              *
 *                                   RANKING DE PARTICIPANTES                                   *
 *                                                                                              *
 ********************************************************************************************** */
 .rankinParticipantesGeral .rnkCard{ 
	max-width:300px;     
	margin:30px auto; 
	display:flex; 
	flex-direction:column; 
	justify-content:center; 
	align-items: center; 
	box-shadow:1px 2px 15px #333; 
	text-align:center;	
	padding:15px 0 15px;
	border-radius:var(--radius); 
	background-color: var(--rankingCor4);
	color: var(--rankingCor5);
}
.rankinParticipantesGeral .imgFoto {
    font-size: 32px; 
    font-weight: bold;  
    background-color: var(--rankingCor3); 
    color: var(--rankingCor1); 
    border: 2px solid var(--rankingCor2); 
    border-radius: 40px; 
    height: 80px; 
    width: 80px; 
    overflow: hidden; 
    display: flex;
}
.rankinParticipantesGeral .rnkPosicao { 
    font-size: 30px; 
    padding: 15px 0; 
    font-weight: bold;
} 
.rankinParticipantesGeral .rnkNome { 
    font-size: 14px; 
    padding: 15px 0 5px; 
    border-bottom: 1px solid var(--rankingCor3);     
    margin: 0 auto 15px;
    width: 100%;
}
.rankinParticipantesGeral .rnkPontos { 
    font-size: 12px;
}

.rankinParticipantesGeral .rnkCardMini {
    display: flex;
    align-items: center;    
    width: 100%;
	background-color:var(--rankingCor3); 
	color:var(--rankingCor1); 
	border-radius:var(--radius); 	
	padding: 15px 10px; 	
	margin: 5px auto;
	box-shadow:1px 2px 15px #333; 
} 
.rankinParticipantesGeral .rnkCardMini .rnkPosicao {
    font-size: 24px; 
    width: 60px;
    text-align: center;
    color: var(--rankingCor2);
}
.rankinParticipantesGeral .rnkCardMini .imgFotoMini {
    font-size:22px;     
    background-color:var(--rankingCor4); 
    background-position: center;
    color:var(--rankingCor5); 
    border:2px solid var(--rankingCor2); 
    border-radius: 50%; 
    height:50px; 
    width:50px; 
    overflow:hidden; 
    display:flex;
}
.rankinParticipantesGeral .rnkCardMini .rnkNome {
    flex: 1;
    margin: 0;
    margin-left: 10px;
    line-height: 16px;
    padding: 0;    
}
.rankinParticipantesGeral .rnkCardMini .rnkPontos {    
    margin-left: 15px;
    color: var(--rankingCor2);
}





/* **********************************************************************************************
 *                                                                                              *
 *                                             AGENDA                                           *
 *                                                                                              *
 ********************************************************************************************** */
.agendaGeral {     
    background-color: var(--agendaCor3); 
    border-radius: var(--radius);     
    max-width: 800px; 
    margin: 15px auto; 
    text-align: left;
    padding-bottom: 1px;
}
.agendaGeralCont {
    border-bottom: 1px solid var(--agendaCor2); padding-bottom: 15px;
}
.agendaGeralCont:last-child {
    border-bottom: none;
}
.dataAgenda {
    font-weight: bold; 
    border-radius: var(--radius);      
    color: var(--agendaCor5); 
    background-color: var(--agendaCor4); 
    padding: 5px 10px 5px 10px; 
    font-size: 25px; 
    line-height: 26px; 
    letter-spacing: -1px; 
    text-align: center;
    margin: 0; 
    display: inline-block;
}
.nomeAgendaSala {
    font-weight: bold; 
    font-size: 20px; 
    text-transform: uppercase; 
    padding: 15px 0 0 15px; 
    color: var(--agendaCor3); 
    display: inline-block;
}
.nomeAgenda {
    font-weight: bold; 
    font-size: 18px;     
    color: var(--agendaCor1); 
    display: inline-block;
    padding-left: 15px;
    margin-top: 5px;
}
.horaAgenda {
    text-align: left; 
    font-size: 16px; 
    padding: 0px 0 0 15px; 
    color: var(--agendaCor2); 
    display: inline-block; 
    font-weight: bold;
    margin: 0;
}
.duracaoAgenda {
    font-size: 10px; 
    line-height: 14px; 
    padding: 0px 3px 0px 3px; 
    border-radius: var(--radius);
    background-color: var(--agendaCor4); 
    color: var(--agendaCor5); 
    display: inline-block; 
    margin: 0;
    margin-left: 15px; 
    width: 100px; 
    text-align: center;
}
.fotosAgendaPalestr {    
    display:flex; 
    justify-content:flex-start; 
    align-items: center; 
    flex-direction: row;     
    padding: 0;
}
.fotoAgendaPalest { 
    cursor: pointer; 
    box-shadow: 1px 1px 5px #333; 
    width: 40px; 
    font-size: 24px; 
    height: 40px; 
    border-radius: 20px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: row; 
    background-color: var(--agendaCor4);
    color: var(--agendaCor2);
    margin: 0 3px; 
    background-size: 100% auto; 
    background-position: center center;
}
.fotoAgendaPalest:hover { 
    opacity: 0.5;
}
.descPalestrante { 
    padding: 15px;
    margin: 0 15px;
    margin-top: 5px;
    border: 1px solid var(--agendaCor2);
    background-color: var(--salaTransmissaoCor8);
    border-radius: var(--radius);
}
.descPalestrante p {
    font-size: 14px; 
    line-height: 14px; 
    color: var(--agendaCor2) !important;
}
.descPalestrante strong {
    font-size: 14px; 
    line-height: 14px; 
    color: var(--agendaCor1);
}
.fotoAgendaPalestBig { 
    box-shadow: 1px 1px 5px #333; 
    width: 60px; 
    font-size: 34px; 
    height: 60px; 
    border-radius: 30px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: row; 
    background-color: var(--agendaCor4);
    color: var(--agendaCor2);
    margin: 3px 3px 5px 3px; 
    background-size: 100% auto; 
    background-position: center center;
}

.titPalestrantes {
    text-align: left; 
    display: block; 
    font-size: 12px; 
    color: var(--agendaCor4);
    width: 100%; 
    margin: 0;     
    padding: 0;
    border-bottom: 0px solid var(--agendaCor2);
}
.agendaTitSala {
    color: var(--agendaCor3); 
    background-color: var(--agendaCor2); 
    margin-top: 0px;     
    padding: 10px 15px 10px 15px;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
.agendaDescricao { 
    margin: 15px 15px 0 15px; 
    padding: 10px 10px 10px 10px; 
    border-radius: var(--radius); 
    font-size: 14px; 
    background-color: var(--agendaCor4); 
    color: var(--agendaCor5);
    line-height: 14px;
}
.agendaInfo { 
    font-size: 12px;
}

.agenda-palestrantes {
    margin-top: 25px;
}


/* Small - Celular */
@media (max-width: 767px) {
    .titPalestrantes {
        padding: 0 15px;
        margin-top: 15px;
    }
    .fotosAgendaPalestr {           
        padding: 0 15px;
    }
    .agenda-palestrantes {
        margin-top: -15px;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}






/* **********************************************************************************************
 *                                                                                              *
 *                                       LISTA SALAS PADRÃO                                     *
 *                                                                                              *
 ********************************************************************************************** */
.lista-sala-padrao {
    background: var(--hallSalasCor3);
    border-radius: var(--radius);
    padding: 15px;
    display: flex;    
    margin-bottom: 5px;
    transition: all 0.5s ease-out;
}
.lista-sala-padrao:hover {
    opacity: 0.7;
}
.lista-sala-padrao .imagem-sala {
    width: 80px;
    height: 80px;
    background-color: #FFF;
    border-radius: var(--radius);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.lista-sala-padrao .imagem-sala:hover {
    cursor: pointer;
}
.lista-sala-padrao .imagem-sala .play {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    margin: 0;    
}
.lista-sala-padrao .imagem-sala .play i {
    opacity: 1;
    color: #FFF;
}


.lista-sala-padrao .info {
    flex: 1;    
    margin-left: 15px;
    display: flex;
}
.lista-sala-padrao .info .texto,
.lista-sala-padrao .info .texto p {
    flex: 1;   
    margin-right: 15px;   
    text-align: left;  
    color: var(--hallSalasCor2);    
}
.lista-sala-padrao .info .texto:hover {
    cursor: pointer;
}
.lista-sala-padrao .info .texto strong {
    color: var(--hallSalasCor1);
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid var(--hallSalasCor1);
    display: block;
    font-size: 16px;
}
.lista-sala-padrao .info .texto p {
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
}

.lista-sala-padrao .info .acoes {
    width: 200px;    
    display: flex;
    justify-content: center;
}
.lista-sala-padrao .info .acoes a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    margin: 0 10px;
    color: var(--hallSalasCor4);
}


.lista-sala-padrao .boxes {
    width: 220px;    
    display: flex;
}
.lista-sala-padrao .boxes:hover {
    cursor: pointer;
}
.lista-sala-padrao .boxes .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: var(--hallSalasCor4);
    margin-left: 5px;
    border-radius: var(--radius);    
}
.lista-sala-padrao .boxes .item p {
    margin: 0;
    color: var(--hallSalasCor5);
    font-size: 14px;
    line-height: 12px;
}
.lista-sala-padrao .boxes .item i, 
.lista-sala-padrao .boxes .item em {
    color: inherit;
}


/* Small - Celular */
@media (max-width: 767px) {
    .lista-sala-padrao {
        flex-direction: column;    
        align-items: center;
    }

    .lista-sala-padrao .imagem-sala {
        width: 100px;
        height: 100px;
    }

    .lista-sala-padrao .info {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
        margin-top: 20px;        
    }

    .lista-sala-padrao .info .texto {
        width: 100%;      
        text-align: center;  
    }
    .lista-sala-padrao .info .texto strong {
        text-align: center;
        display: inline-block;
        margin: 0 auto;
    }

    .lista-sala-padrao .info .acoes {
        height: 80px;
    }

    .lista-sala-padrao .boxes {
        height: 80px;
    }
    
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}





/* **********************************************************************************************
 *                                                                                              *
 *                                       LISTA SALAS QUADRADO                                   *
 *                                                                                              *
 ********************************************************************************************** */
.lista-sala-quadrado {    
    border-radius: var(--radius); 
    background-color: var( --hallSalasCor3);
    padding: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;    
    box-shadow: 0 0 5px #333;
}

.lista-sala-quadrado .img-back {
    width: calc(100% + 20px);
    height: 150px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: -10px;
    margin-bottom: 10px;  
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center;
    justify-content: center;
    border-bottom: 1px solid #ccc;
}
.lista-sala-quadrado .info {
    display: flex;      
    flex: 1;
}
.lista-sala-quadrado .info .descricao {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.lista-sala-quadrado .info .descricao p {
    margin: 0;
    font-size: 14px;    
    color: var(--hallSalasCor2);    
    max-height: 30px;
    padding: 0;
    overflow: hidden;    
    line-height: 15px;
}

.lista-sala-quadrado .logo {    
    margin-bottom: 25px;
    background-position: center; 
    background-size: 90%;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    background-color:#fff;
    border-radius: var(--radius);
    margin-right: 10px;
}

.lista-sala-quadrado .info .descricao h3 {
    font-size:18px; 
    padding: 0;
    margin: 0 0 7px;
    font-weight: bold;
    width:100%; 
    overflow:hidden; 
    line-height:18px;     
    color: var(--hallSalasCor1); 
    text-transform: none;    
}
.lista-sala-quadrado .redes-sociais {
    margin: 0 auto 10px;
    display: flex;
    width: 100%;
    justify-content: center;    
}
.lista-sala-quadrado .redes-sociais a {
    margin: 0 8px;
    font-size: 20px;
}

.lista-sala-quadrado .acoes-quadrado {
    display: flex;
    align-items: center;
    justify-content: center;
}
.lista-sala-quadrado .acoes-quadrado a {
    margin: 0 5px;
    color: var(--hallSalasCor4);
}

.lista-sala-quadrado .bt-site {
    font-size: 13px; 
    transition: all 0.5s ease-out; 
    margin: 0;
    border: none; 
    border-radius: var(--radius); 
    background-color: var(--hallSalasCor4); 
    cursor: pointer;  
    box-sizing: border-box; 
    padding: 1px 15px;
    text-align: left; 
    color: var(--hallSalasCor5) !important;
    display: inline-flex;
}







/* **********************************************************************************************
 *                                                                                              *
 *                                       FORMATO DE SALA                                        *
 *                                                                                              *
 ********************************************************************************************** */
.janela-formato {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.janela-formato nav {
    display: flex;    
}
.janela-formato nav a {
    background: var(--menuCor1);
    color: var(--menuCor2);
    padding: 0 25px;
    height: 55px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    margin: 5px;
    font-weight: 700;
}


/* Small - Celular */
@media (max-width: 767px) {
    .janela-formato nav {
        flex-direction: column;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    .janela-formato nav {
        flex-direction: row;
    }
}








/* **********************************************************************************************
 *                                                                                              *
 *                                     CHAT ENTRE USUÁRIOS                                      *
 *                                                                                              *
 ********************************************************************************************** */
#chatUsers{ position:fixed; display: flex; flex-wrap: wrap; justify-content: flex-end; right:0; bottom:3px; }
.nomeUserOn{ width:40px; height:30px; border-radius:20px; background-color:var(--cor-2); color:var(--cor-3); font-size:35px; padding-top:10px; font-weight:bold; text-align:center; display:inline-block;}

.listaUseron{ display:flex; border-bottom:1px solid var(--cor-1); padding:0 10px; height:55px; align-items:center;}
.listaUseron .nMensUserOn{ width:30px; text-align:right;}
.listaUseron .nomeParticipOn{ flex:1; padding:0 10px; margin:0px 0 0 0px;}

#chatUserCanvas{ z-index:999999999!important;}
#chatUserCanvasLista ul{ list-style-type:none;}
#chatUserCanvasLista li{ list-style-type:none; color:#fff; font-size:12px; cursor:pointer; width:100%; margin:0px 0 0px; display:inline-block;}

#chatUserCanvasConversa {display:flex; flex-direction:column; height:100%;}

.chatUserCanvasTop{
	display:flex;
	height:40px;
	align-items:center;
	padding:0 10px;	
	color:var(--cor-1)!important;
	border-bottom:1px solid #ccc;
}

.chatUserCanvasTop .uk-close{
	width:30px;
	color:var(--cor-2);
}

.chatUserCanvasTop span{
	flex:1;
}  

.conversaCanvasBox ul {
	flex: 1;
	list-style: none;
	box-sizing: border-box; 
	background:rgba(0,0,0,0);	
	padding: 2px;
	margin: 0;
	width:100%;
	height:100%;	
	overflow-y: scroll;
	padding:10px 0;
}	

.conversaCanvasBox ul li{ 
	box-sizing: border-box;
	margin:4px;	
	margin-bottom:8px;
	padding:5px;	
	text-align: left;
	font-size: 12px;
}

.conversaCanvasBox ul li.myUser{ 
	margin-left:30px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 0;
	border-top-left-radius: 6px;
	background: var(--cor-1);
	color: var(--cor-4);
}
.conversaCanvasBox ul li.userFrom{ 	
	margin-right: 30px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 0;
	background: var(--cor-4);
	color: var(--cor-1);
}

 
.conversaCanvasBox{
	flex:1;
	overflow:hidden;
}

.chatUserForm{
	display:flex;
	height:40px;
	border-top:1px solid var(--cor-3);
	align-items:center;
	padding:0 10px;
}

.chatUserForm input{
	flex: 1;
	border:0;
	outline: none;
	padding:5px;
	
}

.chatUserForm button {
	width: 40px;
	height: 30px;
	border:0;
	background: none;
}
.chatUserForm button i {
	color:#fff;
}









/* **********************************************************************************************
 *                                                                                              *
 *                                    PÁGINA DE CERTIFICADOS                                    *
 *                                                                                              *
 ********************************************************************************************** */
.lista-certificados {    
    margin-bottom: 35px !important;
}

.lista-certificados h2 {            
    color: var(--padraoCor2);
    text-transform: none;
    border-bottom: 1px solid var(--padraoCor2);
    height: 35px;
}
.certificado-evento, 
.certificado-sala {  
    padding: 15px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.certificado-evento {
    background: var(--padraoCor4);    
    margin-bottom: 50px;    
}

.certificado-evento p {
    color: var(--padraoCor5);
}


.certificado-sala {
    background: var(--padraoCor2);    
    color: var(--padraoCor4);
    margin-bottom: 15px;
    box-shadow: 0 0 1px #555;
}
.certificado-sala p {
    color: var(--padraoCor4);
}

.lista-certificados p {    
    margin: 0;
    flex: 1;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}
.lista-certificados .acao-certificado {
    display: flex;
    align-items: center;
}
.lista-certificados .acao-certificado .barra {
    margin-right: 25px;    
    display: flex;
    flex-direction: column;
    justify-content: center;    
}
.lista-certificados .acao-certificado .barra .uk-progress {
    width: 200px !important;
    margin: 0;
}
.lista-certificados .certificado-evento .acao-certificado .barra span {
    font-size: 11px;
    margin: 0;
    line-height: normal;
    margin-top: 3px;
    color: var(--padraoCor3);
}
.lista-certificados .acao-certificado i {
    font-size: 26px;
}
.lista-certificados .certificado-evento .acao-certificado a {
    color: var(--padraoCor5);
}
.lista-certificados .certificado-sala .acao-certificado a {
    color: var(--padraoCor1);
}
.lista-certificados .certificado-sala .acao-certificado .barra span {
    font-size: 11px;
    margin: 0;
    line-height: normal;
    margin-top: 3px;
    color: var(--padraoCor2);
}



/* Small - Celular */
@media (max-width: 767px) {
    .certificado-evento, 
    .certificado-sala
    {  
        flex-direction: column !important;        
    }

    .lista-certificados p {
        margin-bottom: 25px;
    }

    .lista-certificados .acao-certificado {
        width: 100%;
    }

    .lista-certificados .acao-certificado .barra {
        flex: 1;
    }
    .lista-certificados .acao-certificado .barra .uk-progress {
        width: 100% !important;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    /* ***** Nenhuma alteração para TABLETS ***** */
}









/* ************************************************************************************************

                                        SORTEIOS

************************************************************************************************ */

.sorteio-item {
    background: var(--cor-1);
    padding: 20px;
    box-sizing: border-box;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
}
.sorteio-item .imagem {
    width: 100%;
    max-width: 250px;
    background: #090;
    margin-right: 15px;
}
.sorteio-item .info {
    flex: 1;
}
.sorteio-item .info h2 {
    color: var(--cor-4);
    font-size: 18px;
    margin: 0;
}
.sorteio-item .info p {
    margin: 5px auto 0;
    font-size: 14px;
}
.sorteio-item .botao-regulamento {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-left: 15px;
    color: var(--cor-3);
    text-transform: none !important;
}
.sorteio-item .botao-regulamento i {
    margin-right: 5px;
}
.sorteio-item .botao-inscreva {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
    font-size: 14px;
    background: var(--cor-4);
    border-radius: var(--radius);
    color: var(--cor-1);
    padding: 8px 15px;
    height: 30px;
}
.sorteio-item .botao-inscreva i {
    margin-right: 5px;
}

.sorteio-item-regulamento {
    background: var(--cor-3);
    color: var(--cor-1);
    padding: 20px;
    border-radius: var(--radius);
    font-size: 14px !important;    
    display: none;
}
.sorteio-item-regulamento a.uk-close {
    float: right;
}











/* ************************************************************************************************

                                        PAGINA DE POSTERS

************************************************************************************************ */
.lista-posters {    
    margin-bottom: 35px !important;
}

.lista-posters .buscar {
    display: flex;
}
.lista-posters .buscar input {
    flex: 2;
}
.lista-posters .buscar select {
    flex: 1;
}
.lista-posters .buscar select,
.lista-posters .buscar input {
    border-radius: var(--radius);
    margin: 0 3px;  
    border: 1px solid var(--cor-1) ;
    background: #eee;
    padding: 0 8px;
    min-height: 35px !important;
}
.lista-posters .buscar button {
    margin: 0 3px;
    min-height: 35px !important;
    background: var(--cor-4) !important;
}
.lista-posters .buscar button i {
    margin-right: 3px;
}

.lista-posters h2 {        
    text-shadow: 0 0 4px #333;
    color: var(--cor-1);
    text-transform: none;
    border-bottom: 1px solid var(--cor-1);
    height: 35px;
}
.lista-posters .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--cor-1);
    color: var(--cor-3);
    padding: 15px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    border: 1px solid var(--cor-2);
    box-shadow: 1px 1px 5px #aaa;
}
.lista-posters .item .titulo {
    display: flex;
    width: 100%;
    align-items: center;
}
.lista-posters .item .titulo .imagem {
    width: 80px;
    height: 70px;
    background-size: 100%;
    background-position: center;
    margin-right: 20px;
}
.lista-posters .item .titulo h3 {
    flex: 1;
    text-align: left;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: none;
}
.lista-posters .item .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 35px;
    font-size: 16px;
}
.lista-posters .item .info i {
    margin-bottom: 3px;
}
.lista-posters .item .acoes {
    width: 100%;    
    display: flex;
    justify-content: space-between;
}
.lista-posters .item .acoes a.editar {
    color: var(--cor-3);
    font-size: 14px;
}
.lista-posters .buscar {
    background: var(--cor-4);
    color: var(--cor-1);
    padding: 15px;
    border-radius: var(--radius);
    margin-bottom: 35px;
}


/* Small - Celular */
@media (max-width: 767px) {
    .lista-posters .buscar {
        flex-direction: column;
    }

    .lista-posters .buscar select,
    .lista-posters .buscar input {        
        margin: 0 0 7px;          
    }
}



/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}











/* ************************************************************************************************

                                        MODAL DE ARQUIVO DE POSTERS

************************************************************************************************ */
.poster-detalhes .topo-poster {
    display: flex;
    flex-direction: column;    
    border-bottom: 1px solid var(--cor-4);
    margin-bottom: 15px;
    min-height: 100px;
    justify-content: center;
}
.poster-detalhes .topo-poster .titulo-poster {
    display: flex;
    align-items: center;
}
.poster-detalhes .topo-poster .titulo-poster .logo {
    width: 100%;
    max-width: 150px;
    margin-right: 15px;
}
.poster-detalhes .topo-poster .titulo-poster .info {    
    flex: 1;    
    margin-left: 15px;
}
.poster-detalhes .topo-poster .titulo-poster .info h2 {
    margin: 0 0 5px;
    padding: 0;
    text-transform: none;    
}
.poster-detalhes .topo-poster .titulo-poster .info p {
    margin: 0;
    padding: 0
}

.poster-detalhes .item-poster {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid var(--cor-2);
    min-height: 80px;
    margin: 15px auto;        
}
.poster-detalhes .item-poster .titulo {
    display: flex;
    align-items: center;   
    width: 100%;     
    margin-right: 15px;
}
.poster-detalhes .item-poster .titulo .foto {
    max-width: 60px;
}
.poster-detalhes .item-poster .titulo p {
    margin: 0;
    margin-left: 20px;
    font-size: 18px;    
    color: var(--cor-4);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.poster-detalhes .item-poster .titulo p span {
    background: var(--cor-3);
    padding: 3px 10px;
    color: var(--cor-1);
    font-size: 11px;
    border-radius: var(--radius);    
    display: inline-block;
    height: 20px;
    line-height: normal;
    margin-top: 5px;
}



/* Small - Celular */
@media (max-width: 767px) {
    .poster-detalhes .topo-posters {
        flex-direction: column;
    }

    .poster-detalhes .topo-posters .titulo-poster .logo {
        max-width: 80px;        
    }

    .poster-detalhes .video-poster {
        height: 345px;
    }
    .poster-detalhes .video-poster iframe {
        height: 300px !important;
    }
}



/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}










/* **********************************************************************************************
 *                                                                                              *
 *                                           PALESTRANTES                                       *
 *                                                                                              *
 ********************************************************************************************** */
.palestrantesGeral {    
    background-color:var(--palestrantesCor3); 
    border-radius:var(--radius);     
    width: 100%;
    margin:15px auto;
    padding: 25px;    
}
.conteudo-palestrante {
    display: flex;
}
.conteudo-palestrante .info {
    margin-left: 25px;
    flex: 1;    
}
.conteudo-palestrante .info h2 {
    color: var(--palestrantesCor1) !important;
    border-bottom: 1px solid var(--palestrantesCor1);
    margin-bottom: 10px;
}
.conteudo-palestrante .info p {
    color: var(--palestrantesCor2) !important;    
    margin: 0;
    text-align: left;
}
.conteudo-palestrante .fotoPalestante {
    box-shadow:1px 1px 5px #333; 
    width:90px;     
    font-size:28px; 
    height:90px; 
    border-radius:50%; 
    display:flex; 
    justify-content:center; 
    align-items: center; 
    flex-direction:row; 
    background-color:var(--palestrantesCor4);
    color:var(--palestrantesCor5);    
    background-size:100% auto; 
    background-position:center center;
}





/* **********************************************************************************************
 *                                                                                              *
 *                                           COOKIES                                            *
 *                                                                                              *
 ********************************************************************************************** */
.content-cookies {    
    position:fixed;
    z-index: 99999999999;
    bottom: -300px;
    transition: bottom 1.5s ease-in-out, opacity 700ms ease-in-out;
    width: 100%;   
    padding: 0 15px; 
    opacity: 0;           
}
.aceitar-cookies {
    background: var(--padraoCor3);
    box-shadow: 7px 7px 0 var(--padraoCor2);
    padding: 15px;
    width: 100%;
    max-width: 1440px;    
    margin: 0 auto;
    display: flex; 
    align-items: center;   
}
.aceitar-cookies p {
    flex: 1;
    margin: 0;
    font-size: 14px;
    color: var(--padraoCor2);    
}
.aceitar-cookies .confirm {
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aceitar-cookies .confirm a {
    background: var(--padraoCor4);
    padding: 10px 20px;
    text-transform: uppercase;
    color: var(--padraoCor5);
    font-size: 16px;
}

/* Small - Celular */
@media (max-width: 767px) {
    .aceitar-cookies {        
        flex-direction: column;   
    }    
    .aceitar-cookies .confirm {
        margin-top: 20px;
    }
}







/* **************************************************************************************************
 *                                                                                                  *
 *                                       PESQUISAS - TAGS                                           *
 *                                                                                                  *
*****************************************************************************************************/
.area-pesquisa-tag {
    background: var(--cor-1);
    padding: 15px;
    border-radius: var(--radius);
}










/* **************************************************************************************************
 *                                                                                                  *
 *                                       SALA VIDEO - TAGS                                           *
 *                                                                                                  *
*****************************************************************************************************/
.area-sala-video {
    display: flex;        
    border-radius: var(--radius);
    height: 100%;    
    min-height: 60vh;
}

.area-sala-video nav {
    width: 100%;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    background: var(--cor-4);
    border-radius: var(--radius);
    margin-right: 10px;
}
.area-sala-video nav a {
    display: flex;
    height: 60px;
    align-items: center;
    padding: 0 20px;
    color: var(--cor-1);
    border-bottom: 1px solid var(--cor-3);    
}
.area-sala-video section {
    flex: 1;
    background: rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;    
    align-items: center;
    justify-content: center;    
    border-radius: var(--radius);
}
.area-sala-video section img {
    max-width: 180px;
}
.area-sala-video section p {
    color: var(--cor-1);
    margin-top: 20px;
}
.area-sala-video section iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
}  



/* Small - Celular */
@media (max-width: 767px) {

    
    .area-sala-video {        
        flex-direction: column;
    }
    .area-sala-video nav {
        max-width: none;
        margin: 0 0 10px;
    }
    .area-sala-video section {
        min-height: 320px;
    }
    .area-sala-video nav a:last-child {
        border: none;
    }

}









/* **************************************************************************************************
 *                                                                                                  *
 *                                       SALA VIDEO - TAGS                                          *
 *                                                                                                  *
*****************************************************************************************************/
.area-sala-arquivo {         
    border-radius: var(--radius);
    background: var(--cor-4);
    padding: 35px 35px 0;
}

.area-sala-arquivo a {
    background: var(--cor-3);
    color: var(--cor-1);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: var(--radius);
}









/* **************************************************************************************************
 *                                                                                                  *
 *                                       SALA ATENDIMENTO - TAGS                                    *
 *                                                                                                  *
*****************************************************************************************************/
.area-sala-atendimento .card {         
    display: flex;
    background: var(--cor-4);
    border-radius: var(--radius);
    padding: 15px;
}
.area-sala-atendimento .card .qrcode {
    width: 90px;
    margin-right: 15px;
}
.area-sala-atendimento .card .info h3 {
    color: var(--cor-1);
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;    
}
.area-sala-atendimento .card .info p {
    color: var(--cor-1);
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}
.area-sala-atendimento .card .info p i {
    width: 28px;
    margin-right: 7px;
    text-align: center;
    
}
.area-sala-atendimento .card .info a {
    margin-top: 15px;
}
.area-sala-atendimento .card .info a i {
    width: 24px;
    margin-right: 2px;
}


/* Small - Celular */
@media (max-width: 767px) {
    .area-sala-atendimento .card .info h3 {
        color: var(--cor-1) !important;       
    }
}









/* **************************************************************************************************
 *                                                                                                  *
 *                                       SALA PERGUNTAS - TAGS                                      *
 *                                                                                                  *
*****************************************************************************************************/
.area-sala-pergunta {         
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    max-height: 500px;
    height: 80vh; 
    display: flex;
    padding: 25px;
    background: #fff;
    border-radius: var(--radius);
}

.area-sala-pergunta iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
}








/* **************************************************************************************************
 *                                                                                                  *
 *                                       HELPDESK                                                   *
 *                                                                                                  *
*****************************************************************************************************/
.bt-helpdesk {
    position: fixed;
    z-index: 9999;
    display: flex;
    bottom: 25px;
    right: 25px;
    background: var(--padraoCor4);
    color: var(--padraoCor5);
    font-weight: bold;
    width: 150px;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
}
.bt-helpdesk i {
    margin-right: 7px;
}

.helpdesk {
    box-sizing: border-box;
    position: fixed;
    z-index: 99999;
    display: none;
    width: 260px;
    height: 380px;
    background: var(--padraoCor3);
    box-shadow: 0 0 5px var(--padraoCor2);
    bottom: 25px;
    right: 25px;
    padding: 15px;
    border-radius: var(--radius);
}

.helpdesk h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;    
    margin: 0 0 5px;
    font-weight: 700;
}
.helpdesk p {
    font-size: 13px;
    line-height: normal;
}
.helpdesk .uk-form input {
    width: 100%;
    font-size: 14px;
}

.helpdesk nav {
    display: flex;
}
.helpdesk nav a {
    flex: 1;
    display: flex;
    background: var(--padraoCor4);
    color: var(--padraoCor5);
    height: 26px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 1px;
}
.helpdesk nav a.ativo {
    background: var(--padraoCor2);
}

.helpdesk .tabs {
    box-sizing: border-box;
    position: relative;
    display: none;
    padding: 20px 2px 0;
    height: 100%;
}

.helpdesk .tab-email p,
.helpdesk .tab-whatsapp p {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px;
}
.helpdesk .tab-whatsapp a,
.helpdesk .tab-email a {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 15px;
}

.helpdesk .tab-whatsapp a i,
.helpdesk .tab-email a i {
    font-size: 18px;
    margin-right: 7px;
}


.helpdesk-chat {
    display: flex;
    flex-direction: column;
    height: 270px;    
}
.helpdesk-chat ul {
    flex: 1;
    list-style: none;
    padding: 0;    
    overflow-y: auto;
    padding-right: 5px;
}
.helpdesk-chat ul li {
    background: var(--padraoCor3);
    border: 1px solid var(--padraoCor1);
    padding: 5px 8px;
    font-size: 13px;
    border-radius: var(--radius);    
    margin-left: 35px;
    margin-bottom: 7px;
    border-bottom-right-radius: 0; 
}
.helpdesk-chat ul li.atendente {
    margin-right: 35px;
    margin-left: 0;
    background: var(--padraoCor1);
    color: var(--padraoCor3);   
    border-radius: var(--radius); 
    border-bottom-left-radius: 0; 
    
}
.helpdesk-chat .helpdesk-form {
    height: 30px;
    display: flex;
}
.helpdesk-chat .helpdesk-form button {
    margin-left: 5px;
    background: none;
    border: none;
    color: var(--padraoCor4);
    font-size: 16px;
}
.helpdesk-chat .acao-cancela {
    width: 100%;
    text-align:center;
    margin-top: 5px;
    margin-bottom: -10px;
}
.helpdesk-chat .acao-cancela a {
    font-size: 10px;   
    text-transform: uppercase; 
}







/* **********************************************************************************************
 *                                                                                              *
 *                                              SALA                                            *
 *                                                                                              *
 ********************************************************************************************** */
.area-chat .banners {
    padding: 0 10px;
}

.principal {
    display: flex;
    margin: 15px auto;
    padding: 0 10px;
    overflow: hidden;    
    border-radius: var(--radius);    
}
.principal .videoPrincipal {
    flex: 1;  
    width: 100%;    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3); 
    border-radius: var(--radius);  
    overflow: hidden;           
}

.principal .videoPrincipal .mascara-youtube {    
    position: absolute;
    width: 100%;
    height: 65px;
    z-index: 999;
}

.principal .videoPrincipal p.vazio {
    text-align: center;
    color:#fff;
}
.principal .videoPrincipal .videoFull,
.principal .videoPrincipal .iframe,
.principal .videoPrincipal .iframe iframe {
    width: 100%;
    height: 100%;   
    position: relative; 
}

.principal .videoPrincipal .iframe .animacao {    
    width: 60px;
    position: absolute;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    bottom: 15px;
    right: 25px;
    transition: All 700ms ease-out;
}
.principal .videoPrincipal .iframe .animacao img {
    max-height: 60px;
}




/* Small - Celular */
@media (max-width: 767px) {
    .principal .videoPrincipal .mascara-youtube {        
        height: 55px;
    }
 }


/* Medium - Tablet */ 
@media (min-width:768px) and (max-width: 959px) {

    
}









/* **************************** NAV / BOTOES ***********************/
.acoes {
    display: flex;
    padding: 0 10px;
    width: 100%;
    align-items: center;
    justify-content: space-between;    
}
.acoes nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.acoes nav .botoes {
    margin-top: 7px;
    margin-bottom: 5px;
}

.acoes .idiomas {
    display: block;
    margin-right: 15px;
}
.bandeiras-video span {
    box-shadow: 3px 3px 3px #444;
    margin-right: 7px;
}
.bandeiras-video span.audio-original {
    box-shadow: none;
    margin-right: 7px;
    color: var(--salaTransmissaoCor5);
    font-size: 12px;
    text-shadow: 1px 1px 3px #000;
}
.acoes .idiomas span:hover {
    cursor: pointer;
}

.bt-salas-transmissao { 
    font-size: calc(var(--fonteMenu) - 3px); 
    display: inline-flex;
    text-transform:uppercase; 
    transition: all 0.5s ease-out;   
    border: none;  
    border-radius:var(--radius); 
    background-color:var(--salaTransmissaoCor4); 
    cursor:pointer;      
    padding: 10px 15px !important;             
    text-align:left; 
    color:var(--salaTransmissaoCor5);
    align-items: center;
    margin: 3px 2px 3px 0;
}
.bt-salas-transmissao:hover { 
    box-shadow:0 0 15px rgba(255,255,255,0.8); 
    transition-duration:5000;
}
.bt-salas-transmissao i { 
    margin-right: 5px;
}
.bt-salas-transmissao span.uk-badge {
    margin-left: 7px;
    border-radius: var(--radius);
    background: var(--salaTransmissaoCor2);
    color: var(--salaTransmissaoCor5);
}


/* *********************** PAINEL / NOTIFICAÇÕES ********************/
.area-painel {
    background: var(--salaTransmissaoCor3);
    border-radius: var(--radius);
    margin: 4px 10px -7px;    
}
.area-painel .conteudo-painel {
    padding: 10px 15px;
    color: var(--salaTransmissaoCor1);
}


/* *************************** INFORMAÇÕES **************************/
.informacoes {
    background: var(--salaTransmissaoCor8);
    padding: 25px;
    margin: 0 10px 35px;;
    border-radius:var(--radius); 
}
.informacoes h1 {
    font-size: 20px;
    color: var(--salaTransmissaoCor1);
    font-weight: bold;
    margin: 0;    
    padding: 0;
    line-height: normal;
}
.informacoes h2 {
    font-size: 18px !important;
}
.informacoes .sala-conteudo {
    color: var(--salaTransmissaoCor2);
}
.informacoes .sala-videos h2 {
    color: var(--salaTransmissaoCor2);
}
.informacoes .sala-videos ul {    
    border-radius: var(--radius);
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden; 
}
.informacoes .sala-videos ul li {
    padding-bottom: 1px;
}
.informacoes .sala-videos ul li:last-child {
    height: 39px;
}
.informacoes .sala-videos ul li a {
    color: var(--salaTransmissaoCor5);
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 15px;
    background: var(--salaTransmissaoCor4);    
}
.informacoes .sala-videos ul li a:hover {
    opacity: 0.7;
}


/* *************************** EMOÇÕES **************************/
.principal .videoPrincipal .emocoes {
    height: 45px;
    background: var(--salaTransmissaoCor7);  
    width: 100%;  
    display: flex;
    justify-content: center;
    align-items: center;    
}
.principal .videoPrincipal .emocoes a {
    margin: 0 15px;
}
.principal .videoPrincipal .emocoes span {
    margin: 0;    
    color: var(--salaTransmissaoCor6);        
    font-size: 12px;
    margin-top: 3px;
}
.principal .videoPrincipal .emocoes a img {
    max-height: 25px;
}





/* ****************************** CHAT ******************************/
.principal .chatPrincipal {
    width: 300px; 
    overflow: hidden;      
}
.chatPrincipal a.scroolDown {
    position: relative;        
    left: 50%;
    bottom: 80px;
    color: #ddd;
    font-size: 32px;
}
.chatContainer .formulario button {
    background: none;
    border: none;
    color: var(--cor-2);
    display: flex;
    height: 32px;
    align-items: center;
    font-size: 18px;
}
.chatContainer .listaChat p.user {
    font-weight: bold;
    font-size: 14px;
}
.chatContainer ul.listaChat {
    margin: 0;
    flex: 1;
    background: var(--chatCor3);
    width: 100%;
    list-style: none;
    overflow-y:auto;
    padding: 5px 5px 35px 5px;
}

.chatContainer ul.listaChat li {
    padding: 5px;
    box-sizing: border-box;
}
.chatContainer ul.listaChat li i { 
    font-size: 11px;
    color: var(--chatCor2);
    width: 100%;
    text-align: right;
    display: block;
    padding-right: 5px;
    opacity: 0.7;
}
.chatContainer { 
    background-color:var(--chatCor5); 
    color:var(--chatCor4); 
    border-radius:var(--radius); 
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow:hidden; 
    margin:0px 0px;     
    display:flex; 
    flex-direction: column;
    width:100%; 
    height:100%;
} 
.chatContainer .titulo { 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    flex-direction:row;     
    font-size:14px; 
    background-color: var(--chatCor4);     
    width:100%; 
    height:30px;
}
.chatContainer .titulo a {
    color: var(--chatCor5);
}
.chatContainer .titulo i {
    margin-left:7px;
}

.chatContainer ul.listaChat li.aviso-modera {
    background: var(--chatCor4);
    margin: 5px auto;
    padding: 10px;
    justify-content: flex-start;
    border-radius: var(--radius);
}
.chatContainer ul.listaChat li.aviso-modera p {
    font-size: 12px;
    margin: 0;
    line-height: normal;
    color: var(--chatCor5);    
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.chatContainer ul.listaChat li.aviso-modera p i {
    font-size: 16px;
    margin-right: 7px;
    color: var(--chatCor5);      
    width: auto;
}

.chatContainer .formulario {
    display: flex;
    padding: 7px 10px;
    margin: 0;  
    background: var(--chatCor4);  
}
.chatContainer .formulario input {
    background:none;
    border: none;
    border-bottom: 1px solid var(--chatCor5);
    padding: 5px 6px;
    color: var(--chatCor5);
    margin-right: 7px;    
}

.chatContainer .formulario ::placeholder { 
    color: var(--chatCor3);
    opacity: 0.7; /* Firefox */
}

.item-chat {        
    display: flex;   
    word-wrap: break-word; 
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.item-chat .mensagem {
    flex: 1;
    background-color:var(--chatCor5);     
    border-top-left-radius:0px; 
    border-top-right-radius:10px; 
    border-bottom-left-radius:10px;  
    border-bottom-right-radius:10px; 
    padding: 4px 7px 7px 7px;
    font-size: 12px;
    width: 100%;    
    word-wrap: break-word;    
    max-width: 240px;
}
.item-chat .mensagem strong {
    margin: 0;
    font-size: 14px;
    word-wrap: break-word;    
    color: var(--chatCor4);
} 
.item-chat .mensagem strong:hover {
    cursor: pointer;
    text-decoration: underline;
}
.item-chat .mensagem p {
    margin: 0;
    font-size: 13px;
    line-height: normal;    
    word-wrap: break-word;
    width: 100%;
    color: var(--chatCor2);
} 
.item-chat .mensagem p a {
    color: #0000FF;
}
.item-chat .usuario-foto {
    width: 35px;
    height: 35px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-right: 5px;    
}
.item-chat .usuario-foto:hover {
    cursor: pointer;
    opacity: 0.7;
}
.item-chat .usuario-letra {
    width: 35px;
    height: 35px;    
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 3px #999;
    background: var(--chatCor4);
    color: var(--chatCor5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.item-chat .usuario-letra:hover {
    cursor: pointer;
    opacity: 0.7;
}


.cont-emoticons { 
    height: 96vh;
    display: flex;
    flex-direction: column;    
}
.area-emoticons {
    flex: 1;
    overflow:hidden; 
    overflow-y:auto;
    padding-right: 15px;
    padding-bottom: 15px;
}
.area-emoticons a {
    background-color:#fff;     
    display: flex;
    border-radius:10px; 
    height: 80px;    
    margin:10px 7px; 
    align-items: center;
    justify-content: center;
    box-sizing:border-box; 
    box-shadow:2px 2px 5px #ccc;
    padding: 8px;
}
.area-emoticons a img {
    max-height: 64px;
}
.fechar-emoticons {
    height: 50px;    
    display: flex;
    align-items: center;
    justify-content: center;
}
.animeArea {
    width: 100%;    
    text-align: center;
}
.animeArea img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
}
.emoticonIconBt { 
    cursor:pointer; 
    border:none;        
    margin-right: 5px; 
    width:26px; 
    height:32px; 
    display: flex;
    align-items: center;
    justify-content: center;    
    color: var(--chatCor5);
}
.emoticonIconBt:hover { 
    opacity: 0.5;
}
.emoticonIconBt i {
    font-size: 22px;    
}




/* **************************** PERGUNTAS ******************************/
.area-perguntas {
    background: var(--perguntasCor3); 
    padding: 0;    
}
.area-perguntas .uk-close {
    position: absolute;
    z-index: 9999;
    top: 25px;
    right: 25px;
}
.chat-perguntas { 
    width: 100%;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column; 
    min-height: 500px;
}
.chat-perguntas .titPergunta { 
    display:flex; 
    justify-content:center; 
    align-items:center;     
    border-top-left-radius: var(--radius);    
    border-top-right-radius: var(--radius);    
    font-size:16px; 
    color: var(--perguntasCor5); 
    background-color: var(--perguntasCor4);
    width:100%; 
    height:50px;    
    padding: 0;
    margin-top: -30px;
}
.chat-perguntas .titPergunta i { 
    margin-right: 7px;
}

.chat-perguntas  #formPerguntas {
    display:flex; 
    justify-content:space-between; 
    align-items:center; 
    flex-direction:row; 
    width: 100%;
    height:50px; 
    padding: 0 10px;        
    background-color:var(--perguntasCor4);
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    margin-bottom: -30px;
}
#perguntasInput {     
    width: 100%;
    border: none; 
    border: 1px solid var(--perguntasCor3); 
    background-color: var(--perguntasCor5);     
    border-radius: 3px;     
    height: 30px;
    color: var(--perguntasCor2);
}
#sendPerguntas { 
    cursor:pointer;     
    color: var(--perguntasCor5); 
    background-color: var(--perguntasCor2); 
    border:none; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 32px;
    margin-left: 5px;
    border-radius: var(--radius);
}
#sendPerguntas i {
    margin-right: 7px;
}

.chat-perguntas ul {     
    padding:0;
    overflow-x: hidden;
}
.chat-perguntas li { 
    margin:3px 10px 0 10px; 
    padding:10px 10px 10px 10px;     
}
.chat-perguntas .balaoUser {
    margin: 10px;    
    background-color: var(--salaTransmissaoCor8); 
    box-shadow:0 0 3px #666; 
    border-top-left-radius:0px; 
    border-top-right-radius:10px; 
    border-bottom-left-radius:10px;  
    border-bottom-right-radius:10px; 
    padding:10px 10px 10px 10px; 
    width:85%;    
}
.chat-perguntas .user { 
    color: var(--perguntasCor1) !important; 
    font-size: 14px;     
    font-weight: bold;   
    text-align: left;  
}
.chat-perguntas .msg { 
    color: var(--perguntasCor2); 
    font-size:14px;    
}
.chat-perguntas .timeChat { 
    color: var(--perguntasCor2); 
    font-size: 10px; 
    line-height: 12px; 
    margin: 3px 0 0 0; 
    opacity: 0.7; 
    text-align: right;
}

.chat-perguntas .balaoMod { 
    margin: 10px;
    margin-left: 14%; 
    background-color:var(--perguntasCor4); 
    box-shadow:0 0 3px #666; 
    border-top-left-radius: 10px; 
    border-top-right-radius: 0px; 
    border-bottom-left-radius: 10px;  
    border-bottom-right-radius: 10px; 
    padding: 10px 10px 10px 10px; 
    width: 85%; 
}
.chat-perguntas  .balaoMod .timeChat { 
    color:var(--perguntasCor5);
    opacity: 0.7;
}
.chat-perguntas .mod { 
    color: var(--perguntasCor5)!important; 
    font-weight: bold; 
    font-size: 14px; 
    text-align: left;
}
.chat-perguntas .msgMod {
    color: var(--perguntasCor5); 
    font-size: 14px;
}
#perguntasList {
    text-align: left; 
    background-color: var(--perguntasCor3); 
    list-style: none; 
    overflow-y: auto; 
    height: 400px; 
    width: 100%; 
    padding: 0px 5px 0px 0px; 
    margin: 0 0 0 0;
}
#scroolPerg { 
    margin:-30px 0 0 95%; 
    z-index:999; 
    font-size:26px;
    color:var(--perguntasCor5); 
    display:block;
}




/* Small - Celular */
@media (max-width: 767px) {
    .principal {        
        flex-direction: column;
        width: 100%;
    }
    .principal .videoPrincipal {
        margin-bottom: 15px;
    }
    .principal .chatPrincipal {
        width: 100%;           
    }
 }


/* Medium - Tablet */ 
@media (min-width:768px) and (max-width: 959px) {

    .principal {        
        flex-direction: column;
        width: 100%;
    }
    .principal .videoPrincipal {
        margin-bottom: 15px;
    }
    .principal .chatPrincipal {
        width: 100%;           
    }
}











/* **********************************************************************************************
 *                                                                                              *
 *                                       SALA PRESENCIAL                                        *
 *                                                                                              *
 ********************************************************************************************** */
.acoes-presenciais {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.acoes-presenciais nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.acoes-presenciais nav button {
    width: 120px;
    height: 120px;
    background: var(--salaTransmissaoCor4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
    color:var(--salaTransmissaoCor5);    
    box-sizing: border-box;
    margin: 3px !important;
    border-radius: var(--radius);
}
.acoes-presenciais nav button i {
    font-size: 28px;
    margin-bottom: 5px;
}
.acoes-presenciais nav button:hover,
.acoes-presenciais .voltar button:hover {
    opacity: 0.9;
    cursor: pointer;
    box-shadow: 0 0 3px #000;
}

.acoes-presenciais .voltar {
    margin-top: 25px;
    margin-bottom: 15px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.acoes-presenciais .voltar button {
    width: 100%;
    max-width: 180px;
    height: 45px;
    background: var(--salaTransmissaoCor4);
    display: flex;    
    align-items: center;
    justify-content: center;
    border: none;
    color:var(--salaTransmissaoCor5);    
    box-sizing: border-box;    
    border-radius: var(--radius);    
}
.acoes-presenciais .voltar button i {
    margin-right: 10px;
    font-size: 22px;
}










.lista-salas-vazio {
    width: 100%; 
    background: rgba(0,0,0,0.3); 
    height: 20vh; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: var(--radius);
}

.lista-salas section { 
    margin-bottom: 40px;
}

.area-lista-salas {
    margin-bottom: 35px;

}

.area-lista-salas h2 {        
    text-shadow: 0 0 4px #333;
    color: var(--cor-1) !important;
    text-transform: none;
}








/* **********************************************************************************************
 *                                                                                              *
 *                                         ATENDIMENTO                                          *
 *                                                                                              *
 ********************************************************************************************** */
.atendimento { 
    width:100%; 
    font-size:20px; 
    color:var(--padraoCor3);        
}
.atendimento h4 { 
    text-align:center;
    color:var(--padraoCor3) !important; 
}
.atendimento ul { 
    list-style:none;
    padding: 0;
}
.atendimento ul .titContato { 
    text-align:center;
    font-size: 18px;
}
.atendimento ul a { 
    color:var(--padraoCor3); 
    padding:5px; 
    text-align:center!important;
    font-size: 13px;
}
.atendimento ul a i {
    margin-right: 5px;
}
.atendimento ul li { 
    width:100%; 
    text-align:center!important; 
    display:inline-block; 
    border:1px solid var(--padraoCor3); 
    background-color:var(--padraoCor2);
    border-radius: var(--radius);
    margin:0 0 10px 0; 
    padding:10px 0 10px;
}
.atendimento ul li p { 
    text-align:center; 
    color:var(--padraoCor3); 
    display: flex; 
    flex-direction: column;
}







/* **********************************************************************************************
 *                                                                                              *
 *                                           ARQUIVOS                                           *
 *                                                                                              *
 ********************************************************************************************** */
.arquivos { 
    color:var(--padraoCor3); 
}
.arquivos h4 {
    text-align:center; 
    color:var(--padraoCor3) !important; 
}
.arquivos ul { 
    list-style:none; 
    padding: 0; 
    margin: 0; 
    width: 100%; 
}
.arquivos ul .titContato {
    font-size: 16px;    
}
.arquivos ul a { 
    color:var(--padraoCor3); 
    padding:5px; 
    width: 100%; 
}
.arquivos ul a i { 
    margin-right: 10px; 
}
.arquivos ul li {     
    width: 100%;
    text-align:left; 
    border:1px solid var(--padraoCor3); 
    background-color:var(--padraoCor2); 
    margin-bottom: 10px; 
    padding: 10px 15px;   
    border-radius:var(--radius); 
}





/* **********************************************************************************************
 *                                                                                              *
 *                                        USUÁRIOS ONLINE                                       *
 *                                                                                              *
 ********************************************************************************************** */
 .usuarios-online { 
    color:var(--padraoCor3); 
}
.usuarios-online h4 { 
    text-align:center; 
    color:var(--padraoCor3) !important; 
}






/* **********************************************************************************************
 *                                                                                              *
 *                                             QUIZ                                             *
 *                                                                                              *
 ********************************************************************************************** */
.quiz { 
    width:100%; 
    font-size:20px; 
    margin:5px 0 0 0; 
    text-align:center;         
}
.quiz h4{ 
    text-align:center; 
    color:var(--padraoCor3)!important; 
}
.quiz ul { 
    list-style:none; 
    padding:0; 
    width: 100%; 
}
.quiz ul .titQuiz{ 
    width:100%; 
    font-size:16px; 
    color:var(--padraoCor3);
}
.quiz ul .descQuiz{ 
    width:100%; 
    font-size:14px; 
    color:var(--padraoCor3);
}
.quiz ul a { 
    color:var(--padraoCor3); 
    padding:5px;
}
.quiz ul li { 
    width:100%; 
    border:1px solid var(--padraoCor3); 
    background-color:var(--padraoCor2); 
    margin:0 0 10px 0; 
    padding:10px 0 10px; 
    cursor:pointer; 
    border-radius:var(--radius);
}
.titQuizModal{ 
    width:100%; 
    margin:0 0 10px; 
    font-size:18px; 
    line-height:20px; 
    color:var(--cor-9);
}
.descQuizModal{ 
    width:100%; 
    margin:0 0 10px; 
    font-size:12px;  
    line-height:16px; 
    color:var(--cor-9); 
    border-bottom:1px solid var(--padraoCor3);
}
.quizPergunta{ 
    font-size:18px; 
    line-height:20px; 
    color:var(--cor-4);
}
.quizResposta{ 
    font-size:14px; 
    line-height:16px;
}
.respostasQuiz{ 
    border-bottom:1px solid var(--cor-4); 
    padding:0 0 6px;
}
.barraresposta{
    background-color: var(--padraoCor3);
    margin-top:1px;  
    font-size:10px;     
    min-width:16px; 
    padding:0 5px 0; 
    min-width:30px;
}
.barraresposta p {
    color: var(--padraoCor1); 
}


#formQuiz {
    background: var(--quizCor3);
    padding: 15px;
    border-radius: var(--radius);
}
#formQuiz p.titQuizModal,
#formQuiz p.quizPergunta {
    color: var(--quizCor1) !important;
}
#formQuiz p.descQuizModal,
#formQuiz label {
    color: var(--quizCor2) !important;
}
#formQuiz p.descQuizModal {
    border-bottom: 1px solid var(--quizCor2);
}

#formQuiz .botaoQuiz {
    display: flex;
    height: 40px;
    align-items: center;
    padding: 0 15px;
    border-radius: var(--radius);
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid; 
    justify-content: space-between;
}

#formQuiz .botaoQuiz .ativo {

}









/* **********************************************************************************************
 *                                                                                              *
 *                                           PESQUISA                                           *
 *                                                                                              *
 ********************************************************************************************** */
.pesquisa {     
    font-size: 20px;      
}
.pesquisa h3, .pesquisa h4 {
    text-align: center;    
    height: auto; 
    line-height: normal;
    color: var(--padraoCor3);
}
.pesquisa ul { 
    list-style: none!important; 
    width: 100%; 
    padding: 0;
}
.pesquisa ul .titPesquisa {     
    margin: 0 0 10px; 
    font-size: 16px;     
}
.pesquisa ul .descPesquisa { 
    width: 100%; 
    margin: 0 0 10px; 
    font-size: 14px;     
}
.pesquisa ul a {     
    padding: 5px;
}
.pesquisa ul li { 
    text-align: center; 
    width: 100%; 
    display: inline-block; 
    border: 1px solid var(--padraoCor3); 
    background-color: var(--padraoCor2)!important; 
    margin: 0 0 10px 0; 
    padding: 10px 0 10px; 
    cursor: pointer; 
    border-radius: var(--radius);
}
.pesquisa ul li p { 
    text-align: center;     
}
.pesquisa textarea, .pesquisa textarea input[type="text"], .pesquisa textarea select {
    width: 100%; 
    font-size: 14px;
}
.pesquisa #formPesquisa { 
    text-align: left;
}
.titPesquisaModal { 
    width: 100%; 
    margin: 0 0 10px; 
    font-size: 18px; 
    line-height: 20px; 
    color:var(--cor-8); /* COR TITULO MODAL */
}
.descPesquisaModal { 
    width:100%; 
    margin:0 0 10px; 
    font-size:12px;  
    line-height:16px; 
    color:var(--cor-9); /* COR SUBTITULO MODAL */
    border-bottom:1px solid var(--cor-2);
}
.pesquisaPergunta { 
    font-size:18px; 
    line-height:20px; 
    color:var(--cor-4);
}
.pesquisaResposta { 
    font-size:14px; 
    line-height:16px; 
    color:var(--cor-9);
}
.respostaspesquisa { 
    border-bottom:1px solid var(--cor-9); 
    padding:0 0 6px;
}
.barraRespostaPesquisa {
    background-color:var(--padraoCor1); 
    margin-top:1px;  
    font-size:10px; 
    color:var(--padraoCor3); 
    min-width:16px; 
    padding:0 5px 0;
    min-width:30px;
}



#formPesquisa {
    background: var(--pesquisaCor3);
    padding: 15px;
    border-radius: var(--radius);
}

#formPesquisa p.titPesquisaModal {
    color: var(--pesquisaCor1) !important;    
}
#formPesquisa p.descPesquisaModal {
    color: var(--pesquisaCor2) !important;    
    border-bottom: 1px solid var(--pesquisaCor2);
}

#formPesquisa p.pesquisaPergunta {
    color: var(--pesquisaCor1) !important;
}
#formPesquisa label {
    color: var(--pesquisaCor2) !important;
}







.form-buscar-user {
    display: flex;    
}
.form-buscar-user input {
    flex: 1;
}
.form-buscar-user button {
    width: 32px;
    height: 28px;
    margin: 0;
    margin-left: 7px;
    background-color: var(--cor-4) !important;
}
.chatUserCanvasLista {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.chatUserCanvasLista li {
    width: 100%;
    display: flex !important;
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #666;
}
.chatUserCanvasLista li .foto {
    width:45px; 
    height:45px; 
    border-radius:50%;
}
.chatUserCanvasLista li p.inicial {
    width: 45px; 
    height: 45px;
    border-radius: 50%;
    display: flex;
    background: var(--cor-4);
    color: var(--cor-2);
    flex: none;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin: 0;
}
.chatUserCanvasLista li p {
    margin: 0;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    flex: 1;
}
.badge-chat {
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.chatUserCanvasTop {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.chatUserCanvasTop span {
    font-size: 14px;
    margin-left: 7px;
}
.chatUserCanvasTop .foto {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.chatUserCanvasTop p.inicial {
    width: 35px; 
    height: 35px;
    border-radius: 50%;
    display: flex;
    background: var(--cor-4);
    color: var(--cor-2);
    flex: none;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin: 0;
}

.conversaCanvas .userFrom {
    border: 1px solid #fff;
    background: var(--cor-4) !important;
    color: var(--cor-1) !important;
}








/*TAG CLOUD*/
.TagCloud {
    display: flex;
    flex-direction: column;
    height: 100%;
   
}

.TagCloud #tagcloud {
    flex: 1;
}

.TagCloud .areaformTagCloud {
    height: 50px;
   
}

.TagCloud .areaFormTagCloud {    
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.TagCloud .areaFormTagCloud form {    
    display: flex;
    max-width: 450px;
    width: 100%;
}

.TagCloud .areaFormTagCloud form button {    
    height: 30px;
    width: 40px;
    text-align: center;
    margin: 0;
    margin-left: 7px;
    background-color: var(--cor-4) !important;
    border: none;
    border-radius: var(--radius);
    color:#fff;
}



.uk-modal .tituloModal {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.uk-modal .tituloModal h2 {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}


.area-lista-salas h2 {
    border-bottom: 1px solid var(--cor-2) !important;
    padding-bottom: 5px;
}







/* **********************************************************************************************
 *                                                                                              *
 *                                         SOCIAL FEED                                          *
 *                                                                                              *
 ********************************************************************************************** */
.area-feed{
    width:100%;
    max-width:600px;
    background-color:var(--socialFeedCor3) !important;
    color:var(--socialFeedCor1);
    border-radius: var(--radius);
    padding: 10px 15px 0px 15px;
    margin:0 auto 15px;
    display: flex;
    flex-direction: column;
    text-align:left;
    align-items:flex-start;
}

.area-feed form{
    width:100%;
}

.area-feed .area-user-feed{
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    width:100%;
}

.area-feed .feed-usuario-foto{
    width: 45px;
    min-width: 45px;
    height: 45px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
}

.area-feed .feed-usuario-nome{
    width:100%!important;
    text-align: left;
}

.area-feed .feed-usuario-excl{
    color: rgba(255,255,255,0.5);
    font-weight: lighter;
    position:relative;
}

.area-feed .feed-usuario-excl .feedMenu{
    width: 150px;
    padding: 8px;
    background-color: var(--cor-1);
    border-radius: 3px;
    position: absolute;
    top:0;
    right:10px;
    font-size: 11px;
    color: var(--cor-4);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    font-weight: bold;
}

.area-feed .area-user-feed-comentario{
   
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    width:100%;
    margin-bottom: 15px;
    
}

.area-feed .area-user-feed-comentario .comentSend{
    width: 40px;
    height:35px;
    margin-top:15px;
    color:var(--socialFeedCor1);
    border:none;
    background-color: transparent;
    cursor: pointer;

}

.area-feed .feed-usuario-foto-comentario{
    width: 30px;
    min-width: 30px!important;
    height: 30px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 25px 10px 10px 10px;
}

.area-feed textarea{
    width:100%;
    margin-top:15px;
    padding:10px;
    background-color: var(--socialFeedCor2);
    color: var(--socialFeedCor3);
    border:1px solid var(--socialFeedCor2);    
    border-radius: var(--radius);
}

/* .area-feed textarea:focus { 
    outline: none !important;
    border-color: var(--cor-1);
    box-shadow: 0 0 4px var(--cor-1);
 } */
.area-feed .area-file{
    border:1px solid var(--socialFeedCor1);
    border-radius: var(--radius);
    width: 100%!important;
    margin:10px 0 10px;
    padding: 8px 10px 8px 10px;
    font-size:12px;
}

.area-feed input[type=file]{
    padding: 5px;
    font-size: 10px;   
}

.botao-feed{ 
    width:100%!important;
    background: var(--socialFeedCor4);
    color: var(--socialFeedCor5);
}

.area-feed .feed-mensagem{
    margin:10px;
    text-align: left;
}

.area-feed .feed-imagem{
    margin-bottom:15px;
    border:1px solid var(--cor-1);
    overflow: hidden;
    border-radius: var(--radius);
}

.area-feed .feed-buttons{
    width:95%;
    font-size: 13px;
    color:var(--socialFeedCor2);
    margin-top:0px;
    
}

.area-feed .socialFeedSeparador{
    border-top:1px solid var(--cor-1);
    margin-top: 10px;
    opacity: 0.2;
}

.area-feed .socialfeedactions{
    cursor:pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    /*
    border-top:1px solid var(--cor-1);
    border-bottom:1px solid var(--cor-1); 
    */
    
}
.area-feed .socialfeedactions:hover{
    opacity: 0.3;
}


.area-feed .area-feed-comentario{
    display: flex;
    flex-direction: row;
    text-align:start;
    align-items:flex-start;
    width:100%;
    padding-left: 25px;  
    font-size:14px;
    margin-bottom: 0px;  
}

.area-feed .area-feed-comentario .feed-foto-comentario{
    width: 30px;
    min-width:30px!important;
    height: 30px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0px 10px 10px 10px;
}


.area-feed-comentario .balao-msg{
   background-color: var(--socialFeedCor2);
   color: var(--socialFeedCor3);
   border-radius: var(--radius);
   padding: 7px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 10px;   
   width: 100%;
 }

 .area-feed-comentario .balao-msg .nomeUserComentario{
     display: flex;
     flex-direction: row;
     justify-content:space-between;
 }
 

.area-feed .area-feed-comentario .balao-msg .msg{ 
   font-size: 14px; 
   line-height: 15px;
   font-weight:lighter;
   
}


#feedcarregamais{
    margin:0 20% 15px 20%;
    display:inline-block;
    background-color: var(--socialFeedCor4);
    color: var(--socialFeedCor5);
    width:60%;
    border-radius: var(--radius);
    border:none;
    padding:10px 0 10px;
    cursor: pointer;
}

#feedcarregamais:hover{
    opacity: 0.5;
}







/* ************************************** PAGE ****************************************** */
.area-page {
    margin: 25px auto;
    background: var(--cor-2);
    padding: 25px;
    border-radius: var(--radius);    
}
.topo-pagina {
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.topo-pagina .img-back {
    width: 100%;
    height: 350px;
    border-radius: var(--radius);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.topo-pagina .cabecalho {
    display: flex !important;
    width: 100%;    
    flex-direction: row !important;
}
.topo-pagina .cabecalho .img-logo {
    width: 180px;
    height: 180px;
    border-radius: var(--radius);
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    box-shadow: 0 0 5px #333;
    margin-left: 30px;
    margin-right: 25px;
    margin-top: -90px;
}
.topo-pagina .cabecalho .info {
    margin-top: 15px;    
    flex: 1;
}
.topo-pagina .cabecalho .info h1 {
    text-transform: none;
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 28px;
}
.topo-pagina .cabecalho .acoes {
    width: auto;
}
.topo-pagina .cabecalho .redes-sociais {
    display: flex;
}
.topo-pagina .cabecalho .redes-sociais a {
    color: var(--cor-3);
    margin-right: 15px;
    font-size: 20px;
}

.informacoes-page {    
    background: #fff;
    padding: 25px;
    margin: 15px auto 0;
    border-radius:var(--radius); 
}
.informacoes-page h1 {
    font-size: 20px !important;
    margin: 0 !important;    
    height: auto !important;
}
.informacoes-page p {
    margin: 0;
}
.informacoes-page h2 {
    font-size: 18px !important;
}



/* Small - Celular */
@media (max-width: 767px) {
    .topo-pagina .cabecalho {
        flex-direction: column !important;        
    }
    .topo-pagina .cabecalho .acoes {
        display: flex;
        justify-content: flex-end;                
    }
    .topo-pagina .cabecalho .img-logo {
        width: 140px;
        height: 140px;
        border-radius: var(--radius);
        background-size: 90%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        box-shadow: 0 0 5px #333;        
        margin: -10px auto 0;
    }

    .topo-pagina .cabecalho .info {        
        padding: 0 !important;
    }
    .topo-pagina .cabecalho .info h1 {
        text-transform: none;
        font-weight: 700;
        margin: 0 0 10px !important;
        font-size: 28px;        
        text-align: center;
    }
    .informacoes-page p {
        margin: 0;
        text-align: left !important;
    }
}



/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    .informacoes-page p {
        margin: 0;
        text-align: left !important;
    }
}















/************ COLETOR DE QR CODE CAMERA ***************/
.coletorAreaForm{ 
    background-color:var(--cor-1); 
    margin:15px auto; 
    max-width:300px;
}
.coletorTop{
    background-color:var(--cor-4)!important; 
    padding: 15px 5px 0 5px; 
    font-weight: 700; 
    color:var(--cor-4); 
    font-size:20px; 
    text-align:center;
}
.coletorTop img{
    height:50px!important;
    padding:5px 0 5px;
}









/* ************************************ Cadastro *************************************** */
.msg-cadastro-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;    
    margin: 10px 5px;
}
.msg-cadastro-success p {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 15px;
}
.msg-cadastro-success i {
    font-size: 40px;
}








/* **************************************************************************************** * 
 *                                      GALERIA                                             *
 * **************************************************************************************** */
 .galeria h2 {
    font-weight: 700;
    margin: 0 !important;
    color: var(--cor-4) !important;
 }
 .galeria .slideshow {
     margin-top: 15px;
 }

 .galeria .galeria-padrao {
    margin-top: 15px;
}

.uk-modal-caption {    
    background: rgba(0,0,0,0.6);
    bottom: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}









/* ************************************************************************************************

                                        PERFIS DE ACESSO

************************************************************************************************ */
.categoria-perfil{
    padding:15px;
}

.categoria-perfil h2{
    color:var(--padraoCor1);
}

.item-perfil {
    background: var(--padraoCor3);
    border-radius: var(--radius);
    padding: 10px 25px;
    display: flex;
    gap: 15px;
    min-height: 60px;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.item-perfil h2 {
    margin: 0;
    font-size: 18px;
    width: auto;    
}

.bt-inscreva {
    background: var(--padraoCor1);
    color: var(--padraoCor5);
    border-radius: var(--radius);
    display: flex;
    height: 35px;
    min-width: 150px;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0 25px;
    text-transform: uppercase;
}
.bt-inscreva:hover {
    cursor: pointer;
}

.bt-inscrito {
    background: var(--padraoCor4);
    color: var(--padraoCor5)!important;
    border-radius: var(--radius);
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0 25px;
    text-transform: uppercase;
}
.bt-inscrito i {
    margin-left: 5px;
}

.usuario-inscrito {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.bt-cancelar-inscricao {        
    background: none;    
    height: 20px;
    font-size: 11px;
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */
    width:100%;
    text-align: center;
    border: none;
    padding: 0 10px;   
    margin-right: 7px; 
    margin-top: 5px; 
    cursor:pointer;   
}
.bt-cancelar-inscricao:hover {
    cursor: pointer;
}

.bt-esgotado {
    background: var(--padraoCor1);
    color: var(--padraoCor5);
    border-radius: var(--radius);
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0 25px;
    text-transform: uppercase;
    opacity: 0.2;
}
.bt-esgotado i {
    margin-left: 5px;
}

.item-perfil p {
    margin: 0;
    color: var(--padraoCor1)!important;
}


/*layout quadrado*/
.item-perfil-quadrado{
    background:  var(--padraoCor3);
    border-radius: var(--radius);
    padding: 10px 25px;
    margin-bottom: 25px;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-perfil-quadrado p {
    margin: 0;
    color: var(--padraoCor1)!important;
}



.subperfil {
    background: #FFF;
    margin-top: -15px;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: var(--radius);
    border: 1px solid #DDD;
}




/* Small - Celular */
@media (max-width: 767px) {
    
    .categoria-perfil h2{
        text-align: center!important;
    }

    .item-perfil {
        flex-direction: column;
    }
}



/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}



/* ************************************************************************************************

                                        LISTA DAS PALESTRAS USUARIO

************************************************************************************************ */
.perfil-user-lista{
    background: var(--padraoCor3);
    border-radius: var(--radius);
    padding: 10px 25px;
    width:100%;
}

.perfil-user-lista-categ{
    background: var(--padraoCor4);
    color: var(--padraoCor5)!important;
    border-radius: var(--radius);
    padding:5px;
    width:100%;
}

.perfil-user-lista-area{
    /*border-bottom: solid 1px var(--padraoCor2);*/
    width:100%;
    margin-bottom:15px;
}

.perfil-user-lista-titulo{
    color: var(--padraoCor4);
    font-size:14px;
    padding:15px 0 15px 15px;
}

.perfil-user-lista-titulo i{
    
}

.perfil-user-lista-desc{
    color: var(--padraoCor2);
    margin-bottom: 15px;
    font-size:12px;
    display:none;
    padding:15px 0 15px 15px;
}




/* ************************************************************************************************

                                        DADOS NETWORKING

************************************************************************************************ */
.networking-dados {
    background: var(--cor-1);
    color: var(--cor-4);
    padding: 15px;
    border-radius: var(--radius);
}


.networking-dados .usuario-foto {
    width: 120px;
    height: 120px;
    background-image:url(../img/user-default.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 3px #999;
}

.networking-dados .usuario-letra {
    width: 120px;
    height: 120px;    
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 3px #999;
    background: var(--cor-4);
    color: var(--cor-1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

.networking-dados .info {
    width: 100%;    
}
.networking-dados .info h2 {
    color: var(--cor-4) !important;
    text-transform: none;
    border-bottom: 1px solid var(--cor-3);
    font-size: 24px;
    padding-bottom: 5px;
    margin: 20px auto 10px;
}
.networking-dados .info p.networking-bloqueado {
    padding: 15px;
    background: #EEE;
    color: #999 !important;
    font-style: italic;
    border-radius: var(--radius); 
    margin: 0;
}

.networking-dados i {
    font-size: 28px;
    margin-right: 10px;
    width: 40px;
    text-align: center;
}
.networking-dados .info .dados {
    margin: 30px auto;
    display: flex;
    flex-direction: column;
}
.networking-dados .info .dados .telefone {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.networking-dados .info .dados .sociais {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 12px !important;
}
.networking-dados .status-user {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    font-size: 12px;
}

.networking-dados .status-user .status-ponto {
    background: #999;
    width: 10px;
    height: 10px;
    border-radius: 50%;    
    margin-right: 5px;
}
.networking-dados .status-user .status-online {
    background: #13ce3f;
}





/* **************************************************************************************************
 *                                                                                                  *
 *                                          ÁREA DE NETWORKING                                      *
 *                                                                                                  *
*****************************************************************************************************/
.area-networking h2 {
    color: var(--networkCor1) !important;
}
.area-networking {
    width: auto;
    background: var(--networkCor3);
    border-radius: var(--radius);
    max-width: 750px;
    margin: 0 auto;
    padding: 15px;
    height: 100%;
}
.area-networking .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.area-networking .topo form {
    display: flex;
}
.area-networking .topo .uk-form .uk-button {
    background: var(--networkCor1);
    color: var(--networkCor3);
}
.area-networking .topo h2 {
    color: var(--networkCor1) !important;
    text-transform: none;
    font-size: 24px;        
    margin: 0;
}

.area-networking a.letras {
    text-transform: uppercase;
    color: var(--networkCor4);
}
.borda {
    border-bottom: 1px solid var(--networkCor2);
}
.borda span {
    color: var(--networkCor2);
}
.area-networking table tbody tr:nth-child(2n) {
    background: var(--networkCor5);
}
.area-networking table tbody tr td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.area-networking table tbody tr td > div {
    display: flex;
    align-items: center;    
    flex: 1;
}
.area-networking table tbody tr td > div p {
    margin: 0 !important;
    color: var(--networkCor2) !important;
    text-align: left;
}
.area-networking table tbody tr td > div .foto {
    background-color: var(--networkCor4);
    color: var(--networkCor5);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 0 5px #555;    
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
.area-networking table tbody tr td > nav {
    display: flex;
}
.area-networking table tbody tr td > nav a {
    margin: 0 3px;
    color: var(--networkCor4);
}

/* ****************** NOVO */
.area-networking .menu-networking {
    display: flex;
}
.area-networking .menu-networking .item {
    display: flex;
    align-items: center;
    margin-right: 1px;
    padding: 0 15px;
    height: 35px;
    background: var(--networkCor4);   
    color: var(--networkCor5) !important; 
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
.area-networking .menu-networking .item.ativo { 
    background: var(--networkCor5);   
    color: var(--networkCor4) !important; 
}
.area-networking .menu-networking .item p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}
.area-networking .menu-networking .item i {
    margin-right: 5px;    
    color: inherit !important;
}
.area-networking .content-networking {
    background: var(--networkCor5);
    padding: 10px;
    height: calc(100% - 80px);
}




/* Small - Celular */
@media (max-width: 767px) {
    
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 1100px) {
    
}






/* ************************************************************************************************

                                        ÁREA FOTO e AVATAR

************************************************************************************************ */
.area-avatar-geral{
    display:flex;
    flex-direction:column;
    align-items: center;
    background: var(--cor-1);
    border-radius: var(--radius);
    min-height: 350px;
    width: 100%;
}
.area-avatar-geral h2{
    color: var(--cor-4) !important;
    text-align:center;
    margin:15px 0 0;
}
.foto-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.foto-avatar h2 {
    color: var(--cor-4) !important;
    margin: 0;
    padding: 0;
}
.foto-avatar .area-foto {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
    background-color:var(--cor-2);
    border-radius:var(--radius);
    border:3px solid var(--cor-2);
    cursor:pointer;
}
.foto-avatar .area-foto:hover {
    border:3px solid var(--cor-3);
    opacity:0.6;
}

.foto-avatar .area-avatar {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
    background-color:var(--cor-2);
    border-radius:var(--radius);
    border:3px solid var(--cor-2);
    cursor:pointer;
}
.foto-avatar .area-avatar:hover {
    border:3px solid var(--cor-3);
    opacity:0.6;
}




.genero-avatar {
    background: var(--cor-1);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.genero-avatar .area-masculino {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
    background-color:var(--cor-2);
    border-radius:var(--radius);
    border:3px solid var(--cor-2);
    cursor:pointer;
}
.genero-avatar .area-masculino:hover {
    border:3px solid var(--cor-3);
    opacity:0.6;
}
.genero-avatar .area-feminino {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
    background-color:var(--cor-2);
    border-radius:var(--radius);
    border:3px solid var(--cor-2);
    cursor:pointer;
}
.genero-avatar .area-feminino:hover {
    border:3px solid var(--cor-3);
    opacity:0.6;
}

.genero-avatar img{
    width:100px;
}




.avatar {
    background: var(--cor-1);
    border-radius: var(--radius);
    padding: 15px;
}
.avatar .titulo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.avatar .titulo h2 {
    color: var(--cor-4) !important;
    width: auto !important;
    margin: 0;
}

.avatar .principal {
    display: flex;
    min-height: 400px;
    margin: 0 !important;
    padding: 0 !important;
}
.avatar .principal .preview {
    flex: 1;    
    margin-right: 15px;    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.avatar .principal .preview button {
    margin-top: 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cor-1);
    background: var(--cor-4);
    font-size: 18px;
    border: none;
    border-radius: var(--radius);
    padding: 0 20px;
    font-family: inherit !important;
}
.avatar .principal .preview button:hover {
    opacity: 0.7;
    cursor: pointer;
}
.avatar .principal .preview-avatar {
    border: 1px solid #ccc;
    border-radius: var(--radius);
    width: 320px;
    height: 320px;
    position: relative;
    background: #F5F5F5;
}
.avatar .principal .preview-avatar img {
    border-radius: var(--radius);
}
.avatar .principal .controles {
    flex: 1;    
    display: flex;
    flex-direction: column;
}
.avatar .principal .controles .categorias {
    height: 60px;
    background: var(--cor-4);
    display: flex;
    align-items: center;
    padding: 10px;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
.avatar .principal .controles .categorias a {
    margin-right: 15px;
    color: var(--cor-1);
}
.avatar .principal .controles .opcoes {
    flex: 1;
    background: var(--cor-2);
    padding: 10px;
    display: flex;  
    flex-wrap: wrap;    
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
.avatar .principal .controles .opcoes a {
    margin: 5px;
    border: 4px Solid var(--cor-1);
    background: #FAFAFA;
    display: flex;
    width: 90px;
    height: 90px;    
    align-items: center;
    justify-content: center;  
}
.avatar .principal .controles .opcoes a i {
    font-size: 28px;
    color: #eb7979;
}





/* Small - Celular */
@media (max-width: 767px) {

}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {

}











/* ************************************************************************************************

                                        LISTAGEM DOS TREINAMENTOS

************************************************************************************************ */
.treinamentos { 

}
.treinamentos .treinamento-quadrado {
    background: var(--cor-1);
    border-radius: var(--radius);  
    box-shadow: 0 0 3px #666;      
}
.treinamentos .treinamento-quadrado .imagem {
    height: 180px;
    background: #EEE;
    background-size: cover;
    background-position: center;
}
.treinamentos .treinamento-quadrado .info {
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.treinamentos .treinamento-quadrado .info h3 {
    margin: 0;
}
.treinamentos .treinamento-quadrado .info nav {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.treinamentos .treinamento-quadrado .info nav span {
    color: var(--cor-3);
    font-size: 12px;
}



/* Small - Celular */
@media (max-width: 767px) {

}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {

}










/* ************************************************************************************************

                                        PÁGINA DE TREINAMENTO

************************************************************************************************ */
.pagina-treinamento {

}


.pagina-treinamento .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.pagina-treinamento .topo h1 {
    width: auto;
    margin: 0 !important;
    color: var(--cor-1);
    font-size: 26px;
    text-shadow: 0 2px 2px #111;
}
.pagina-treinamento .topo p {
    color: var(--cor-1) !important;
    margin: 0;
}

.pagina-treinamento .conteudo {
    display: flex;
    background: var(--cor-1);
    border-radius: var(--radius);    
    margin-top: 10px;
    height: 650px;       
}

.pagina-treinamento .conteudo .area-frame .info {
    display: flex;  
    align-items: center;      
    height: 50px;
    background: var(--cor-4);
    padding: 0 15px;
    border-top-left-radius: var(--radius);
    margin: 0;
}
.pagina-treinamento .conteudo .area-frame .info h2 {
    color: var(--cor-1) !important;
    margin: 0;
    font-size: 18px !important;
}

.pagina-treinamento .conteudo .area-frame {
    flex: 1;
    background: var(--cor-1);
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
}
.pagina-treinamento .conteudo .area-frame main {        
    border-bottom-left-radius: var(--radius);
    width: 100%;
    height: calc(100% - 50px);
    margin: 0;
    overflow-y: auto;
}


.pagina-treinamento .conteudo .area-frame main .area-video {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;    
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--radius);
    position: relative;    
}


.pagina-treinamento .conteudo .area-frame main .area-video video {
    width: 100% !important;    
    border-bottom-left-radius: var(--radius);    
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video {
    position: absolute;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    height: 100%;    
    width: 100%;    
    border-bottom-left-radius: var(--radius);
    display: none;
}

.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .area-mensagem {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .area-mensagem .mensagem-etapa {
    margin-top: 25px;
    width: 100%;
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .area-mensagem .mensagem-etapa .uk-alert {
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
}

.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .modal-video-content {    
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .modal-video-content button {
    background: var(--cor-2);
    color: var(--cor-4);
    height: 60px;
    font-size: 18px;    
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius);
    box-shadow: 0 0 3px #000;    
    margin: 0 10px;    
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .modal-video-content button:hover {
    cursor: pointer;
    opacity: 0.7;
}
.pagina-treinamento .conteudo .area-frame main .area-video .modal-video .modal-video-content a {
    color: #fff;    
}



.pagina-treinamento .conteudo .area-frame main .area-arquivo {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;    
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--radius);
}
.pagina-treinamento .conteudo .area-frame main .area-arquivo .bt-proximo-arquivo {
    margin-top: 25px;
}


.pagina-treinamento .conteudo .area-frame main .area-pesquisa {
    width: 100%;
    height: 100%;        
    border-bottom-left-radius: var(--radius);
    padding: 25px;
    overflow-y: auto;
}

.pagina-treinamento .conteudo .area-frame main .area-pesquisa .pesquisa-respondida {    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.pagina-treinamento .conteudo .area-frame main .area-pesquisa .pesquisa-respondida button {
    margin-top: 25px;
}






.pagina-treinamento .conteudo .area-frame main .area-inicial {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;    
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: var(--radius);
}
.pagina-treinamento .conteudo .area-frame main .area-inicial a.bt-iniciar {
    display: flex;
    align-items: center;
    margin-top: 25px;    
}
.pagina-treinamento .conteudo .area-frame main .area-inicial a.bt-iniciar i {
    margin-left: 10px;
    font-size: 22px;
}




.pagina-treinamento .conteudo .etapas {
    width: 320px;   
    border-left: 1px solid var(--cor-2) 
}
.pagina-treinamento .conteudo .etapas .topo {
    background: var(--cor-4);  
    padding: 10px;  
    border-top-right-radius: var(--radius);   
    height: 50px; 
    margin: 0;
}
.pagina-treinamento .conteudo .etapas h3 {
    color: var(--cor-1);    
    text-transform: none;
    margin: 0;
    display: flex;
    align-items: center;
}
.pagina-treinamento .conteudo .etapas h3 i {
    margin-right: 10px;
}
.pagina-treinamento .conteudo .etapas nav {    
    height: calc(100% - 50px);
    border-bottom-right-radius: var(--radius);
}
.pagina-treinamento .conteudo .etapas nav a {
    display: flex;
    align-items: center;
    height: 50px;
    background: var(--cor-2);
    padding-right: 15px;
    margin-bottom: 1px;
    font-size: 14px;        
}
.pagina-treinamento .conteudo .etapas nav a.ativo {
    color: var(--cor-1);
    background: var(--cor-3);
}
.pagina-treinamento .conteudo .etapas nav a i {
    width: 45px;    
    text-align: center;
    margin: 0 !important;
}


/* Small - Celular */
@media (max-width: 767px) {

}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {

}


/*
.btWhatsapp {
    display:flex;
    flex-direction: column;
}

.btWhatsapp span {
    color: var(--cor-1);
    margin-bottom: 8px;
    font-size: 12px;
    max-width: 120px;
    line-height: 14px;
}

*/







/* ************************************************************************************************

                                        PROGRAMAÇÃO

************************************************************************************************ */
.programacao .divisor {
    display: block;
    height: 35px;
}
.programacao h2 {
    color: var(--agendaCor1) !important;
    border-bottom: 1px solid var(--agendaCor1) !important;
    padding-bottom: 5px;
    font-weight: bold !important;
}


.programacao h3 {
    color: var(--agendaCor2) !important;
    font-size: 20px !important;
    font-weight: bold !important;
}


.programacao h4 {
    background: var(--agendaCor2) !important;
    color: var(--agendaCor3) !important;
    display: flex;
    height: 50px;
    padding: 0 15px;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: var(--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 !important;
}
.programacao h4 span {
    margin-right: 15px;
    background: var(--agendaCor5);
    color: var(--agendaCor4);
    display: flex;
    height: 30px;
    padding: 0 8px;
    border-radius: var(--radius);
    align-items: center;    
}

.programacao .items {
    background: var(--agendaCor3);
    padding: 15px;
    margin-bottom: 25px;
    border-radius: var(--radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.programacao .items .item {
    display: flex;
    align-items: center;    
    margin-bottom: 10px;
}

.programacao .items .item .info {
    flex: 1;
}

.programacao .items .item .info .horario {
    display: flex;
    flex-direction: row;
    align-items: center;    
    margin-bottom: 4px;
}
.programacao .items .item .info .horario strong {
    color: var(--agendaCor2);
    font-size: 16px;    
    height: 20px;
    display: flex;
    align-items: center;    
}
.programacao .items .item .info .horario span {
    background: var(--agendaCor4);
    color: var(--agendaCor5);
    display: inline-flex;
    height: 20px;
    padding: 0 15px;
    align-items: center;
    margin-left: 10px;
    border-radius: var(--radius);
    font-size: 12px;
    font-weight: normal;
}

.programacao .items .item .info p.titulo {
    font-size: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.programacao .items .item .info p.descricao {
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
}
.programacao .items .item .palestrantes {
    display: flex;
    flex-direction: column;
}
.programacao .items .item .palestrantes span {
    text-align: right;
    font-weight: normal;
    font-size: 12px !important;
    margin-bottom: 7px;
    padding-right: 5px;
}
.programacao .items .item .palestrantes .lista {
    display: flex;
}
.programacao .items .item .palestrantes .lista .foto {
    display: flex;
    margin: 0 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px #555;
    align-items: center;
    justify-content: center;
    background-color: var(--agendaCor4);
    color: var(--agendaCor5);
    font-size: 16px;
    letter-spacing: 1px;
}
.programacao .items .item .palestrantes .lista .foto:hover {
    opacity: 0.6;
}

.programacao .items .palestrante-info {
    padding: 15px;
    background: var(--agendaCor3);
    border-radius: var(--radius);
    margin-bottom: 35px;
    display: none;
}

.programacao .items .palestrante-info h3 {
    color: var(--agendaCor1) !important;
    border-bottom: 1px solid var(--agendaCor1);
    font-size: 16px !important;
    padding: 3px 5px;
}
.programacao .items .palestrante-info p {
    font-weight: normal !important;
    margin: 0 !important;
}









/* **********************************************************************************************
 *                                                                                              *
 *                                RESERVA DE QUARTOS (Tag)                                      *
 *                                                                                              *
 ********************************************************************************************** */
 .quartos {
    background: var(--padraoCor3);
    padding: 15px;
    border-radius: var(--radius);
    width: 100%;    
    margin: 0 auto;
 }

 .quartos h2 {
    color: var(--padraoCor1) !important;
    margin: 0 !important;
 }

 .quartos .area-busca {
    margin-bottom: 15px;
 }

 .quartos .area-busca input {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: var(--radius);
    border: 1px solid #DDD;
 }

.quartos .lista-quarto {
    background: var(--padraoCor4);
    padding: 15px;
    border-radius: var(--radius);
}
.quartos .lista-quarto h3, 
.quartos .lista-quarto p {
    color: var(--padraoCor5) !important;
    margin: 0 !important;
}
.quartos .lista-quarto p.vazio {
    color: var(--menuCor1) !important;
}

.quartos .lista-quarto .lista-participantes {
    background: var(--padraoCor3);
    color: var(--padraoCor1);
    border-radius: var(--radius);
    padding: 10px;
    margin: 10px auto;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.quartos .lista-quarto .lista-participantes div {
    min-height: 80px;
}
.quartos .lista-quarto .lista-participantes div span {
    color: var(--padraoCor2) !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 12px !important;
}
.quartos .lista-quarto .lista-participantes i {
    display: flex;    
    align-items: center;
    justify-content: center;
    color: #333 !important;
}
.quartos .lista-quarto .lista-participantes strong {
    color: var(--padraoCor2) !important;
    font-size: 10px !important;
    display: flex;
}

.quartos .info-quarto {
    display: flex;
    background: var(--padraoCor4) !important;
    padding: 15px;
    border-radius: var(--radius);
}
.quartos .info-quarto h3,
.quartos .info-quarto p {
    margin: 0 !important;
    color: var(--padraoCor5) !important;
}

.quartos .info-quarto .titulo {
    margin-right: 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.quartos .info-quarto .titulo h4 {
    margin: 10px 0 5px !important;
    color: var(--padraoCor5) !important;
    font-size: 14px !important;
}
.quartos .info-quarto .participantes {
    display: flex;
}
.quartos .info-quarto .participantes .participante {
    margin-right: 25px;
    height: 40px;    
    display: inline-flex;
    align-items: center;
    padding: 0 15px 0 0;
}

.quartos .info-quarto .participantes .participante .foto-participante {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 3px #333;
}

.quartos .info-quarto .participantes .participante .letra {
    width: 40px;
    height: 40px;    
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: 0 0 3px #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    background: var(--padraoCor1);
    color: var(--padraoCor3);
}


.quartos .aprovacao {
    padding: 10px;
    background: var(--padraoCor3);
    border-radius: var(--radius);
    margin: 5px auto;
    border: 1px solid var(--padraoCor1) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quartos .aprovacao p {
    margin: 0 !important;
    color: var(--padraoCor1) !important;
    display: flex;
    flex-direction: column;   
    line-height: normal !important; 
}
.quartos .aprovacao p i {
    font-size: 10px !important;
    color: var(--padraoCor2) !important;
}

.quartos .aprovacao span {
    color: var(--padraoCor2) !important;
    font-style: italic;
    font-size: 12px !important;
}




.quartos .item-convite {
    padding: 10px;
    background: var(--padraoCor3);
    border-radius: var(--radius);
    margin: 5px auto;
    border: 1px solid var(--padraoCor1) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quartos .item-convite p {
    margin: 0 !important;
    color: var(--padraoCor1) !important;    
    line-height: normal !important; 
}
.quartos .item-convite p i {
    font-size: 10px !important;
    color: var(--padraoCor2) !important;
}

.quartos .item-convite span {
    color: var(--padraoCor2) !important;
    font-style: italic;
    font-size: 12px !important;
}

.quartos .item-convite .acoes-convite {
    margin-left: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;

}

.quartos .item-convite .acoes-convite p {
    color: var(--agendaCor4) !important;
    margin: 0 !important;
    margin-right: 8px !important;
}


.integrante {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.integrante .logo .foto {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    background-size: cover;
    background-position: center;
}

.integrante .logo .letra {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    background-color: var(--padraoCor1);
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--padraoCor3);    
}
.integrante .nome {
    margin-left: 7px;
}

.lista-integrantes {
    display: flex;
    flex-direction: column;
}


.quartos .cadastro-disponivel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 15px;
    background: var(--padraoCor4);
    border-radius: var(--radius);
    margin-bottom: 3px;
}
.quartos .cadastro-disponivel p {
    margin: 0 !important;
    color: var(--padraoCor3);
}


/* Small - Celular */
@media (max-width: 767px) {
    .quartos .item-convite p {
        text-align: center !important;
    }

    .quartos .item-convite {
        flex-direction: column;
    }

    .quartos .item-convite .acoes-convite {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .quartos .item-convite .acoes-convite button {
        margin-bottom: 5px;
    }

    .quartos .item-convite .acoes-convite p {
        color: var(--agendaCor4) !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .lista-integrantes {
        align-items: center;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    .quartos .item-convite p {
        text-align: center !important;
    }

    .quartos .item-convite {
        flex-direction: column;
    }
    .quartos .item-convite .acoes-convite {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .quartos .item-convite .acoes-convite button {
        margin-bottom: 5px;
    }

    .quartos .item-convite .acoes-convite p {
        color: var(--agendaCor4) !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .lista-integrantes {
        align-items: center;
    }
}





/* **********************************************************************************************
 *                                                                                              *
 *                            RESERVA DE QUARTOS USUARIOS (Tag)                                 *
 *                                                                                              *
 ********************************************************************************************** */
 .quartos-usuarios {
    background: var(--padraoCor3);
    padding: 15px;
    border-radius: var(--radius);
    width: 100%;    
    margin: 0 auto;
 }

 .quartos-usuarios h2 {
    color: var(--padraoCor1) !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
 }

 .quartos-usuarios .lista {    
    background: var(--padraoCor5);
    padding: 10px;
    border-radius: var(--radius);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .quartos-usuarios .lista .info { 
    
 }
 .quartos-usuarios .lista .info p { 
    margin: 0 !important;
 }



/* Small - Celular */
@media (max-width: 767px) {
   
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 959px) {
    
}


/*DEIXA O VIDEO RESPONSIVO*/
.video {position:relative; padding-bottom:50%; padding-top:0px; height:0; overflow:hidden; margin:0px auto; width:100%;}
.video iframe, .video object, .video embed {position: absolute;	top: 0;	left: 0; width:100%; height:100%;}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}