@charset "utf-8";
/*====================================================================================*/
/*ESTRUTURA PRINCIPAL*/
/*====================================================================================*/
/*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');

/*html, body{padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:100%; color:#333; height:100%; width:100%;}*/
* {box-sizing: border-box;}
.alerta{position:fixed; top:51px; left:50%;  background-color:#FF0; padding:10px 20px 10px 20px; text-align:center; font-size:12px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:1; box-shadow:0px 2px 5px #ccc; opacity:0.9; font-weight:bold; }
.spacer{ margin:0; float:left; width:100%; /*border-bottom:dotted 1px #ccc;*/}
.spacer-line{ margin:0px 0 3px; float:left; width:100%; border-bottom:dotted 1px #ccc; text-transform:capitalize; font-weight:bold; font-size:16px; padding:10px 0 10px 0px;font-family:arial;}
.mobile{ display:none;}
.desktop{ display:block;}
.modal{ width:90%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; padding:5vh 5% 5vh 5%;}
.uk-notify{z-index:999999;}
/*====================================================================================*/
/*TOP*/
/*====================================================================================*/
.top{ position:fixed; height:20px; top:0; width:98%; background-color:#000; background-image:url(../img/logo-motu-white.png); background-position:center center; background-size:auto 25px; background-repeat:no-repeat; color:#fff; padding:10px 2% 10px; font-size:12px; text-align:center; border-bottom:1px solid #eaeaea; z-index:999999; text-align:left; font-size:16px;}
.top a{ color:#fff; text-transform:uppercase;}
.top ul{ display:none;  margin:0; padding:0; background-size:auto 80%; background-repeat:no-repeat; background-position:98% center; float:left; width:100%; height:30px;}
.top li{ float:left; list-style:none; margin:2px 0 0 0; padding:0 1% 0 1%;}
.spacertop{float:left; margin:25px 0 0 0; width:100%;}
.top #menumob{ display:none;}
.top #menumobclose{ display:none;}
/*====================================================================================*/
/*MENU - ADMIN L*/
/*====================================================================================*/
#menuadml{ background-color:#222F3E!important;  padding:50px 0px 0px 0; margin:0px 0 0% 0; z-index:100;}
#menuadml a{ color:#fff;  font-size:14px; text-transform:uppercase;}
#menuadml a:hover{ color:#ccc;} 
#menuadml ul{ display:block!important; margin:15px 55px; padding:0;}
#menuadml .evento{ margin:5px 0 5px 5px; padding:5px 0 5px; border-bottom:1px solid #666; font-weight:bold; color:#000; font-size:16px;}
#menuadml .evento img{ width:80px;}
#menuadml .inativo{ opacity:0.3; text-transform:uppercase;}
#menuadml li{list-style-type:none; padding:3px 0 3px 5px; font-size: 12px; }
#menuadml li:hover{ background-color:#000; color:#fff;}
#menuadml li div{ float:right; margin:0px 10px 0 0; font-weight:bold; color:#fff; padding:2px 0px 5px 0px; text-align:center; border-radius:3px; width:40px; height:15px; font-size:10px; font-weight:normal;} 
#menuadml .btcheckin{float:right; margin:0px 1% 15px 0; font-weight:bold; background-color:#666; color:#fff; padding:4px 0px 4px 0px; text-align:center; border-radius:3px; width:49%; font-size:10px; font-weight:normal;}
/*====================================================================================*/
/*FORMULARIO*/
/*====================================================================================*/
input[type=text], select, textarea, input[type=date], input[type=password]  {width:100%;}
.sourcefile{border:1px solid #ccc; padding:5px 10px 5px 10px;}
/*====================================================================================*/
/*RODAPÉ*/
/*====================================================================================*/
.bottom{position:fixed; bottom:0; width:100%; z-index:101; background-color:rgba(0,0,0,0.9); color:#fff; padding:10px 0 10px; font-size:10px; text-align:center; border-top:1px solid #eaeaea; box-shadow:0 0 5px #333;}
.bottom a{color:#fff;}

.fotoPalestrante{ width:50px; height:50px; border-radius:25px; background-color:#999; color:#fff; background-size:100% auto; background-position:center center; margin:0 auto; display:flex; flex-direction:column; justify-content:center; font-size:30px;}
.fotoTour2d{ width:80px; height:50px; border-radius:2px; background-color:#999; color:#fff; background-size:auto 100%; background-position:center center; margin:0 auto; display:flex; flex-direction:column; justify-content:center; font-size:30px;}
/*
.fotoTour2dEdit{ border:1px solid #ccc; width:800; height:450px; background-size:100% auto; background-position:center 0px; background-repeat:no-repeat; position:relative;}
*/
.area-imagem {
	
	position: relative;
	height: 100vh;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	
}

.area-imagem .imagem-scroll {
	position: relative;
	border:1px solid #fff;
}

.link {   
            
		position: absolute;            
		border:2px solid #f00;
		color: #fff;
		
		display:flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		
		min-width: 50px;
		min-height: 50px;
		
		z-index: 1;
}
/*====================================================================================*/
/*PAGINAÇÃO*/
/*====================================================================================*/
#paginacao{	font-size:12px;	text-transform:uppercase; text-align:center; float:left; width:100%; color: #333; margin:10px 0 20px 0;}
#paginacao a{color:#606060; text-decoration:none;}
#paginacao .numero-pagina-sel{ font-weight:bold; color:#900;}

@media only screen and (max-width: 960px) {
/*====================================================================================*/
/*ESTRUTURA PRINCIPAL*/
/*====================================================================================*/
/*html, body{padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:100%; color:#333; height:100%; width:100%;}*/
.alerta{ width:100%; position:fixed; top:47px; left:0%;  color:#000;  background-color:#FF0; padding:10px 20px 10px 20px; text-align:center; font-size:12px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:1; box-shadow:0px 2px 5px #ccc; opacity:0.9; font-weight:bold; }
.spacer{ margin:0; float:left; width:100%; /*border-bottom:dotted 1px #ccc;*/}
.spacer-line{ margin:0px 0 3px; float:left; width:100%; border-bottom:dotted 1px #ccc; text-transform:capitalize; font-weight:bold; font-size:16px; padding:10px 0 10px 0px;font-family:arial;}
.floatr{float:right;}
.floatl{float:left;}
.mobile{ display:block;}
.desktop{ display:none;}
.modal{ width:90%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; padding:5vh 5% 5vh 5%;}
/*====================================================================================*/
/*TOP*/
/*====================================================================================*/
.top{ height:30px; position:fixed; top:0; width:100%; background-color:#000; color:#fff; padding:10px 0 10px; font-size:12px; text-align:center; border-bottom:1px solid #eaeaea; background-position:center center;}
.top a{ color:#fff; text-transform:uppercase;}
.top ul{ display:block;  margin:0; padding:0; background-image:url(../img/icon-motu.png); background-size:auto 100%; background-repeat:no-repeat; background-position:98% 0px; float:left; width:100%; height:30px;}
.top li{ float:left; list-style:none; margin:2px 0 0 0; padding:0 1% 0 1%;}
.spacertop{float:left; margin:25px 0 0 0; width:100%;}
.top #menumob{ display:block;}
.top #menumobclose{ display:none;}
/*====================================================================================*/
/*HOME*/
/*====================================================================================*/
.home{ float:left; padding:25px 5% 25px 5%; width:90%; text-align:center;}
.home .homebox100{ float:left; padding:25px 2.5% 25px 2.5%; margin:15px 2.5% 15px 2.5%; width:89.5%; text-align:center; box-shadow:2px 2px 15px #666; border:1px solid #ccc; background-color:rgba(255,255,255,0.8); border-radius:10px;}
.home .icoevento{ float:left; text-align:center; padding:25px 2.5% 25px 2.5%; margin:15px 2.5% 15px 2.5%; width:39.5%; text-align:center; background-color:#fff; border-radius:5px; border:1px solid #ccc; line-height:35px;}
.home .icoevento .titicoevento{ display:none;}

/*====================================================================================*/
/* FLOATS */
/*====================================================================================*/
.float-l{float:left;}
.float-r{float:right;}


/*====================================================================================*/
/*INSTITUCIONAL*/
/*====================================================================================*/
#geral{width:90%; padding:15px 5% 15px 5%; min-width:300px; font-size:14px; float:left;}

/*====================================================================================*/
/*ADMIN*/
/*====================================================================================*/
.admin{ float:left; padding:30px 2.5% 50px 2.5%; width:95%; float:right; max-width:750px;}
.table{ font-size:12px; width:100%; margin:5px 0 0 0; font-size:14px;}
.linha{ height:auto; float:left; width:97.5%; border-bottom:1px solid #ccc; padding:12px 0 12px 2.5%; background-color:#fff; color:#6d6e76; line-height:35px; }
.linha:hover{ background-color:#f8f8f8;}
.linha .botao{ margin:0px 0 -12px 0;}
.titulo{font-weight:bold; text-transform:uppercase; padding:12px 0 12px 2.5%; }
.coluna{ border-bottom:1px solid #ccc;}
/*====================================================================================*/
/*ADMIN - EVENTOS*/
/*====================================================================================*/
.evFoto{ float:left; width:100%; height:50px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.evEvento{ float:left; width:50%;}
.evNome{ float:left; width:50%;}
.evEmail{ float:left; width:50%;}
.evTelefone{ float:left; width:50%;}
.evCadastro{ float:left; width:50%;}
.evCheckin{ float:left; width:50%;}
/*====================================================================================*/
/*ADMIN - CADASTROS*/
/*====================================================================================*/
.evCadFoto{float:left; width:100%; text-align:center;}
.evCadFoto img{ width:auto; height:50px; margin:10px 0 10px 0; padding:0;}
.evCadNome{float:left; width:50%; text-align:center;}
.evCadEmpresa{float:left; width:50%; text-align:center;}
.evCadEmail{float:left; width:100%; text-align:center;}
.evCadTelefone{float:left; width:10%;}
.evCadacoes{ float:left; width:100%; padding:30px 0% 10px 0%; text-align:center;}
.evCadImprimir{float:left; width:10%;}
.evCadCheckin{float:left; width:10%;}
.evCadAlterar{float:left; width:10%;}
.evCadExcluir{float:left; width:10%;}
/*====================================================================================*/
/*ADMIN - CONFIGURAÇÃO DE EVENTOS*/
/*====================================================================================*/
.evConfig{ float:left; width:98%; background-color:#fff; border-radius:5px; padding:35px 1% 15px 1%;}
.evConfig .titFuncao{ width:100%; float:left; padding:15px 0 15px; margin:0; text-align:center; color:#000; font-size:14px; text-transform:uppercase; border-bottom:1px solid #eaeaea;}
.evConfig .box50{ width:95%; float:left; padding:0 2.5% 0 2.5%; margin:0; color:#686868; font-size:12px;}
.evConfig .comentFuncao{ width:100%; float:left; padding:10px 0 10px; margin:0; font-size:12px; color:#999;}
/*====================================================================================*/
/*ADMIN - SALAS*/
/*====================================================================================*/
.evSalaslogo{ float:left; width:100%; overflow:hidden; margin:5px 0 5px 0; padding:0; height:40px; text-align:center;}
.evSalaslogo img{ width:auto; height:40px;}
.evSalas{ float:left; width:100%; padding-left:0%; }
.evSalasDesc{float:left; width:100%;}
.evSalasOcupacao{float:left; width:50%; text-align:center;}
.evSalasAcoes{float:left; width:100%; text-align:center;}
.evSalasCapacidade{float:left; width:50%;}
.evSalasCheck{float:left; width:10%;}
.evSalasCheckInfo{float:left; width:10%;}
.evSalasExcl{float:left; width:10%;}
.evSalasCateg1{float:left; width:97%; padding:22px 0 0 1%;}
.evSalasCateg2{float:left; width:97%; padding:22px 0 0 1%;}
.evSalaslabelmob{ display:block; float:left;}
.evSalasConteudo{ float:left; width:98%; padding-right:2%; background-color:#fff;}
.evSalasPerm{float:left; width:50%; margin:10px 0 20px;}
.evSalasPerm select{ margin:-5px 0 0 0; padding:5px 5% 5px 5%; width:94%;}
.evSalasControle{float:left; width:50%; margin:10px 0 20px;}
.evSalasControle select{ margin:-5px 0 0 0; padding:5px 5% 5px 5%; width:94%;}

/* ÁREA DO USUÁRIO */
.evSalasuserlogo{ float:left; width:40%; height:15vh; overflow:hidden; margin:5px 0 5px 0; padding:0;  text-align:center;}
.evSalasuserlogo img{ width:90%; height:auto;}
.evSalasuser{ float:left; width:60%; padding:0 0 0 0; height:25px; text-align:left; font-weight:bold;}
.evSalasuserDesc{float:left; width:60%;  height:25px; text-align:left;font-weight:bold;}
.evSalasuserOcupacao{float:left; width:60%; text-align:center; height:25px; text-align:left; font-weight:bold;}
.evSalasuserCapacidade{float:left; width:60%; height:25px; text-align:left;font-weight:bold;}
.evSalasuserArquivos{float:left; width:60%; padding:0; height:25px; text-align:left;font-weight:bold;}
.evSalasuserExcl{float:left; width:10%; display:none;}
.evSalasuserAcoes{float:left; width:100%; text-align:center; display:none;}
.evSalaslabelmob{ display:block; text-align:right; width:50%; float:left; color:#000; font-weight:normal;}


.reservasalas{ float:left; width:100%;}
#resconteudo{ float:left; width:92.5%; margin:15px 2.5% 15px 2.5%; padding:15px 1% 15px 1%; background-color:#fff; border:0px solid #000;}
.reservasalas h1{ text-align:center; padding:0px 0 15px; float:left; width:100%;}
.reservasalas .rescateg1{ background-color:#fff; float:left; border:1px solid #ccc; border-radius:5px;  margin:15px 4% 15px 4%; line-height:25px; width:90%; height:150px; padding:10px 1% 50px 1%; letter-spacing:-1.5px;  text-align:center;}
.reservasalas .rescateg1:hover{ background-color:#01A0C6; color:#fff;}
.reservasalas .rescateg2{ background-color:#fff; float:left; border:1px solid #ccc;  margin:15px 0.5% 15px 1%; line-height:35px; width:97%; height:286px; padding:20px 0% 0 0%; letter-spacing:-1.5px;  text-align:center; border-top-left-radius:5px; border-top-right-radius:5px;}
.reservasalas .resdesccateg2{ background-color:#01A0C6; color:#fff; float:left; border:1px solid #ccc; margin:0 0% 15px 0%; line-height:35px; width:100%; padding:5px 0 5px 0; letter-spacing:-1.5px;  text-align:center; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.reservasalas .resdesccateg2:hover{ background-color:#fff; color:#01A0C6;}
.reservasalas .restop{ float:left; width:100%; background-color:#f8f8f8; border-bottom:1px solid #ccc;}
.reservasalas .restop .reslogo{ width:30%; float:left; text-align:center; padding:15px 0 15px;}
.reservasalas .restop .reslogo img{ height:50px;}
.reservasalas .restop .resevento{ width:70%; float:left; text-align:center; text-transform:uppercase; font-size:26px; padding:25px 0 15px;}
.reservasalas .restop .resuser{ width:100%; float:none; position:fixed; bottom:0; text-align:center; padding:0; background-color:#FFF; border:1px solid #ccc; border-bottom-left-radius:5px; font-size:12px;}
/*====================================================================================*/
/*ADMIN - VOTAÇÃO ELETRÔNICA*/
/*====================================================================================*/
.veNome{ float:left; width:99%; padding-left:1%;}
.veNome input{ text-align:center; font-weight:bold;}
.veDesc{float:left; width:100%;}
.veDesc input{ text-align:center;}
.veData{float:left; width:100%;}
.veData input{ text-align:center;}
.veStatus{float:left; width:100%;}
.veStatus select{float:left; width:97%; margin:-7px 0 -10px 0; padding:5% 0 5% 3%; background-size:auto 50%;}
.veAcoes{float:left; width:100%; text-align:center;}
.vePerg{float:left; width:100%;}
.vePergOrdem{float:left; width:50%;}
.vePergData{float:left; width:50%;}
.vePergAcoes{float:left; width:100%; text-align:center;}
.veRespform{ position:fixed; top:60px; width:95%; padding:15px 1% 15px 1%; min-height:90%; background-color:rgba(255,255,255,0.9); z-index:9999999; border:1px solid #ccc;}
.veRespform h3{ float:left; border-bottom:1px solid #ccc; width:50%; float:left; padding:20px 0 20px;}
.veRespform .form50{ width:70%;}
.veRespform .form20{ width:50%;}
.veRespform .form10{ width:20%;}
.veResp{float:left; width:80%;}
.veRespOrdem{float:left; width:10%;}
.veRespAcoes{float:left; width:10%;}
/*====================================================================================*/
/*ADMIN - MENSAGENS*/
/*====================================================================================*/
.evMsg{ float:left; width:98%; padding-right:2%; background-color:#fff;}
.evMsgData{float:left; width:49%; padding-right:1%;}
.evMsgAssunto{float:left; width:49%; padding-right:1%;}
.evMsgDescricao{float:left; width:100%; padding:15px 0 15px;}
.evMsgAcoes{float:left; width:100%;}
.evMsgPreview{float:left; width:98%; padding:20px 1% 10px 1%; background-color:#fff; min-height:60Vh;}
.evMsgPreview h1{ background-color:#000; text-shadow:none;}
.evMsgEnvioNome{ float:left; width:33%; font-size:10px;}
.evMsgEnvioNome input[type=checkbox]{ width:12px; height:12px;}
.evMsgEnvioEmpresa{ float:left; width:33%; font-size:10px;}
.evMsgEnvioEmail{ float:left; width:33%; font-size:10px;}
.evMsgArq{float:left; width:10%; text-align:center; position:relative;}
.evMsgArqUrl{float:left; width:70%; font-size:10px;}
.evMsgArqAcoes{float:left; width:20%}
.evMsgArqImg{ position:absolute; top:-10vh; left:0%; padding:10px; background-color:#fff; border:1px solid #ccc; display:none;}
.evMsgArq:hover .evMsgArqImg{ display:block;}
/*====================================================================================*/
/*ADMIN - CHECKIN*/
/*====================================================================================*/
.evCheckNome{float:left; width:50%; text-align:center; height:50px; line-height:20px;}
.evCheckC1{float:left; width:50%; text-align:center;  height:50px;}
.evCheckNome input[type=checkbox]{ margin:0px 5px 12px 5px;}
.evCheckEmpresa{float:left; width:50%; height:50px;  text-align:center;}
.evCheckData{float:left; width:25%; height:50px;}
.evCheckHora{float:left; width:25%; height:50px;}
.evCheckPrint{float:left; width:100%; text-align:center; }
.evCheckAcoes{ float:left; width:30%;}
/*====================================================================================*/
/*ADMIN - FAQ*/
/*====================================================================================*/
.faq{ font-size:14px; width:95%; padding:0 2.5% 0 2.5%; float:left;}
.faq .faqtit{ cursor:pointer; text-transform:uppercase; color:#000; border-bottom:1px solid #ccc; width:96%; padding:15px 2% 14px 2%; background-color:#fff;}
.faq .faqtit:hover{ background-color:#eaeaea;}
.faq .faqresp{font-weight:normal; text-transform:none; background-color:#f8f8f8; width:93.8%; border:1px solid #ccc; padding:15px 3% 15px 3%; margin:0 0 15px 0; font-size:14px; line-height:25px;}
.faq #box-toggle{ float:left; width:100%;}
/*====================================================================================*/
/*MENU - ADMIN L*/
/*====================================================================================*/
/*
#menu-lateral{ z-index:99999999;}
#menuadml{ float:left; z-index:9999999;}
#menuadml a{ color:#686868;  font-size:14px; text-transform:uppercase;}
#menuadml a:hover{ color:#ccc;} 
#menuadml ul{ margin:0; padding:15px 0 0 0; margin:0 15px 0 0px;}
#menuadml .evento{ margin:5px 0 0px 5px; padding:5px 0 5px; border-bottom:1px solid #000; font-weight:bold; color:#000; font-size:16px;}
#menuadml .inativo{ opacity:0.3;}
#menuadml li{list-style-type:none; padding:0px 0 3px 5px; }
#menuadml li:hover{ background-color:#000; color:#fff;}
#menuadml li div{ float:right; margin:0 10px 0 0; font-weight:bold; background-color:#000; color:#fff; padding:0px 0px 0px 0px; text-align:center; border-radius:3px; width:20px; height:15px; line-height:15px; font-size:10px; font-weight:normal;} 
*/
/*====================================================================================*/
/*CHECKIN - EVENTOS*/
/*====================================================================================*/
.checkin{ width:100%; float:left;}
.checkin h1{ color:#646464; margin:0 5% 0 5%; padding:33px 0 33px 0; text-align:center; font-size:12px; width:90%; float:left; background-size:100% auto; background-repeat:no-repeat;}  
.checkin h3{ color:#646464; width:90%; height:30px; float:left; font-size:16px; padding:0px 0 0px; margin:25px  5% 5px 5%; text-align:center; font-weight:lighter;}
.checkin33{ width:97%; margin:0px 3% 0px 0; float:left; height:auto;} 
.checkin33 img{ height:100px; overflow:hidden; border-radius:15px; border:1px solid #ccc; box-shadow:1px 2px 3px #999;}
.checkin50{ width:95%; margin:0 2.5% 5px 2.5%; float:left; text-align:center;}
.checkin100{ width:90%; margin:0 5% 35px 5%; float:left;}
.checkinvideo{width:100%; float:left;}
.checkin ::-webkit-input-placeholder {color:#ccc; text-transform:uppercase;}
.checkin ::-moz-placeholder {color:#ccc;text-transform:uppercase;}
.checkin :-ms-input-placeholder {color:#ccc;text-transform:uppercase;}
.checkin :-moz-placeholder {color:#ccc;text-transform:uppercase;}
.checkin .botaocheckin{ width:88%; padding:12px 0 12px 0; margin:12px 6% 12px 6%; background-color:#000; color:#fff;}
.checkin .botaonovainscricao{ width:98%; padding:12px 0 12px 0; margin:12px 1% 12px 1%; float:left; background-color:#000; color:#fff; border-radius:5px; text-align:center; position:fixed; bottom:0;}
.checkin .topcheckin{ width:90%; padding:0 5% 0 5%; float:left; text-align:left; background-color:#fff; border-bottom:1px solid #ccc;}
.cadastrocheckin{ position:inherit; float:left; top:0; width:100%; padding:15px 0 0 0;}
.cadastrocheckin .botao{ float:left; width:50%; margin:0 25% 0 25%; z-index:99999; padding:10px 0 10px 0; border:none; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:-2px 0px 2px #333;}
.checkin .logocheckin{ float:left; width:20%;}
.checkin .logocheckin img{ height:30px; width:auto; padding:10px 0 5px;}
.checkin .salacheckin{ float:right; height:30px; width:80%; text-align:right; font-size:14px; font-weight:bold; color:#000; padding:15px 0 0 0; text-transform:uppercase;}
.checkin .cadastrocheckin{ float:right; width:30%; padding:5px 0 0 0; text-transform:uppercase;}
.checkin .ocupacaocheckin{float:right; width:33%; text-align:center; padding:10px 0 10px 0; font-size:10px;}
.checkin .ocupacaocheckin .numOcup{ font-size:16px; color:#000}
.checkin .datacheckin{float:right; width:33%; text-align:center; padding:10px 0 0 0; font-size:14px;color:#000; display:none;}
.checkin .datacheckin .numdata{ font-size:10px; }
.checkin .relogio{ font-size:10px; font-weight:bold; }
.checkin #preview{ height:auto; width:100%; border:2px solid #5a9aa8; margin:0 5% 0 5%; float:none; display:inline-block; padding:0 0 0 0;}
.checkin select{ color:#606060; float:left; width:65%; margin:8px 0 0 0;}

.checkin .linhaform{ padding:10px 0 10px; margin:0 0 0 0; border-bottom:1px solid #ccc; float:left; width:100%;}
.checkin .linhaform:hover{ background-color:#f8f8f8;}
.checkin .chfrmnome{float:left; width:65%; padding:0 0 0 5px; font-weight:bold;}
.checkin .chfrmcpf{float:left; width:65%; padding:0 0 0 5px;}
.checkin .chfrmempresa{float:left; width:65%; padding:0 0 0 5px;}
.checkin .chfrmemail{float:left; width:65%; padding:0 0 0 5px;}
.checkin .chfrmacoes{float:right; width:30%; margin:-50px 0 0 0; text-align:right;}

/*====================================================================================*/
/*NEW CHECK-IN - EVENTOS*/
/*====================================================================================*/
.chkbg{ background-size:auto 100%; background-repeat:repeat; background-position:center center; float:left; width:100%; background-attachment:fixed;}
.chk{ float:left; width:100%; height:100vh; padding:0 0 0 0; margin:0;}
.chk .chkbgcolor{ float:left; width:100%; min-height:100vh;  background-color:rgba(0,0,0,0.8);}
.chk h2{ color:#333; font-weight:lighter; margin:0; padding:10px 0 10px; text-align:center; width:100%; border-bottom:1px solid #ccc;}
.chk .topchk{ float:left; width:100%; padding:0px 0 15px 0; text-align:center; background-color:#fff; background-position:2% 35px; background-size:25% auto;}
.chk .topchk img{height:50px;}
.chk .topchk .area33{ float:left; width:32.33%; margin:0 0 25px 0; padding:0px 0.5% 0px 0.5%; text-align:center;  height:90px; background-color:#fff;}
.chk .titulo{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; color:#fff; background-color:#000; font-size:15px; text-align:center; float:left; width:100%; margin:0; padding:3px 0 3px 0;}
.chk .chkbusca{ width:95%; float:left; margin:0px 0 0px 0; padding:50px 2.5% 50px 2.5%; overflow:hidden;}
.chk .chkresult{ display:grid; grid-template-columns: 50% 50%; float:left; width:95%; padding:0 2.5% 0 2.5%; margin:0 0 0 0; color:#fff; font-size:12px;}
.chk .chkresultline{ display:inline-grid; text-align:left; padding:15px 0 15px 0; border-bottom:1px solid #ccc; cursor:pointer;}
.chk .chkresultline:hover{ text-decoration:underline;}
.chk .chkbox50{ float:left; width:98%; padding:0 1% 0 1%;}

.chk .chkparticipante{ padding:0px 5% 50px 5%; float:left; width:90%; margin:15px 0% 0 0%; }
.chk .chkparticipante h2{ text-align:center; font-size:36px; padding:25px 0 25px; text-transform:uppercase;}

.chk .ocupacaocheckin{float:right; width:20%; text-align:center; padding:10px 0 0 0; font-size:10px;}
.chk .ocupacaocheckin .numOcup{ font-size:30px; color:#000} 
.chk .ocupacaocheckin img{ width:12px; height:16px;}

.chk .areaform{padding:5px 5% 20px 5%; float:left; width:80%; margin:10px 5% 0 5%;  background-color:rgba(255,255,255,1); border-radius:10px;}
.chk #alerta{ position:fixed; top:30%; left:0; width:100%; padding:5% 0 5% 0; margin:0; text-align:center; background-color:rgba(142,0,0,0.90); font-size:36px; color:#fff; display:none;}
.chk .fechaalerta{ border:2px solid #fff; border-radius:8px; width:150px; float:none; margin:25px 0 0 0; font-size:18px;}
.chk #videoqr{ margin:0 auto; width:100%; max-width:300px;}
.chk #preview{ border:4px solid #ccc; border-radius:15px; width:100%; max-width:1800px; }
.chk .btcheckin{background-color:#090; color:#fff; border:none; border-radius:4px; border:1px solid #fff; width:100%; min-width:50px;}
.chk .btcancela{background-color:#FF2227; color:#fff; border:none; border-radius:4px; border:1px solid #fff; width:100%; min-width:50px;}
.chk .footer{ color:#fff; opacity:0.8; position:fixed; bottom:0; width:80%; padding:10px 10% 10px 10%; background-color:rgba(0,102,153,0.7)}
.chk .footer a{ color:#fff;}
.chk .footer a:hover{opacity:0.5}
.chk .footer .btadminchk{ background-image:url(../img/ico-permissao.png); background-size:auto 80%; background-position: 0 center; background-repeat:no-repeat; float:left; padding:0 15px 0 25px;}
.chk .footer .btnovocadastro{ background-image:url(../img/adm-clientes.png); background-size:auto 80%; background-position: 10px center; border-left:1px solid #fff; background-repeat:no-repeat; float:left; padding:0 25px 0 35px;}
/*====================================================================================*/
/*NEW CHECK-IN - EVENTOS*/
/*====================================================================================*/
.rsvp{ float:left; width:95%; margin:10px 2.5% 10px 2.5%; text-align:center;}
.rsvp h1{ font-size:18px; font-weight:bold; margin:10px 0 20px 0; border-top:1px solid #ccc;}
.rsvp h2{ font-size:14px; font-weight:bold; margin:0 0 0 0;}
.rsvp .rsvptxt{ font-size:14px; color:#000;}
.rsvp .crdlink{ position:fixed; bottom:0; width:100%; text-align:center; padding:5px 0 5px; border-top:1px solid #ccc; font-size:10px; color:#000;}

/*====================================================================================*/
/*VOTAÇÃO ELETRÔNICA*/
/*====================================================================================*/
.ve{ float:left; width:98%; min-height:85vh; margin:2vh 1% 10vh 1%; padding:0 0 5vh; background-color:#fff; border:1px solid #ccc;}
.ve h1{ float:left; width:95%; margin:5vh 2.5% 0vh 2.5%; font-size:20px; padding:0 0 0 0; line-height:26px;}
.ve h1 img{ width:40%; padding:25% 0 0 0;} 
.ve h2{ float:left; width:100%; margin:30vh 0% 5vh 0%; font-size:26px; text-align:center;}
.ve .voltarve{ float:left; width:95%; background-color:#000; text-align:center; color:#fff; padding:10px 0 10px 2.5%; position:fixed; bottom:3px;}
.ve .imgtopve{ float:left; width:100%; text-align:center; border-bottom:1px solid #eaeaea;}
.ve .imgtopve img{height:50px; padding:10px 0 10px 0;} 
.ve .veop{ float:left;width:45%; text-align:center; margin:20px 0 0 2.5%; border-top-left-radius:5px; border-top-right-radius:5px; border-radius:10px;  overflow:hidden;}
.ve .veopordem{ float:left; width:99%; text-align:center; background-color:#000; padding:5px 0 0px 0; font-size:18px; border:1px solid #000; color:#fff; font-weight:bold;}
.ve .veopresposta{ float:left; width:96.7%; min-height:80px; text-align:center; background-color:#f8f8f8; text-align:left; padding:15px 0 15px 2%; font-size:14px; border:1px solid #eaeaea; text-align:center;}
.ve .verel{ width:95%; float:left; margin:0 0 25px 2.5%; border:1px solid #000;}
.ve .verelordem{ float:left; width:100%; text-align:center; background-color:#f8f8f8; padding:5px 0 5px 0; font-size:12px; color:#616161; font-weight:bold;}
.ve .verelresposta{ float:left; width:100%; text-align:center; background-color:#f8f8f8; padding:10px 0 10px 0; font-size:12px;}
.ve .verelresult{ float:left; width:50%; text-align:center; background-color:#000; padding:5px 0 5px 0; font-size:14px; color:#fff; font-weight:bold;}
.ve .vepergrel{ float:left; width:100%; padding:10px 0 10px 0; font-size:18px; text-align:center;}
.ve .veNomeUser{ text-transform:uppercase; float:left; width:100%; margin:0 0 0 0; text-align:center; line-height:20px; font-size:18px; color:#444444; padding:10px 0 10px;}
.ve .veDescUser{ text-transform:uppercase; float:left; width:100%; margin:0 0 10px 0; text-align:center; line-height:20px; font-size:14px; color:#ccc; padding:10px 0 10px;}
.ve .veBotaoUser{ text-transform:uppercase; float:left; width:57.5%; margin:0 20% 0 20%; text-align:center;color:#fff; background-color:#000; border-radius:5px; padding:10px 0 10px;}
/*====================================================================================*/
/*EVENTOS - DASHBOARD*/
/*====================================================================================*/
.evdash{ width:90%; padding:25px 5% 25px 5%; float:left;}
.evdash .logoevento{ float:left; width:100%; margin:25px 0 0px; text-align:center; background-color:#fff; border-radius:5px;}
.evdash .logoevento img{ height:80px;}
.evdash h1{ float:left; width:100%;}
.evdash .box33{ float:left; width:90%;}
.evdash .box50{ float:left; width:50%;}
.evdash .box100{ float:left; width:100%;}
.evdash .botao{ background-color:#fff; color:#000; width:100px; height:100px; margin:10px 0 10px 15px; border-radius:100px; border:5px solid #000; float:left;}
.evdash .botao:hover{border:5px solid #ccc;}
.evdash .botao .numero{font-size:24px; font-weight:bold; margin:10px 0 5px; float:left; width:100%;}
.evdash .botao .nomebt{font-size:14px; line-height:15px; font-weight:bold;}
.evdash .botao .nomebt2{font-size:16px; line-height:15px; font-weight:bold; height:30px; float:left; width:100%; padding:15px 0 0 0;}
.evdash .botao .imginscricoes{background-image:url(../img/icons-blue.png); background-position:-215px -60px; width:37px; height:37px; float:left; margin:0 41.5px 0 30px; background-repeat:no-repeat;}
.evdash .botao .imgqrcode{background-image:url(../img/icons-blue.png); background-position:-140px 0px; width:37px; height:37px; float:left; margin:0 41.5px 0 30px; background-repeat:no-repeat;}
.evdash .botao .imgbarcode{background-image:url(../img/icons-blue.png); background-position:-70px 0px; width:37px; height:37px; float:left; margin:0 41.5px 0 30px; background-repeat:no-repeat;}
.evdash .botao .imgcheck{background-image:url(../img/icons-blue.png); background-position:0px -250px; width:37px; height:37px; float:left; margin:0 41.5px 0 30px; background-repeat:no-repeat;}
.evdash .botao .imgimpressora{background-image:url(../img/icons-blue.png); background-position:0px 0px; width:37px; height:37px; float:left; margin:0 41.5px 0 30px; background-repeat:no-repeat;}

/*====================================================================================*/
/*EVENTOS - SORTEIO*/
/*====================================================================================*/
.srtbox{ float:left; width:60%; padding:25px 10% 25px 10%; margin:35px 0% 25px 10%; text-transform:uppercase; text-align:center; background-color:#000; color:#fff; font-size:24px;}
.srtbox:hover{ background-color:#000;}
.srtnome{ float:left; width:99%; padding-left:1%; text-align:left;}
.srtDesc{float:left; width:99%;}
.srtAcoes{float:left; width:100%; text-align:center;}
.srtCheck{float:left; width:10%;}
.srtCheckInfo{float:left; width:10%;}
.srtExcl{float:left; width:10%;}
.srtnomeres{float:left; width:29%; padding-left:1%; text-align:left;}
.srtemailres{float:left; width:30%;}
.srttelefoneres{float:left; width:30%;}
.srtAcoesres{float:left; width:10%;}

/*====================================================================================*/
/*USER - CADASTROS*/
/*====================================================================================*/
.userblcadastro{ float:left; width:95%; padding:15px 5% 15px 0;}
/*PARTICIPANTES*/
.userlinha{ float:left; width:98%; border-bottom:1px solid #ccc; background-color:#fff; padding:15px 0% 15px 2%;}
.userCadFoto{float:left; width:30%; height:100px; text-align:center;}
.userCadFoto img{ width:auto; height:80px; margin:0; padding:0; border-radius:10px; border:1px solid #ccc; box-shadow:1px 2px 3px #666;}
.userCadNome{float:left; width:70%; font-weight:bold; margin:0; padding:0;}
.userCadEmpresa{float:left; width:70%; }
.userCadCargo{float:left; width:70%; color:#999; }
.userCadEmail{float:left; width:93%; padding:20px 0 5px 7%; border-top:1px solid #f8f8f8; background-image:url(../img/email.png); background-repeat:no-repeat; background-position:0% 16px; background-size:25px auto;  border-top-left-radius:5px; border-bottom-left-radius:5px; }
.userCadTel{float:left; width:62%; padding:10px 0 5px 7%; background-image:url(../img/phone.png); background-repeat:no-repeat; background-position:0% center; background-size:25px auto;  border-top-left-radius:5px; border-bottom-left-radius:5px;}
.userCadWhats{float:left; width:62%; padding:5px 0 5px 7%; background-image:url(../img/whatsapplogo.png); background-repeat:no-repeat; background-position:0% center; background-size:25px auto;  border-top-left-radius:5px; border-bottom-left-radius:5px; }
/*====================================================================================*/
/*RODAPÉ*/
/*====================================================================================*/
.bottom{position:fixed; bottom:0; width:100%; background-color:rgba(0,0,0,0.9); color:#fff; padding:10px 0 10px; font-size:10px; text-align:center; border-top:1px solid #eaeaea; box-shadow:0 0 5px #333;}
.bottom a{color:#fff;}
/*====================================================================================*/
/*ADMIN - IMPRESSORA ZEBRA*/
/*====================================================================================*/
#zebra{float:left; text-align:center; font-size:18px; line-height:18px; width:100%;  margin:0; padding:0;}
#zebra .txtimp{ width:100%; padding:5px 0 0 0; margin:0 0 0 0; float:left; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1.5px;}
#zebra img{  margin:3px 0 0 0; padding:0 0 0 1px;}
/*====================================================================================*/
/* BOXES */
/*====================================================================================*/
.box10{ width:98%; padding-left:1%; padding-right:1%;}
.box15{ width:98%; padding-left:1%; padding-right:1%;}
.box20{ width:98%; padding-left:1%; padding-right:1%;}
.box25{ width:98%; padding-left:1%; padding-right:1%;}
.box30{ width:98%; padding-left:1%; padding-right:1%;}
.box33{ width:98%; padding-left:1%; padding-right:1%;}
.box40{ width:98%; padding-left:1%; padding-right:1%;}
.box50{ width:98%; padding-left:1%; padding-right:1%;}
.box60{ width:98%; padding-left:1%; padding-right:1%;}
.box70{ width:98%; padding-left:1%; padding-right:1%;}
.box75{ width:98%; padding-left:1%; padding-right:1%;}
.box80{ width:98%; padding-left:1%; padding-right:1%;}
.box85{ width:98%; padding-left:1%; padding-right:1%;}
.box90{ width:98%; padding-left:1%; padding-right:1%;}
.box100{ width:98%; padding-left:1%; padding-right:1%;}
}