/* CSS Document */
* {
    box-sizing: border-box !important;
}

/*ROBOTO*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
 --cor-1: #fff;
 --cor-2: #C2DBF0;
 --cor-3: #296CA8;
 --cor-4: #102940;
 --cor-5: #976bd6;
 --cor-6: #007d1c;
 --cor-7: #ff6400;
 --radius: 5px;
 
}

.uk-alert span {
	font-size: 14px !important;	
}

html, body{ background-color:#fff; background-size:100% auto; background-repeat:repeat; font-family: 'Roboto', sans-serif; font-size:18px; padding:0!important; margin:0!important; }
h1,h2,h3,h4,h5{ color:var(--cor-4); width:100%; text-transform:uppercase;}
h1{ font-weight:900;}
p{ font-size:20px; letter-spacing:-0.5px;}
a{ text-decoration:none!important; color:var(--cor-4);}
a:hover{ text-decoration:none!important; color:var(--cor-3);}
.bgGeral{ width:100%; box-sizing: border-box !important; min-height:100vh; background-attachment:fixed; background-size:cover; background-position: center; padding:0 0 0 0; display:block; }
.homeDescricao{min-height:93vh; width:100%; box-sizing:border-box;}
.desktop{ display:block;}
.mobile{ display:none;}
.titSalaPageInfo{ text-transform:uppercase; font-weight:bold; color:var(--cor-3)!important; font-size:22px!important; border-bottom:1px solid var(--cor-2)!important; padding-bottom:15px!important; }
em{ color:initial!important;}
hr {
	width: 100%;
	height: 0px; 
	border: 1px solid; 
	border-color: var(--cor-2);
	box-sizing: border-box;
	}

.assinaturaMotu{ text-align:left; transition:0.8s; transition-timing-function:ease-out; font-size:11px; color:var(--cor-2); opacity:0.3; padding:3px 0 3px 0; width:160px; position:fixed; bottom:0; right:0;}
.assinaturaMotu img{ width:16px; height:16px;}
.assinaturaMotu a{ color:var(--cor-1);}
.assinaturaMotu:hover{ opacity:1; text-shadow:1px 1px 5px #FFC }



/*TOP EVENTO*/
#topEvento{ width:100%; color:var(--cor-1); margin-top:0; display:block; z-index:999; background-color:var( --cor-4 ); /*background-image:url(../img/bg-top.png);*/ background-size:auto 102%;}
#topEvento .logo{ float:left;}
#topEvento #menumob{ display:none; color:var(--cor-1); font-size:28px; padding:5px 8px 5px 8px;  margin:0 0 0 0px; text-align:left;}
#topEvento .logo img{ height:30px; margin-top:0px;}
#topEvento ul{ width:95%; text-align:right;}
#topEvento li{ color:var(--cor-1); display:inline-block; padding:0 5px 0 5px;}
#topEvento li a{ color:var(--cor-1); display:inline-block; font-weight:bold; text-transform:uppercase; font-size:14px;}



/*HALL DE SALAS*/
#mainSalas{min-width:100% !important; padding:25px 15px !important; }
#pagSalas{min-width:100% !important; padding:0 !important; margin: 0 !important;}
.salasInfo{cursor:pointer; padding:8px 10px 5px 8px; border-radius:var(--radius); background-color:var( --cor-2); margin:0 0 5px 0; height: auto !important; min-height:110px !important; transition: all 0.5s ease-out;}
.salasInfo:hover{ opacity:0.5; transition-duration:3000;}
.titSala{ font-size:16px; padding:10px 0 0px 0; border-bottom:1px solid var(--cor-4); width:100%; overflow:hidden; line-height:15px; color:var(--cor-4); text-transform:uppercase;}
.titSalaDesc{  padding:10px 0 0 0; width:100%; overflow:hidden;  color:var(--cor-4); font-weight:400;}
.titSalaDesc p{font-size:13px!important; text-align:left; color:var(--cor-3);}
.play{align-items: center; margin:15px 0 0 15px; justify-content:center; display:flex; font-size:45px; width:65px; height:65px; background-color:var(--cor-1); border-radius:var(--radius); color:rgba(255,255,255,0.1);background-size:90% auto; background-position:center center;background-repeat:no-repeat;}
.play:hover{ color:var(--cor-1);}

.quadInfoContent{ display:flex; flex-direction:row; justify-content:flex-end; align-items:center; height:100px;}
.quadInfo{border-radius:var(--radius); display:flex; flex-direction:column; align-items:center; background-color:var(--cor-4); justify-content:center; color:var(--cor-1); width:48%; height:90%; padding:5px 0 0 0;   margin:5px 0 5px 5px;}
.quadInfo h1{ font-size:28px; line-height:28px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo h2{ font-size:20px; line-height:20px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo h3{ font-size:18px; line-height:18px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo p{ font-size:14px; line-height:16px; margin:0; padding:0; color:var(--cor-1)!important;}

.quadTexto{ text-align:left; min-height:50px; color:#fff; font-weight:700; line-height:15px; padding:0px 0 0px 10px; margin:6px 5px 0 0px; font-size:14px;}

.quadCalendar{display:flex; align-items: center; justify-content: center; color:var(--cor-3); height:97px; text-align:right; }
.quadCalendar a{ color:var(--cor-3);font-size:12px; display: flex !important; margin: 0 15px; flex-direction: column; align-items: center;}
.icoCalendar{ display:flex; flex-direction: column; padding:0 !important; margin: 0 !important;}
.centerAlign{align-items: center; justify-content: center; display: flex; 	min-height:600px;	}



/*LOGIN*/
.login{border-radius:5px; background-color:rgba(255,255,255,0.9); padding:30px 0 30px 0; box-shadow:2px 2px 5px #666;}
.msgLogin{ font-size:16px; font-weight:bold; color:var(--cor-4); width:100%; text-align:center;}



/*ÁREA DO USUÁRIO*/
.area-bt-salas{ background-color:var(--cor-2); padding:10px;  border-radius:var(--radius)}
.area-bt-salas .altFotoUser{ color:var(--cor-3); font-size:12px;}
.bt-salas{ font-size:14px; transition: all 0.5s ease-out; margin:5px 0 0 0; border:none; border-radius:var(--radius); background-color:var(--cor-4); cursor:pointer;  box-sizing: border-box; padding:10px 2% 10px 3%!important; width:99%!important; text-align:left; color:var(--cor-1);}
.bt-salas:hover{ opacity:0.5; transition-duration:3000;}
.bt-salas:hover a{ color:#fff!important; text-transform:none;}
#userLog{ text-align:center; color:var(--cor-3);}
.userArea{ width:90%; padding:15px 5% 0 5%;} 
#userfotoCadastro{ cursor:pointer; background-color:var(--cor-3); width:80px; height:80px; border-radius:40px; margin:40px auto; background-size:100% auto; background-position: center center; background-repeat:no-repeat; background-image:url(../img/user-default.png);}
#userfoto{ cursor:pointer; background-color:var(--cor-3); 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);}
#userfoto:hover{ box-shadow:0px 0px 5px var(--cor-3);}
.areaUseritens{ padding:15px 15px 0px 15px; margin:15px 0 0px;} 
#areaUseritens{ display:none;}
#PontosUser{ width:100%; color:var(--cor-3)!important; letter-spacing:-1px; text-align:center; font-size:24px; font-weight:bold; padding:10px 0 10px;}
#PontosUser .ptsGamefy{ font-size:12px; color:var(--cor-3);}
#areaUserbutton{ box-sizing:border-box; padding:0 5px 0 5px;}


/*COUNT DOWN*/
.areaCowntdown{ color:var(--cor-1); text-align:center; width:100%; max-width:350px; margin:0 auto; border-radius:var(--radius); padding:8px 8px 0px 8px; overflow: hidden;}
.areaCowntdown table{ margin:0 auto; min-width:250px; width:100%; }
.areaCowntdown .pointer{background-color:var(--cor-4); padding:20px 0 10px; min-width:60px; border-radius: var(--radius);}
.areaCowntdown .numero{display:flex; align-items:center; flex-direction:column; font-size:40px;min-height:30px; padding:5px 0 0px 0;  border:solid 0px var(--cor-1); border-radius: var(--radius);}
.areaCowntdown .numero div,p{ text-align:center; width:100%;}
.areaCowntdown .legenda{font-size:14px; color:var(--cor-2);padding:10px 0 0px 0; margin:0; }

/*AGENDA*/
.iframeAgenda{ width:100%; margin:0; padding:0;}
.agendaGeral{ border:1px solid var(--cor-2); background-color:var(--cor-1); border-radius:var(--radius); margin-bottom:10px; max-width:800px; margin:15px auto; text-align:left; overflow: hidden;  }
.agendaGeral h2{color:var(--cor-4)!important;}
.dataAgenda{ font-weight:bold; border-radius:var(--radius); border:1px solid var(--cor-1);box-sizing:border-box; color:var(--cor-1)!important; background-color:var(--cor-4); 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:25px; text-transform: uppercase; padding:15px 0 0 15px; color:var(--cor-3); box-sizing:border-box; display:inline-block;}
.nomeAgenda{font-weight:bold; font-size:18px; padding:15px 0 0 15px; color:var(--cor-3); box-sizing:border-box; display:inline-block;}
.horaAgenda{text-align:left; font-size:16px; padding:0px 0 0 15px; color:var(--cor-4); box-sizing:border-box; display:inline-block; font-weight:bold;}
.duracaoAgenda{font-size:10px; line-height:14px; padding:0px 3px 0px 3px; box-sizing:border-box; border-radius:var(--radius);background-color:var(--cor-4); color:var(--cor-1); display:inline-block; margin-left:15px; width:100px; text-align:center;}
.fotosAgendaPalestr{min-height:50px; display:flex; justify-content:flex-start; align-items: center; flex-direction:row; padding:0 15px 0 15px;}
.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(--cor-4);color:var(--cor-2);margin:3px 3px 5px 3px; background-size:100% auto; background-position:center center;}
.fotoAgendaPalest:hover{ opacity:0.5;}

.descPalestrante{ padding:10px 15px 10px 15px;}
.descPalestrante p{ font-size:14px; line-height:14px; color:var(--cor-4);}
.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(--cor-4);color:var(--cor-2);margin:3px 3px 5px 3px; background-size:100% auto; background-position:center center;}


/*PALESTRANTES*/
.palestrantesGeral{border:0px solid var(--cor-2); background-color:var(--cor-1); border-radius:var(--radius); margin-bottom:10px; max-width:800px; margin:15px auto; text-align:left; box-sizing:border-box; padding:25px;}
.palestrantesGeral h2{color:var(--cor-4)!important; border-bottom:1px solid var(--cor-2)}
.palestrantesGeral p{color:var(--cor-4)!important; text-align:left!important; font-size:14px!important;}
.palestrantesGeral .titPalestrante{color:var(--cor-4)!important; border-bottom:1px solid var(--cor-2)}
.palestrantesGeral .descPalestrante{color:var(--cor-4)!important; text-align:left!important; font-size:14px!important;}
.fotoPalestante{box-shadow:1px 1px 5px #333; width:80px; font-size:34px; height:80px; border-radius:40px; display:flex; justify-content:center; align-items: center; flex-direction:row; background-color:var(--cor-4);color:var(--cor-2);margin:3px 3px 5px 3px; background-size:100% auto; background-position:center center;}




.titPalestrantes{text-align:left; display:block; font-size:12px; color:var(--cor-4); width:100%; margin:10px 0 0 0; padding:0 0 0 15px; box-sizing:border-box; border-bottom:0px solid var(--cor-2);}
.agendaTitSala{color:var(--cor-3); background-color:var(--cor-2); margin-top:0px; padding:15px 15px 15px 15px;}
.agendaTitSala h2{text-align:left;  font-weight:bold!important; font-size:22px;}
.agendaDescricao{ margin:5px 15px 0 15px; padding:10px 10px 10px 10px; border-radius:var(--radius); font-size:14px; background-color:var(--cor-2); line-height:14px;}
.agendaInfo{ font-size:12px;}


/* PAGES WEB PATROCINADOR*/
#bgPageGeral{ background-color:var(--cor-2); padding:0px 0px 80px 0px;}
.bgPageContainer{ background-color:var(--cor-1);  padding:30px 25px 80px 25px;}
.bgPageContainer #titSala{color:var(--cor-3); font-size:28px; }
.bgPageContainer #descSala, p{color:var(--cor-3); font-size:16px; text-align:left;}
.bgPageContainer .linhaVideo{ width:100%; padding:10px 0 10px;  border-bottom:1px solid var(--cor-2); color:var(--cor-4);}
.bgPageContainer .linhaVideo a{ color:var(--cor-1);}
.bgPageContainer .areaTituloPage{ padding:30px 0 0 25px;}
.bgPageContainer .areaVoltarPage{ padding:40px 10px 0 0; text-align:right;}
.bgPageContainer #pageBg{ width:100%; border-radius:var(--radius); background-color:var(--cor-4); background-size:100% auto; background-position:center center; height:300px; }
.bgPageContainer #logoSala{display:flex; justify-content:center; align-items:center; flex-direction:row; width:200px; height:200px; border-radius:var(--radius); background-color:var(--cor-1); box-shadow:2px 3px 8px #999; color:var(--cor-1); margin:-100px 0 0 30px;}
.bgPageContainer #logoSala img{ margin:0; padding:0; width:80%; height:auto!important;}


/* VIDEOS EXTRAS*/
#conteudoVideo .linhaVideo{ width:100%; padding:10px 0 10px;  border-bottom:1px solid var(--cor-2); color:var(--cor-3);}
#conteudoVideo .linhaVideo a{ color:var(--cor-4)!important;}

/* SALAS DE TANSMISSÂO / REUNIÃO */
.salaVideo{ display:inline-block; width:96%; padding:0 2% 0 2%; min-height:400px; min-height:90vh;}
#salaCont{ display:block; background-color:var(--cor-1)!important; color:var(--cor-4)!important; box-sizing:border-box; border-radius:var(--radius); width:100%!important; text-align:left; margin:25px 0 0 0; padding:2px 35px 100px 35px; }
#salaCont p{color:var(--cor-3); font-size:16px; line-height:18px; margin:10px 0 15px 0; padding:0; text-align:left;}
.salaVideo #salaArquivos{ margin-top:25px; width:100%; float:left;}
.salaVideo #salaArquivos h4{ font-size:12px; width:100%; text-align:left; margin:0 0 5px; padding:0;}
.salaVideo .arquivosVideo{ background-color:#333!important; color:#fff; padding:5px 1% 5px 1%; border-radius:3px; margin:5px 1% 0 0; text-align:left; font-size:12px; float:left; width:47%;}
.salaVideo .arquivosVideo:hover{color:#333; background-color:#fff!important;}
.espera{ min-height:50vh;}
.reuniao{ border:0px solid #fff;}
.areaTituloSala{color:var(--cor-1)!important; text-shadow:1px 1px 2px #000!important; font-size:14px; padding:3px 0px 5px 10px;}

/*SALA BOTOES*/
.bt-salas-transmissao{ font-size:11px; text-transform:uppercase; transition: all 0.5s ease-out; margin:0px 0 0 5px; border:none; border-radius:var(--radius); background-color:var(--cor-4); cursor:pointer;  box-sizing:border-box; padding:7px 15px 7px 15px!important; height:30px; width:auto!important; text-align:left; color:var(--cor-1);}
.bt-salas-transmissao:hover{ background-color:var(--cor-2); color:var(--cor-3); transition-duration:1000;}
.bt-salas-transmissao:hover a{ color:#fff!important; text-transform:none;}


/*SALA BANNERS*/
#banners{ margin:15px 0 15px 0;}
#banners img{ max-height:80px;}
#banners .uk-slidenav{ font-size:28px; color:#FF3;}

/*SALA IDIOMA*/
.areaIdiomas{ display:flex; justify-content:flex-start; align-items:center; flex-direction:row; width:auto; height:5vh;}
#idiomas{ cursor:pointer; display:none; padding:0 0 0 15px; margin:0; }
#idiomas img{ margin-right:10px; border-radius:2px; overflow:hidden; padding:0; box-shadow:2px 2px 5px #333;}
#idiomas .sel{ color:#fff; text-shadow:1px 1px 10px rgba(255,255,255,0.9);}
.logoSalaInt{height:30px!important; padding-left:30px; display:inline-block;}

/*EMOTICONS*/
.emoticon{ margin:10px 5px 10px 5px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; width:85%; background-color:#fff; height:80vh; overflow:hidden; overflow-y:auto; list-style:none;}
.emoticon li{ background-color:#fff; width:45%!important; height:auto; border-radius:10px; margin:5px; box-sizing:border-box; box-shadow:2px 2px 5px #ccc;}
.emoticon li img{ width:100%!important; border-radius:10px; overflow:hidden;}
.emoticonBt{ cursor:pointer; float:left; background-image:url(../img/emoticon-pb.png); margin-top:3px; width:20px; height:20px; background-position:center center; background-size:100% auto;}
.emoticonBt:hover{ opacity:0.5;}

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



/*CHAT*/
.containerChat{ background-color:var(--cor-1); color:var(--cor-4); /*border-radius:var(--radius);*/ overflow:hidden; margin:0px 0px; padding:0 0 15px 0; display:inline-block; width:100%; height:100%;} 
#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;}


/*PERGUNTAS*/
#chatPerguntas{ display:flex; justify-content:center; align-items:center; flex-direction:column; height:400px;}
#chatPerguntas ul{ margin:0 5% 0 5%; padding:0;}
#chatPerguntas li{ margin:3px 10px 0 10px; padding:10px 10px 10px 10px; border-bottom:1px solid var(--cor-2);}
#chatPerguntas .balaoUser{margin:8px 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; width:80%;}
#chatPerguntas .user{ color:var(--cor-4)!important; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:left;}
#chatPerguntas p{ margin:0px 0 0px 0; padding:0;}
#chatPerguntas .msg{color:var(--cor-4)!important; font-size:14px;line-height:14px;}
#chatPerguntas .timeChat{ color:var(--cor-3); font-size:10px; line-height:12px; margin:3px 0 0 0; opacity:0.5; text-align:right;}

#chatPerguntas .balaoMod { margin:8px 5% 0 15%; background-color:var(--cor-4); box-shadow:2px 2px 5px #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:80%; box-sizing:border-box;}
#chatPerguntas .balaoMod .timeChat { color:var(--cor-1) !important; opacity: 1 !important; }

#chatPerguntas .mod{ color:var(--cor-1)!important; font-weight:bold; font-size:12px; text-transform:uppercase;}
#chatPerguntas .msgMod{color:var(--cor-1)!important; font-size:14px;}
#chatPerguntas .titPergunta{ display:flex; justify-content:flex-start; align-items:center; flex-direction:row; border-bottom:1px solid var(--cor-2); font-size:16px; color:var(--cor-4); width:100%; height:40px;}
#perguntasList{text-align:left; background-color:var(--cor-1); list-style:none; overflow-y:auto; float:left; height:300px; width:100%; padding:0px 5px 0px 0px; margin:0 0 0 0!important;}
#chatPerguntas #formPerguntas{display:flex; justify-content:center; align-items:center; flex-direction:row; width:98%; height:50px; padding:5px 1% 5px 1%; margin:0 0 0 0; background-color:var(--cor-1);}
#perguntasInput{ outline:0; width:90%!important; border:none; border:1px solid var(--cor-3)!important; background-color:transparent; margin:0 0 0px 3%!important; border-radius:0px!important; padding:5px 1% 5px 1%; color:var(--cor-4);}
#sendPerguntas{ cursor:pointer; margin:0 3% 0 0!important; color:var(--cor-2); background-color:var(--cor-3)!important; border:none; padding:7px 8px 7px 8px;}
#scroolPerg{margin:-30px 0 0 95%; z-index:999; font-size:26px; color:var(--cor-2); display:block;}




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


/*WHATSAPP ATENDIMENTO*/
#whatsappAtendimento{display:none; position:fixed; left:15px; bottom:15px;}
#whatsappAtendimento img{ width:50px; height:50px;}



/*CONTATOS - LEADS*/
.contatos{ width:100%; font-size:20px; color:var(--cor-1);  margin:5px 0 0 0; text-align:center!important; z-index:99999;}
.contatos h4{ text-align:center;}
.contatos ul{ list-style:none!important; padding:15px 5% 0 5%; line-height:25px; width:90%; text-align:center; }
.contatos ul .titContato{ width:90%; margin:0 5% 10px 5%; text-align:center!important;}
.contatos ul a{ color:var(--cor-1); padding:5px; text-align:center!important;}
.contatos 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;}
.contatos ul li p{ text-align:center; color:var(--cor-1);}


/*ARQUIVOS*/
.arquivos{float:left; width:100%; font-size:20px; color:var(--cor-1); margin:5px 0 0 0; text-align:center; z-index:99999;}
.arquivos h4{ text-align:center;}
.arquivos ul{ list-style:none!important; padding:15px 5% 0 5%; line-height:25px; width:90%;}
.arquivos ul .titContato{ width:100%; margin:0 0 10px;}
.arquivos ul a{ color:var(--cor-1); padding:5px;}
.arquivos ul li{ width:95%; text-align:left; display:inline-block; border:1px solid var(--cor-1); background-color:var(--cor-4); margin:0 0 10px 0; padding:10px 0 10px 5%;}

/*PESQUISA*/
.pesquisa{width:100%; font-size:20px; margin:5px 0 0 0; text-align:center; z-index:99999;}
.pesquisa h3,h4{ text-align:center; color:var(--cor-1)!important;}
.pesquisa ul{ list-style:none!important; padding:15px 5% 0 5%; line-height:25px; width:90%;}
.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;}



/*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-4)!important;}
.quiz ul{ list-style:none!important; padding:15px 5% 0 5%; line-height:25px; width:90%;}
.quiz ul .titQuiz{ width:100%; margin:0 0 10px; font-size:16px; color:var(--cor-1);}
.quiz ul .descQuiz{ width:100%; margin:0 0 10px; font-size:14px; color:var(--cor-2);}
.quiz ul a{ color:var(--cor-1); padding:5px;}
.quiz ul li{ 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;}
.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;}


/*PARTICIPANTES RANKING*/
.rankinParticipantesGeral{ padding-top: 15px;}
.rankinParticipantesGeral .imgFoto{font-size:50px; font-weight: bold;  background-color:var(--cor-1); color:var(--cor-4); border:2px solid var(--cor-1); border-radius:40px; height:80px; width:80px; overflow:hidden; display:flex;}
.rankinParticipantesGeral .imgFotoMini{font-size:30px; font-weight: bold; background-color:var(--cor-4); color:var(--cor-1); border:2px solid var(--cor-4); border-radius:40px; height:50px; width:50px; overflow:hidden; display:flex;}
.rankinParticipantesGeral .rnkPosicao{ font-size: 30px; padding: 15px 0; font-weight: bold;} 
.rankinParticipantesGeral .rnkNome{ font-size: 14px; padding: 15px 0 0 0; box-sizing: border-box; border-bottom: 1px solid var(--cor-1); width:80%; margin:0 10% 15px 10%;}
.rankinParticipantesGeral .rnkPontos{ font-size: 12px;}

.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;
	box-sizing:border-box;
	padding:15px 0 15px;
	border-radius:5px;
	background-color: var(--cor-4);
	color: var(--cor-1);
}
.rankinParticipantesGeral .rnkCardMini{
	background-color:var(--cor-1); 
	color:var(--cor-3); 
	border-radius:var(--radius); 
	border: 1px solid #ccc; 
	padding:15px; 
	box-sizing:border-box; 
	margin:5px 5px 10px 5px;
	box-shadow: 1px 2px 5px #ccc;
} 

/*2D - VIDEOGALERIA*/
.videoGeral{display:flex; width:100%;height:100vh;overflow:hidden;}	
.videoNomes{width: 250px; padding:20px; background-color:var(--cor-4); display:flex; flex-direction:column; box-sizing:border-box; overflow-y:auto;}
.videoNomes h2{color: var(--cor-1);}
.videoNomes a{color:#fff; padding:15px 0 10px 0; border-bottom:solid 1px var(--cor-1);}
.videoNomes a:hover{ opacity:0.5;}
.videoIframe{flex:1;background-color:var(--cor-1);}
.videoIframe iframe{ width:100%; height:100%;}
.categoriaVideo{color:#fff;	border-bottom:1px solid var(--cor-2); text-transform:uppercase;	font-size:24px;	padding:35px 0 20px;}
	
/*2D - ARQUIVOS*/
.arquivoGeral{display:flex;	width:100%;	min-height:90vh;	overflow:hidden; flex-direction:column;justify-content:center; align-items: center;}	
.arquivoGeral a{color:var(--cor-1); background-color:var(--cor-4);padding:10px 15px 10px 15px;border-radius:3px;margin:0 5px 0 5px;min-width:150px;max-width:300px;width:100%;display:inline-flex;align-items:center;	justify-content:center;	height:50px;}
.listaArquivos{	flex:1;	display:flex;align-items:center;justify-content:center;	flex-wrap: wrap;overflow-y:auto;padding:25px 0 25px;}
.arquivosNomes a:hover{ opacity:0.5;}
	






	/*UIKIT*/
	.uk-button{ background-color:var(--cor-3); color:var(--cor-1); border-radius:var(--radius)}
	
	.uk-button-primary{ background-color:var(--cor-4);}
	.uk-button-primary:hover{ background-color:var(--cor-4); opacity:0.5;}
	
	.uk-button-success{ background-color:var(--cor-5);}
	.uk-button-success:hover{ background-color:var(--cor-5); opacity:0.5;}
	

	.uk-modal-dialog{ background-color:var(--cor-1)!important; color:var(--cor-4)!important; border-radius:var(--radius);}
	.uk-modal-dialog h1{ color:var(--cor-4)!important; }
	.uk-modal-dialog h2{ color:var(--cor-4)!important; }
	.uk-modal-dialog h3{ color:var(--cor-4)!important; }
	.uk-modal-dialog h4{ color:var(--cor-4)!important; }
	.uk-close{ color:var(--cor-1)!important; border-radius:var(--radius); background-color:var(--cor-4); opacity:1!important;}

	.uk-offcanvas-bar{background-color:var(--cor-3)!important; color:var(--cor-1)!important; border-left:1px solid var(--cor-1)}
	.uk-offcanvas-bar h1{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h2{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h3{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h4{ color:var(--cor-1)!important;}

	.uk-form h1{ color:var(--cor-4)!important;} 
	.uk-form h2{ color:var(--cor-4)!important;} 
	.uk-form h3{ color:var(--cor-4)!important;} 
	.uk-form h4{ color:var(--cor-4)!important;} 	
	.uk-form label{ text-align:left!important; padding-right:8px; color:var(--cor-4); font-size:14px;}
	.uk-form input, .uk-form select { border-radius:var(--radius)!important;}

/*BARRA DE SCROOL
::-webkit-scrollbar              {  background-color:rgba(0,0,0,0);width:15px; }
::-webkit-scrollbar-button       {  background-color:#069; border-radius:0px; }
::-webkit-scrollbar-track        {  background-color:#333; }
::-webkit-scrollbar-track-piece  {  background-color:rgba(0,0,0,0.0); }
::-webkit-scrollbar-thumb        {  background-color:rgba(255,255,255,0.9); width:4px; border-radius:0px;}
::-webkit-scrollbar-corner       {  background-color:#036; }
*/


::-webkit-scrollbar              {  background-color: var(--cor-4);width:10px; }
::-webkit-scrollbar-button       {  background-color:#069; border-radius:0px; }
::-webkit-scrollbar-track        {  background-color:var(--cor-4); }
::-webkit-scrollbar-track-piece  {  background-color:rgba(0,0,0,0.0); }
::-webkit-scrollbar-thumb        {  background-color:var(--cor-2); width:4px; border-radius:0px;}
::-webkit-scrollbar-corner       {  background-color:#036; }


@media (min-width: 960px){}

@media (min-width:768px){}

@media (max-width:1100px){



/*CONFIGURAÇÕES GERAIS*/
html, body{ background-color:#fff;background-size:100% auto; background-repeat:repeat; font-family: 'Roboto', sans-serif; font-size:18px; min-height:100%!important; width:100%!important; padding:0!important; margin:0!important;}
/*
h1,h2,h3,h4,h5{font-family: 'Roboto', sans-serif; color:var(--cor-4); width:100%; float:left; text-transform:uppercase;}
h1{ font-weight:900;}
p{ font-size:20px; letter-spacing:-0.5px;}
a{ text-decoration:none!important; color:var(--cor-2);}
a:hover{ text-decoration:none!important; color:var(--cor-3);}
*/
	
.bgGeral{ width:100% !important; box-sizing: border-box !important; min-height:100vh; background-size:cover; background-position: center; padding:0 0 0 0; display:block; }
.homeDescricao{min-height:93vh; width:100%;}
.desktop{ display:none;}
.mobile{ display:block;}



/*TOP EVENTO*/
#topEvento{ width:100%; color:#000; margin-top:0; z-index:999; /*background-image:url(../img/bg-top.png);*/ background-size:auto 102%; text-align:center;}
#topEvento .logo{ float:none; display:inline-block; margin:0 0 0 -15%;}
#topEvento #menumob{ display:block;}
#topEvento .logo img{ margin:0px 0 0 0; height:25px;}
#topEvento #logoEvMob{ text-align:left; border-bottom:#666 1px solid; padding:15px 0 5px; margin:15px 0 25px}
#topEvento #logoEvMob img{ height:30px;}
#topEvento ul{ list-style:none; text-align:left; width:100%; padding:15px 0 15px 15px; box-sizing:border-box;}
#topEvento li{ color:#666; display:inline-block; padding:10px 5px 10px 0px; width:100%; box-sizing:border-box;}
#topEvento li a{ color:#fff!important; display:inline-block; font-weight:bold; text-transform:uppercase; font-size:14px; text-shadow:1px 2px 3px #000;}
#topEvento .userTop{ background-color:transparent; border-radius:0px; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; }
#topEvento .userTop{color:#35FA00;}
#topEvento .userTop a:hover{color:#FC0;}



/*LOGIN*/
.login{border-radius:5px; background-color:rgba(255,255,255,0.9); padding:30px 0 30px; margin:0 5% 0 5%; box-shadow:2px 2px 5px #666;}
.msgLogin{ font-size:16px; font-weight:bold; color:#f00;}



/*IFRAME CADASTRO*/
iframeCadastro{width:100%; min-height:70vh;}



/*HALL DE SALAS*/
#mainSalas{min-width:100% !important; padding:25px 15px !important;  box-sizing:border-box; }
#pagSalas{min-width:100%!important; min-height:93.5vh!important; padding:0px 0% 0 0%!important; box-sizing:border-box;}

.salasInfo{cursor:pointer; padding:8px 10px 5px 8px; border-radius:var(--radius); background-color:var( --cor-1); margin:0 0 5px 0; min-height:70px; transition: all 0.5s ease-out;}
.salasInfo:hover{ box-shadow:0 0 15px rgba(255,255,255,0.8); transition-duration:3000;}

.titSala{ font-size:16px; padding:10px 0 5px 0; border-bottom:1px solid var(--cor-4); width:100%; overflow:hidden; line-height:15px; color:var(--cor-4); text-transform:uppercase;}
.titSalaDesc{  padding:10px 0 0 0; width:100%; overflow:hidden;  color:var(--cor-3); font-weight:400;}
.titSalaDesc p{font-size:16px!important; text-align:left; color:var(--cor-4)!important;}
.play{align-items: center; margin:15px 0 25px 10px; justify-content:center; display:flex; font-size:25px; width:35px; height:35px; background-color:var(--cor-3); border-radius:var(--radius); color:rgba(255,255,255,0.1);background-size:90% auto; background-position:center center;background-repeat:no-repeat;}
.play:hover{ color:var(--cor-1);}

.quadInfoContent{ display:flex; flex-direction:row; justify-content:center; align-items:center; height:100px;}
.quadInfo{border-radius:var(--radius); display:flex; flex-direction:column; align-items:center; background-color:var(--cor-4); justify-content:center; color:var(--cor-2); width:100%; height:90%; padding:5px 0 0 0;   margin:5px 5px 5px 0px;}
.quadInfo h1{ font-size:28px; line-height:28px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo h2{ font-size:20px; line-height:20px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo h3{ font-size:18px; line-height:18px; margin:0; padding:0; width:100%!important; color:var(--cor-1)!important;}
.quadInfo p{ font-size:14px; line-height:16px; margin:0; padding:0; color:var(--cor-1)!important}

.quadTexto{ text-align:left; min-height:50px; color:#fff; font-weight:700; line-height:15px; padding:0px 0 0px 10px; margin:6px 5px 0 0px; font-size:14px;}

.quadCalendar{display:inline-block; color:var(--cor-4)!important;  min-height:70px; text-align:right;}
.quadCalendar a{ color:var(--cor-4)!important;font-size:14px;}
.icoCalendar{ display:inline-block; padding:20px 25px 0 0;}
.centerAlign{align-items: center; justify-content: center; display: flex; 	min-height:600px;	}


/* PAGES WEB PATROCINADOR*/
#bgPageGeral{ background-color:var(--cor-2);}
.bgPageContainer{ background-color:var(--cor-1);  padding-top:30px; padding-bottom:100px;}
.bgPageContainer h4{color:var(--cor-3); font-size:22px; border-bottom:1px solid var(--cor-2); padding-bottom:15px;}
.bgPageContainer #titSala{color:var(--cor-3); font-size:28px; border-bottom:1px solid var(--cor-2); padding-bottom:25px;}
.bgPageContainer #descSala, p{color:var(--cor-3); font-size:16px;}
.bgPageContainer .linhaVideo{ width:100%; padding:10px 0 10px;  border-bottom:1px solid var(--cor-2); color:var(--cor-4);}
.bgPageContainer .linhaVideo a{ color:var(--cor-1);}
.bgPageContainer .areaTituloPage{ padding:30px 0 0 25px;}
.bgPageContainer .areaVoltarPage{ padding:40px 10px 0 0; text-align:right;}
.bgPageContainer #pageBg{ width:100%; border-radius:var(--radius); background-color:var(--cor-4); background-size:auto 100%; background-position:center center; height:400px; }
.bgPageContainer #logoSala{display:flex; justify-content:center; align-items:center; flex-direction:row; width:200px; height:200px; border-radius:var(--radius); background-color:var(--cor-1); box-shadow:2px 3px 8px #999; color:var(--cor-1); margin:-100px 0 0 30px;}
.bgPageContainer #logoSala img{ margin:0; padding:0; width:80%; height:auto!important;}



/*PALESTRANTES*/
.palestrantesGeral{border:0px solid var(--cor-2); background-color:var(--cor-1); border-radius:var(--radius); margin-bottom:10px; max-width:800px; margin:15px auto; text-align:left; box-sizing:border-box; padding:25px;}
.palestrantesGeral h2{color:var(--cor-4)!important; border-bottom:1px solid var(--cor-2); text-align:center!important; margin-top:30px;}
.palestrantesGeral p{color:var(--cor-4)!important; text-align:left!important; font-size:14px!important;}
.fotoPalestante{box-shadow:1px 1px 5px #333; width:80px; font-size:34px; height:80px; border-radius:40px; display:flex; justify-content:center; align-items: center; flex-direction:row; background-color:var(--cor-4);color:var(--cor-2);margin:3px 3px 5px 3px; background-size:100% auto; background-position:center center;}


/*COUNT DOWN*/
.areaCowntdown{ color:var(--cor-1); text-align:center; width:100%; max-width:350px; margin:0 auto; border-radius:var(--radius); padding:8px 8px 0px 8px;}
.areaCowntdown table{ margin:0 auto; max-width:250px; width:100%; }
.areaCowntdown .pointer{background-color:var(--cor-4); padding:10px 0 5px; min-width:40px;}
.areaCowntdown .numero{display:flex; align-items:center; flex-direction:column; font-size:30px;min-height:30px; padding:5px 0 0px 0;  border:solid 0px var(--cor-1); }
.areaCowntdown .numero div,p{ text-align:center; width:100%;}
.areaCowntdown .legenda{font-size:10px; color:var(--cor-2);padding:10px 0 0px 0; margin:0; }


/* VIDEOS EXTRAS*/
.videosExtras h4{color:var(--cor-4); font-size:22px; border-bottom:1px solid var(--cor-2); padding:50px 0 15px;}
.videosExtras .linhaVideo{ width:100%; padding:10px 0 10px;  border-bottom:1px solid var(--cor-2); color:var(--cor-4);}
.videosExtras .linhaVideo a{ color:var(--cor-4);}




/* SALAS DE TANSMISSÂO / REUNIÃO */
.salaVideo{ display:inline-block; width:96%; padding:0 2% 0 2%; min-height:400px; min-height:90vh;}
#salaCont{ display:block; background-color:var(--cor-1)!important; color:var(--cor-4)!important; box-sizing:border-box; border-radius:var(--radius); width:100%!important; text-align:left; margin:15px 0 0!important; padding:5px 15px 100px 15px; }
#salaCont h1{ color:var(--cor-4); font-size:20px!important; line-height:20px!important; margin:40px 0 10px; padding:0 0 10px; border-bottom:1px solid var(--cor-2);}
#salaCont p{color:var(--cor-3); font-size:16px; line-height:18px; margin:10px 0 15px 0; padding:0; text-align:left;}
.salaVideo #salaArquivos{ margin-top:25px; width:100%; float:left;}
.salaVideo #salaArquivos h4{ font-size:12px; width:100%; text-align:left; margin:0 0 5px; padding:0;}
.salaVideo .arquivosVideo{ background-color:#333!important; color:#fff; padding:5px 1% 5px 1%; border-radius:3px; margin:5px 1% 0 0; text-align:left; font-size:12px; float:left; width:47%;}
.salaVideo .arquivosVideo:hover{color:#333; background-color:#fff!important;}
.espera{ min-height:50vh;}
.reuniao{ border:0px solid #fff;}

/*SALA BOTOES*/
.bt-salas-transmissao{ font-size:11px; text-transform:uppercase; transition: all 0.5s ease-out; margin:5px 0 0 5px; border:none; border-radius:var(--radius); background-color:var(--cor-4); cursor:pointer;  box-sizing:border-box; padding:10px 1% 10px 2%!important; width:48%!important; text-align:left; color:var(--cor-1);}
.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;}

/*SALA BANNERS*/
#banners{ margin:15px 0 15px 0;}
#banners img{ max-height:80px;}
#banners .uk-slidenav{ font-size:28px; color:#FF3;}

/*SALA IDIOMA*/
.areaIdiomas{ display:flex; justify-content:flex-start; align-items:center; flex-direction:row; width:100%; height:5vh;}
#idiomas{ cursor:pointer; display:none; padding:0 0 0 15px; margin:0; }
#idiomas img{ margin-right:10px; border-radius:2px; overflow:hidden; padding:0; box-shadow:2px 2px 5px #333;}
#idiomas .sel{ color:#fff; text-shadow:1px 1px 10px rgba(255,255,255,0.9);}
.logoSalaInt{height:30px!important; padding-left:30px; display:inline-block;}

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

/*CHAT*/
.containerChat{ background-color:var(--cor-2); color:var(--cor-3); /*border-radius:var(--radius);*/ overflow:hidden; margin:0px 0px; padding:0 0 15px 0; display:inline-block; width:100%; height:100%;} 
#chatMsg .tituloChat{ display:flex; justify-content:center; align-items:center; flex-direction:row; border-top:0px solid var(--cor-4); font-size:16px; background-color:var(--cor-4); color:var(--cor-1); width:100%; height:40px;}
#chatMsg .formChat{ float:left; width:92%;border-radius:10px; padding:5px 1% 5px 1%; margin:25px 5% 0 2%; background-color:rgba(0,0,0,0);}  
#chatMsg{ padding:0 0;}
#chatMsg ul{ margin:0 5% 0 5%; padding:0;}
#chatMsg li{ margin:3px 10px 0 10px; background-color:var(--cor-3); 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-2)!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-1)!important; font-size:14px;line-height:14px;}
#chatMsg .timeChat{ color:var(--cor-1); font-size:10px; 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:46vh; max-height:200px; margin:0px 0 0 0;}
#chatMsg #messagesList{ text-align:left; list-style:none; overflow-y:auto; float:left; height:23vh; width:100%; padding:0px 5px 0px 0px; margin:0 0 0 0!important;}
#chatMsg #messageInput{outline: 0; float:left; width:60%!important; border:none; border:1px solid var(--cor-4)!important; background-color:transparent; margin:0 0 0px 3%!important; border-radius:0px!important; padding:5px 1% 5px 1%; color:var(--cor-4);}
#chatMsg #sendButton{ 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;}


/*PERGUNTAS*/
#chatPerguntas{ display:flex; justify-content:center; align-items:center; flex-direction:column; height:400px;}
#chatPerguntas ul{ margin:0 5% 0 5%; padding:0;}
#chatPerguntas li{ margin:3px 10px 0 10px; padding:10px 10px 10px 10px; border-bottom:1px solid var(--cor-2);}
#chatPerguntas .user{ color:var(--cor-3)!important; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:left;}
#chatPerguntas p{ margin:0px 0 0px 0; padding:0;}
#chatPerguntas .msg{color:var(--cor-4)!important; font-size:14px;line-height:14px;}
#chatPerguntas .timeChat{ color:var(--cor-3); font-size:10px; line-height:12px; margin:3px 0 0 0; opacity:0.5; text-align:right;}
#chatPerguntas .mod{ color:var(--cor-1)!important; font-weight:bold; font-size:12px; text-transform:uppercase;}
#chatPerguntas .msgMod{color:var(--cor-1)!important; font-size:14px;}
#chatPerguntas .titPergunta{ display:flex; justify-content:flex-start; align-items:center; flex-direction:row; border-bottom:1px solid var(--cor-2); font-size:16px; color:var(--cor-4); width:100%; height:40px;}
#perguntasList{text-align:left; background-color:var(--cor-1); list-style:none; overflow-y:auto; float:left; height:300px; width:100%; padding:0px 5px 0px 0px; margin:0 0 0 0!important;}
#chatPerguntas #formPerguntas{display:flex; justify-content:center; align-items:center; flex-direction:row; width:98%; height:50px; padding:5px 1% 5px 1%; margin:0 0 0 0; background-color:var(--cor-1);}
#perguntasInput{ outline:0; width:90%!important; border:none; border:1px solid var(--cor-3)!important; background-color:transparent; margin:0 0 0px 3%!important; border-radius:0px!important; padding:5px 1% 5px 1%; color:var(--cor-4);}
#sendPerguntas{ cursor:pointer; margin:0 3% 0 0!important; color:var(--cor-2); background-color:var(--cor-3)!important; border:none; padding:7px 8px 7px 8px;}
#scroolPerg{margin:-30px 0 0 95%; z-index:999; font-size:26px; color:var(--cor-2); display:block;}

	
	
/*VIDEOGALERIA*/
.videoGeral{
	display:flex;
	flex-direction:column-reverse;
	width:100%;
	height:100vh;
}	
	
.videoNomes{ width:100%; height:67%; overflow-y:auto; font-size:14px;}
.videoNomes a{padding:10px 0 10px 20px; border-bottom:solid 1px #3d3d3d;}
.videoIframe iframe{ width:100%; height:100%;}

/*ROLAGEM*/
::-webkit-scrollbar              {  background-color:rgba(0,0,0,0);width:8px; }
::-webkit-scrollbar-button       {  background-color:#069; border-radius:3px; }
::-webkit-scrollbar-track        {  background-color:transparent; }
::-webkit-scrollbar-track-piece  {  background-color:rgba(0,0,0,0.0); }/*Área da rolagem*/
::-webkit-scrollbar-thumb        {  background-color:rgba(255,255,255,0.5); width:4px; border-radius:10px;}/*Pino da Rolagem*/
::-webkit-scrollbar-corner       {  background-color:#036; }
::-webkit-resizer



	/*UIKIT*/
	.uk-button{ background-color:var(--cor-3); color:var(--cor-1); border-radius:var(--radius)}
	
	.uk-button-primary{ background-color:var(--cor-4);}
	.uk-button-primary:hover{ background-color:var(--cor-4); opacity:0.5;}
	
	.uk-button-success{ background-color:var(--cor-5);}
	.uk-button-success:hover{ background-color:var(--cor-5); opacity:0.5;}
	

	.uk-modal-dialog{ background-color:var(--cor-1)!important; color:var(--cor-4)!important; border-radius:var(--radius);}
	.uk-modal-dialog h1,h2,h3,h4{ color:var(--cor-4)!important; }
	.uk-close{ color:var(--cor-1)!important; border-radius:var(--radius); background-color:var(--cor-4); opacity:1!important;}

	.uk-offcanvas-bar{background-color:var(--cor-3)!important; color:var(--cor-1)!important; border-left:1px solid var(--cor-1)}
	.uk-offcanvas-bar h1{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h2{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h3{ color:var(--cor-1)!important;}
	.uk-offcanvas-bar h4{ color:var(--cor-1)!important;}

	.uk-form h1,h2,h3,h4{ color:var(--cor-4)!important;} 
	.uk-form label{ text-align:left!important; padding-right:8px; color:var(--cor-4); font-size:14px;}
	.uk-form input{ border-radius:var(--radius)!important;}
	
}