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

:root {
    --cor-1: #fff;
    --cor-2: #C2DBF0;
    --cor-3: #296CA8;
    --cor-4: #102940;
    --cor-5: #976bd6;
    --cor-6: #007d1c;
    --cor-7: #ff6400;
    --cor-8: #296CA8;
    --cor-9: #333;
    --cor-10: #ccc;
    --radius: 5px;
    --max-width: 1440px;
}

.uk-modal {
    z-index: 10000000;
}
.uk-modal-dialog h3,
.uk-modal-dialog h2 {
    color: var(--cor-8) !important;
    text-shadow: none !important;
}
.uk-modal-dialog p,
.uk-modal-dialog label {
    color: var(--cor-9) !important;
}

.uk-modal-dialog .uk-alert-danger p {
    color: #c95c3e !important;
}


.uk-notify {
    z-index: 20000000;    
}
.uk-notify-message {
    background: var(--cor-4);
    color: var(--cor-1);
}


.uk-form textarea {
    border-radius: var(--radius);
    width: 100%;
    min-height: 100px;
}

.uk-offcanvas-bar {
    background: var(--cor-4) !important;
    border: none;
    color: var(--cor-1) !important;
}



h1, h2, h3, h4, h5, p {
    font-family: inherit !important;
}



.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;
}




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



p {    
    width: auto;    
}



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

.container-offcanvas {
    padding: 15px;
}

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

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

.bgGeral { 
    width: 100%;     
    min-height: 100vh;     
    background-size: cover; 
    background-position: center; 
    
}



.loading-2d {
    background: var(--cor-4);
    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(--cor-1);
    font-size: 38px;
    margin-bottom: 30px;
}




.lista-checkbox {
    display: flex;
    flex-direction: column;
}
.lista-checkbox label {
    display: flex;
    align-items: center;
}
.lista-checkbox label input {
    margin-right: 7px;
}






/* ******************************************************** MENU PLATAFORMA ********** */
header.menu-plataforma {
    width:100%; 
    color:var(--cor-1); 
    z-index:999; 
    background-color:var( --cor-4 );    
    position: fixed;
}
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(--cor-1);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;    
    margin: 0 15px;
}
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 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(--cor-1)!important;
    /*text-transform: none;*/
    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;
}
 




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(--cor-1);
    margin: 0;
}
header.menu-plataforma .menu-mobile button {
    background: none;
    border: none;
    display: flex;
    width: 30px;
    height: 30px;
    color: var(--cor-1);
    font-size: 28px;
}
header.menu-plataforma .menu-mobile .logo img {
    max-height: 26px;
}


.menu-lateral-mobile .uk-offcanvas-bar {
    background: var(--cor-4) !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(--cor-1);
    display: flex;
    align-items: center;
    height: 55px;
    background: var(--cor-4);
    margin-bottom: 1px;
    padding: 0 35px;    
    text-transform: uppercase;
    font-size: 14px;
}
.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 PLATAFORMA ********** */



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

                                        NUMERO DE INSCRIÇÃO

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

.mensagem-inscritos p {
    color: --var(cor-1);
    margin: 0 !important;
    padding: 25px;
}




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

                                        ÁREA USER

************************************************************************************************ */
.area-usuario { 
    background-color:var(--cor-2); 
    padding:10px;  
    border-radius:var(--radius); 
    color:var(--cor-3); 
    font-size:12px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.area-usuario h4 {
    color: var(--cor-4) !important;
}
.area-usuario .usuario-foto {
    background-size: cover !important;
    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(--cor-4);         
    padding: 0 15px;
    width:100%; 
    text-align:left; 
    color:var(--cor-1);
    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-offcanvas {
    margin: -15px;
    padding-top: 35px;
}
.area-usuario-offcanvas h4 {
    color: var(--cor-1) !important;
}
.area-usuario-offcanvas .usuario-foto {
    background-size: cover !important;
    background-repeat: no-repeat;
}
.area-usuario-offcanvas a.bt-area-usuario { 
    width: 100%;
    color: var(--cor-1);
    display: flex;
    align-items: center;
    height: 55px;
    background: var(--cor-4);
    margin-bottom: 1px;
    padding: 0 20px;
    text-shadow: 0 0 5px #000;
    text-transform: uppercase;
    font-size: 14px;
}
.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 a {
    color: var(--cor-1);
    font-size:12px;
}
.area-usuario-offcanvas .info .pontos {
    color: var(--cor-1) !important;
    text-align: center;
    font-size: 12px;
}
.area-usuario-offcanvas .info .pontos {
    margin: 25px auto;
}
.area-usuario-offcanvas .info .pontos .numero-pontos {
    font-size: 22px;
    font-weight: 700;
    margin: 0 7px;
}










/* 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;
    }
}






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

                                        PÁGINA DE CERTIFICADOS

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

.lista-certificados h2 {        
    text-shadow: 0 0 4px #333;
    color: var(--cor-1);
    text-transform: none;
    border-bottom: 1px solid var(--cor-1);
    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(--cor-4);    
    margin-bottom: 50px;
    
}

.certificado-evento p {
    color: var(--cor-1) !important;
}


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

.lista-certificados p {
    color: var(--cor-4) !important;
    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 .acao-certificado .barra span {
    font-size: 11px;
    margin: 0;
    line-height: normal;
    margin-top: 3px;
}
.lista-certificados .acao-certificado i {
    font-size: 26px;
}
.lista-certificados .certificado-evento .acao-certificado a {
    color: var(--cor-1);
}


/* 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) {
    
}








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

                                        LISTA SALAS PADRÃO

************************************************************************************************ */
.lista-sala-padrao {
    background: var(--cor-2);
    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 !important;
    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 {
    flex: 1;   
    margin-right: 15px;   
    text-align: left;  
}
.lista-sala-padrao .info .texto:hover {
    cursor: pointer;
}
.lista-sala-padrao .info .texto strong {
    color: var(--cor-4);
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid var(--cor-4);
    display: block;
    font-size: 16px;
}
.lista-sala-padrao .info .texto p {
    font-size: 13px;
    color: var(--cor-3);
}

.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(--cor-3);
}


.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(--cor-4);
    margin-left: 5px;
    border-radius: var(--radius);    
}
.lista-sala-padrao .boxes .item p {
    margin: 0;
    color: var(--cor-1) !important;     
    font-size: 14px;
    line-height: 12px !important;
}
.lista-sala-padrao .boxes .item i, 
.lista-sala-padrao .boxes .item em {
    color: inherit !important;
}


/* 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 !important;
    }

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

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

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










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

                                        BOX - COOKIES

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

.content-cookies {    
    position:fixed;
    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(--cor-1);
    box-shadow: 7px 7px 0 var(--cor-2);
    padding: 15px;
    width: 100%;
    max-width: 1440px;    
    margin: 0 auto;
    display: flex;    
}
.aceitar-cookies p {
    flex: 1;
    margin: 0;
    font-size: 14px;
    color: var(--cor-3);
}
.aceitar-cookies .confirm {
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aceitar-cookies .confirm a {
    background: var(--cor-4);
    padding: 10px 20px;
    text-transform: uppercase;
    color: var(--cor-1);
    font-size: 16px;
}

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

    .content-cookies {    
        position:fixed;
        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(--cor-1);
        box-shadow: 7px 7px 0 var(--cor-2);
        padding: 15px;
        width: 100%;
        max-width: 1440px;    
        margin: 0 auto;
        display: flex; 
        flex-direction: column;   
    }
    .aceitar-cookies p {
        flex: 1;
        margin: 0;
        font-size: 14px;
        color: var(--cor-3);
    }
    .aceitar-cookies .confirm {
        width: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .aceitar-cookies .confirm a {
        background: var(--cor-4);
        padding: 10px 20px;
        text-transform: uppercase;
        color: var(--cor-1);
        font-size: 16px;
    }


}






/* **************************************************************************************************
 *                                                                                                  *
 *                                       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);
}

.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;
    min-height: 550px;
    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%;
    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: 9999999999;
    display: flex;
    bottom: 25px;
    left: 25px;
    background: var(--cor-4);
    color: var(--cor-1);
    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: 99999999999;
    display: none;
    width: 260px;
    height: 380px;
    background: var(--cor-1);
    box-shadow: 0 0 5px #222;
    bottom: 25px;
    left: 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 !important;
}

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

.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(--cor-1);
    border: 1px solid var(--cor-4);
    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(--cor-4);
    color: var(--cor-1);   
    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(--cor-4);
    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; 
}










.videoFull { 
    width: 100%;
    height: 100%;
}

.uk-modal-dialog {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
}



.uk-modal-dialog .error .uk-alert {
    font-size: 16px;
    text-align: center;
}


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

.banners {
    padding: 0 10px;
}

.titPergunta {
    width: 100%;
    display: flex;
    justify-content: center !important;
    align-items: center;    
    padding-bottom: 25px;
}
.titPergunta i {
    margin-right: 8px;
    font-size: 20px;    
}
#perguntasList {
    padding-bottom: 35px !important;
}



.acoes {
    display: flex !important;
    padding: 0 10px;
    width: 100%;
    align-items: center;
    justify-content: space-between;    
}

.acoes nav {
    display: flex;
    align-items: center;
}

.acoes nav .botoes {
    margin-top: 7px;
}

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

.principal {
    display: flex;
    padding: 0 10px;
    margin: 15px auto;
}
.principal .videoPrincipal {
    flex: 1;  
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);  
    border-radius:var(--radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;       
}
.principal .videoPrincipal p.vazio {
    text-align: center;
    color:#fff;
}
.principal .videoPrincipal iframe {
    width: 100%;
    height: 100%;
    border-radius:var(--radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.principal .chatPrincipal {
    width: 300px;    
}


.chatContainer { 
    background-color:var(--cor-1); 
    color:var(--cor-4); 
    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; 
    border-top:0px solid var(--cor-2); 
    font-size:14px; 
    background-color:var(--cor-4); 
    color:var(--cor-1); 
    width:100%; 
    height:30px;
}
.chatContainer .titulo i {
    margin-left:7px;
}
.chatContainer ul.listaChat {
    margin: 0;
    flex: 1;
    background: #F5F5F5;
    width: 100%;
    list-style: none;
    overflow-y:auto;
    padding: 5px 5px 35px 5px;
}

.chatContainer ul.listaChat li.aviso-modera {
    background: var(--cor-4) !important;
    margin: 5px auto;
    padding: 10px !important;
    justify-content: flex-start;
    border-radius: var(--radius);
}
.chatContainer ul.listaChat li.aviso-modera p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: normal;
    color: var(--cor-1) !important;    
    width: 100%;
    max-width: none !important;
    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(--cor-1) !important;      
    width: auto !important;
}




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

.chatContainer .formulario ::placeholder { 
    color: var(--cor-2);
    opacity: 0.7; /* Firefox */
}
.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;
}


.bgGeral {
    padding-bottom: 120px;
};


/* Small - Celular */
@media (max-width:1100px){
   
    .principal .chatPrincipal {
        height: 300px !important;
    }
    .chatContainer {
        height: 300px !important;       
    }

    .bgGeral {
        padding-bottom: 390px;
    };
}






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

                                                CHAT

************************************************************************************************ */
.chatContainer ul.listaChat li {
    padding: 5px;
    box-sizing: border-box;
}
.chatContainer ul.listaChat li i { 
    font-size: 11px;
    color: var(--cor-3);
    width: 100%;
    text-align: right;
    display: block;
    padding-right: 5px;
    opacity: 0.5;
}

.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(--cor-1); 
    /*box-shadow:2px 2px 5px #666; */
    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;
    box-sizing: border-box;
    max-width: 240px;
}
.item-chat .mensagem strong {
    margin: 0;
    font-size: 14px;
    word-wrap: break-word;    
} 
.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%;
} 
.item-chat .mensagem p a {
    color: #0000FF;
}




.item-chat .titulo i {    
    color: var(--cor-4);
}

.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;
    box-shadow: 0 0 3px #999;
}
.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(--cor-4);
    color: var(--cor-1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.item-chat .usuario-letra:hover {
    cursor: pointer;
    opacity: 0.7;
}

.chatContainer .titulo a {
    color: var(--cor-1);
}


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

    

}

	

@media (max-width:1100px) {
    .item-chat .mensagem {        
        max-width: none;
    }

    .item-chat .mensagem p {
        text-align: left !important;
    } 

}




















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



.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;
}



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




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




/*QUIZZ*/
.quiz {float:left; width:100%; font-size:20px; margin:5px 0 0 0; text-align:center; z-index:99999;}
.quiz h4{ text-align:center; color:var(--cor-2)!important; }
.quiz ul { list-style:none; padding:0; width: 100%; }
.quiz ul .titQuiz{ width:100%; font-size:16px; color:var(--cor-1);}
.quiz ul .descQuiz{ width:100%; font-size:14px; color:var(--cor-2);}
.quiz ul a { color:var(--cor-1); padding:5px;}
.quiz ul li { width:100%; border:1px solid var(--cor-1); background-color:var(--cor-4); 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-4);}
.descQuizModal{ width:100%; margin:0 0 10px; font-size:12px;  line-height:16px; color:var(--cor-3); border-bottom:1px solid var(--cor-2);}
.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(--cor-2); margin-top:1px;  font-size:10px; color:var(--cor-1); min-width:16px; padding:0 5px 0; min-width:30px;}







/* ***** PESQUISA ***** */
.pesquisa{ width:100%; font-size:20px; margin-top: 25px; }
.pesquisa h3, h4{ text-align:center; color:var(--cor-1)!important; height:auto; line-height: normal;}
.pesquisa ul { list-style:none!important; width: 100%; padding: 0;}
.pesquisa ul .titPesquisa{ width:100%; margin:0 0 10px; font-size:16px; color:var(--cor-1);}
.pesquisa ul .descPesquisa{ width:100%; margin:0 0 10px; font-size:14px; color:var(--cor-3);}
.pesquisa ul a{ color:var(--cor-1); padding:5px;}
.pesquisa ul li{ text-align:center!important; width:100%; display:inline-block; border:1px solid var(--cor-1); background-color:var(--cor-4)!important; margin:0 0 10px 0; padding:10px 0 10px; cursor:pointer; border-radius:var(--radius)}
.pesquisa ul li p{ text-align:center!important; color:var(--cor-1)!important;}
.pesquisa textarea, input[type=text], select{width:100%; font-size:14px!important;}
.pesquisa #formPesquisa{ text-align:left;}
.titPesquisaModal{ width:100%; margin:0 0 10px; font-size:18px; line-height:20px; color:var(--cor-4);}
.descPesquisaModal{ width:100%; margin:0 0 10px; font-size:12px;  line-height:16px; color:var(--cor-3); 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-4);}
.respostaspesquisa{ border-bottom:1px solid var(--cor-4); padding:0 0 6px;}
.barraRespostaPesquisa{background-color:var(--cor-2); margin-top:1px;  font-size:10px; color:var(--cor-1); min-width:16px; padding:0 5px 0; min-width:30px;}





/* EMOTICONS */
.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;
}




/*CHAT*/
/*

#chatMsg .tituloChat{ display:flex; justify-content:center; align-items:center; flex-direction:row; border-top:0px solid var(--cor-2); font-size:14px; background-color:var(--cor-4); color:var(--cor-1); width:100%; height:30px;}
#chatMsg{ padding:0 0;}
#chatMsg ul{ margin:0 5% 0 5%; padding:0;}
#chatMsg li{ margin:3px 10px 0 10px; background-color:var(--cor-1); box-shadow:2px 2px 5px #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;}
#chatMsg .user{ color:var(--cor-4)!important; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:left;}
#chatMsg p{ margin:0px 0 0px 0; padding:0;}
#chatMsg .msg{color:var(--cor-3)!important; font-size:14px;line-height:14px;}
#chatMsg .timeChat{ color:var(--cor-3); font-size:11px; line-height:12px; margin:3px 0 0 0; opacity:0.5; text-align:right;}
#chatMsg #scrool{margin-top:-60px; display:inline-block; font-size:36px; position:relative; color:var(--cor-2); opacity:0.7;}
#chatCrd{float:left; position:relative; width:100%; min-height:76.6vh; max-height:200px; margin:0px 0 0 0;}

#chatMsg .formChat{ float:left; width:95%;border-radius:10px; padding:5px 1% 5px 1%; margin:25px 2% 0 2%; background-color:var(--cor-1);}
#chatMsg #messagesList{ text-align:left; list-style:none; overflow-y:auto; float:left; height:62vh;  width:100%; padding:0px 5px 0px 0px; margin:0 0 0 0!important;}
#chatMsg #messageInput{border-radius:var(--radius); outline: 0; float:left; width:61%!important; border:none; border:1px solid var(--cor-4)!important; background-color:transparent; margin:0 0 0px 3%!important; padding:5px 1% 5px 1%; color:var(--cor-4);}
#chatMsg #sendButton{ border-radius:var(--radius); float:right; cursor:pointer; width:21%!important;margin:0 3% 0 0!important; color:var(--cor-1); background-color:var(--cor-4)!important; border:none; padding:7px 0 7px; }
#chatMsg #sendButton:hover{transition: all 0.5s ease-out; text-shadow:0 0 10px #FF3;}
#chatMsg .animeArea{ width:100%; height:100px; display:flex; justify-content:center; align-items:center; flex-direction:row; background-color:#fff; border-radius:5px; }
#chatMsg .animeArea img{ height:80px; border-radius:3px; overflow:hidden;}
*/


.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;
}




/*SALA BOTOES*/
.bt-salas-transmissao { 
    font-size:11px; 
    display: inline-flex !important;
    text-transform:uppercase; 
    transition: all 0.5s ease-out; 
    margin: 2px auto !important; 
    border:none; 
    border-radius:var(--radius); 
    background-color:var(--cor-4); 
    cursor:pointer;  
    box-sizing:border-box; 
    padding: 10px 15px !important;         
    max-width: none !important;
    text-align:left; 
    color:var(--cor-1);
    align-items: center;
}
.bt-salas-transmissao:hover{ box-shadow:0 0 15px rgba(255,255,255,0.8); transition-duration:5000;}
.bt-salas-transmissao:hover a{ color:#fff!important; text-transform:none;}
.bt-salas-transmissao i { 
    margin-right: 5px;
}

.bt-salas-transmissao span.uk-badge {
    margin-left: 7px;
    border-radius: var(--radius);
    background: var(--cor-5);
    color: var(--cor-1);
}



/*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;
}


.lista-sala-quadrado {    
    border-radius:var(--radius) !important; 
    background-color:var( --cor-2);
    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 !important;
    font-size: 14px !important;    
    color: var(--cor-3);    
    max-height: 30px !important;
    padding: 0 !important;
    overflow: hidden;    
    line-height: 15px;
}

.lista-sala-quadrado .logo {    
    margin-bottom: 25px;
    background-position: center !important; 
    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(--cor-4); 
    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;
}


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




/*SOCIAL FEED*/
.area-feed{
    width:100%;
    max-width:600px;
    background-color:var(--cor-4);
    color:var(--cor-1);
    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(--cor-1);
    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(--cor-4);
    color: var(--cor-1);
    border:1px solid var(--cor-1);    
    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(--cor-1);
    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;
}

.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(--cor-1);
    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(--cor-4);
   color: var(--cor-1);
   border-radius: var(--radius);
   padding: 7px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 10px;
   min-width: 150px;
 }

 .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(--cor-4);
    color: var(--cor-1);
    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 .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;
}









/* ************************************* CUSTOM - UIKit ********************************** */
.uk-alert {
    border-radius: var(--radius);
    display: flex;    
}

.uk-alert p {
    color: inherit;
    font-size: 14px;
    margin: 0;
}
.uk-alert i {
    margin: 0;
    margin-right: 7px;
}


.uk-button {
    font-size: 14px;
}





/* ************************************ 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;
}






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

    .principal {        
        flex-direction: column;
        width: 100%;
    }

    .uk-modal-dialog {
        width: 95% !important;
        max-width: 95% !important;
    }


    .topo-pagina .cabecalho {       
        flex-direction: column !important;
    }

    .topo-pagina .cabecalho .acoes {
        display: none !important;
    }

    .topo-pagina .cabecalho .info {
        padding-left: 30px;
    }


    .lista-salas section h2 {
        color: var(--cor-2) !important;
    }


    .principal .videoPrincipal {
        flex: 1;  
        width: 100%;    
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.2);  
        border-radius:var(--radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;        
    }
    .principal .videoPrincipal p.vazio {
        text-align: center;
        color:#fff;
    }
    .principal .videoPrincipal iframe {
        width: 100%;        
        border-radius:var(--radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }    
    .principal .chatPrincipal {
        width: 100%;         
    }

    .chatContainer { 
        background-color:var(--cor-1); 
        color:var(--cor-4); 
        border-radius:var(--radius); 
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow:hidden; 
        margin:0px 0px;     
        display:flex; 
        flex-direction: column;
        width:100%; 
        height:100%;
    } 

    .topo-sala {
        display: flex;
        padding: 0 15px 0 10px;
        justify-content: space-between;
        align-items: center;
    }

    .btVoltarMobile {
        color: var(--cor-2);
        font-size: 14px;
    }
    .btVoltarMobile:hover {
        opacity: 0.6;
        color: var(--cor-2);
    }
    .btVoltarMobile i {
        margin-right: 2px;
    }


    .bt-salas-transmissao{         
        max-width: calc(49% - 5px) !important;
    }

    .acoes nav .botoes {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }




    .uk-modal-dialog {
        max-width: 95% !important;
        width: 100% !important;        
    }


    .certificado-evento, 
    .certificado-sala
    {  
        flex-direction: column !important;        
    }



    .uk-modal-dialog {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-attachment: unset !important;
    }

}



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

    .principal {        
        flex-direction: column;
        width: 100%;
    }

    .uk-modal-dialog {
        width: 80% !important;
        max-width: 80% !important;
    }



    .topo-pagina .cabecalho {       
        flex-direction: column !important;
    }

    .topo-pagina .cabecalho .acoes {
        display: none !important;
    }

    .topo-pagina .cabecalho .info {
        padding-left: 30px;
    }


    .lista-salas section h2 {
        color: var(--cor-2) !important;
    }


    .principal .videoPrincipal {
        flex: 1;  
        width: 100%;    
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.2);  
        border-radius:var(--radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;        
    }
    .principal .videoPrincipal p.vazio {
        text-align: center;
        color:#fff;
    }
    .principal .videoPrincipal iframe {
        width: 100%;        
        border-radius:var(--radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .principal .chatPrincipal {
        width: 100%;        
    }

    .chatContainer { 
        background-color:var(--cor-1); 
        color:var(--cor-4); 
        border-radius:var(--radius); 
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow:hidden; 
        margin:0px 0px;     
        display:flex; 
        flex-direction: column;
        width:100%; 
        height:100%;
    } 

    .topo-sala {
        display: flex;
        padding: 0 15px 0 10px;
        justify-content: space-between;
        align-items: center;
    }

    .btVoltarMobile {
        color: var(--cor-2);
        font-size: 14px;
    }
    .btVoltarMobile:hover {
        opacity: 0.6;
        color: var(--cor-2);
    }
    .btVoltarMobile i {
        margin-right: 2px;
    }


    .bt-salas-transmissao{         
        max-width: calc(49% - 5px) !important;
    }

    .acoes nav .botoes {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }


    .uk-modal-dialog {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-attachment: unset !important;
    }

    

}

	

@media (max-width:1100px) {
    

}





/* **************************************************************************************** * 
 *                                      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

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

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

.item-perfil .bt-inscreva {
    background: var(--cor-4);
    color: var(--cor-1);
    border-radius: var(--radius);
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0 25px;
    text-transform: uppercase;
}
.item-perfil .bt-inscreva:hover {
    cursor: pointer;
}

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

.usuario-inscrito {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.item-perfil .bt-cancelar-inscricao {        
    background: none;    
    display: flex;
    height: 20px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0 10px;   
    margin-right: 7px; 
    margin-top: 5px;    
}
.item-perfil .bt-cancelar-inscricao:hover {
    cursor: pointer;
}

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

.item-perfil p {
    margin: 0;
}



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



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








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

                                        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;
}



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

                                        AREA NETWORKING

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

.area-networking {
    width: auto;

}
.area-networking .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.area-networking .topo form {
    display: flex;
}

.area-networking h2 {
    color: var(--cor-4) !important;
    text-transform: none;
    font-size: 24px;        
    width: auto !important;
    text-align: left;
    margin: 0 !important;       
}

.area-networking a.letras {
    text-transform: uppercase;
}

.borda {
    border-bottom: 1px solid var(--cor-10);
}

.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;
}
.area-networking table tbody tr td > div p {
    margin: 0 !important;
    color: var(--cor-4) !important;
}
.area-networking table tbody tr td > div .foto {
    background: var(--cor-2);
    color: var(--cor-4);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 0 5px #555;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.area-networking table tbody tr td > nav {
    display: flex;
}
.area-networking table tbody tr td > nav a {
    margin: 0 3px;
}




/* Small - Celular */
@media (max-width: 767px) {
    .area-networking table tbody tr td > div p {
        text-align: left !important;
    }
}

/* Medium - Tablet */
@media (min-width:768px) and (max-width: 1100px) {
    .area-networking table tbody tr td > div p {
        text-align: left !important;
    }
}






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

                                        ÁREA FOTO e AVATAR

************************************************************************************************ */
.foto-avatar {
    background: var(--cor-1);
    border-radius: var(--radius);
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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;
}
.foto-avatar .area-avatar {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
}




.genero-avatar {
    background: var(--cor-1);
    border-radius: var(--radius);
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.genero-avatar .area-masculino {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
}
.genero-avatar .area-feminino {
    width: 100%;
    max-width: 250px;
    padding: 25px;
    text-align: center;
}




.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;
    align-items: center;
    justify-content: center;
}
.avatar .principal .preview-avatar {
    border: 1px solid #ccc;
    border-radius: var(--radius);
    width: 320px;
    height: 320px;
    background: #F5F5F5;
}
.avatar .principal .controles {
    flex: 1;
    background: #999;
    display: flex;
    flex-direction: column;
}
.avatar .principal .controles .categorias {
    height: 60px;
    background: #AAA;
    display: flex;
    align-items: center;
    padding: 10px;
}
.avatar .principal .controles .categorias a {
    margin-right: 15px;
}
.avatar .principal .controles .opcoes {
    flex: 1;
    background: #EEE;
    padding: 10px;
}





/* 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;
}