body{font-family: "BradescoSans-Regular"; }

body.evento-generico        {background-image: url(../imagens/bg-evento-generico-min.jpg?v=2);        background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-attachment: fixed; background-size: cover; color: #000;}
body.evento-generico-logado {background-image: url(../imagens/bg-evento-generico-logado-min.jpg?v=2); background-repeat: no-repeat; background-position-x: center; background-position-y: top; background-attachment: fixed; background-size: cover; color: #000;}

main {height: 100%;}

#logo-menu-1{position: fixed; width: 100px; right: 15%; top: 2%; z-index: -1;}
#logo-menu-2{position: fixed; width: 100px; right: 5%; top: 2%; z-index: -1;}

/* Estilos comum a todas as páginas */
.icons-cadastro {position: absolute; left: -40px;bottom: 10px;}
.cotoco{background-color: #e41a40; width: 35px; height: 8px;}

/*a, a:hover{color: #fff !important}*/

/* Footer */

/* Menú (Navbar) */
div.fundo-menu{z-index: 1;}
div.fundo-menu nav ul{background: initial; border: none;}

body.evento-generico-logado div.fundo-menu{/*background-color: #6b0319; background-color: #cc092f;*/background-image: url(../imagens/bg-evento-generico-logado-min.jpg?v=2);}
nav.navbar {z-index: 10; background: #fff; }
nav.navbar li + li a.nav-link::before {content: " | "; padding-right: 10px; }

nav.navbar .nav-link{padding: 0 !important}

/*
nav.navbar ul{background: #000; padding: 0 20px !important; border-bottom: 3px solid #f3c97f; border-right: 3px solid #f3c97f; border-left: 3px solid #f3c97f;}
*/

nav#nav-reduzido{background: transparent; }
nav#nav-reduzido ul{margin-right: 32%!important; border:0; margin-left: auto!important; background: rgba(255, 255, 255, 0.9) !important; padding: 0 20px !important; }

nav#nav-completo .nav-link{color: #646464 !important;}
nav#nav-completo ul li{padding-left:10px;}

body.evento-generico-logado .logo-menu-esquerda {position: relative; top: -85px; height: 100px; }
body.evento-generico-logado .logo-menu-direita-1  {position: relative; top: -85px; height: 90px; }
body.evento-generico-logado .logo-menu-direita-2  {position: relative; top: -85px; height: 90px; }

.dropdown-item{color: initial !important;}
.dropdown-item:hover{color: #125db6 !important;}
.dropdown-menu {background-color: #fff !important;}

/* Div Principal */
#principal{/*height: 60vh; min-height: 370px; background: rgba(255,255,255,0.9) !important;*/}
#principal2{padding-top: 100px; padding-bottom: 50px;}

/* Boxes utilizados no evento */
.box-evento{border:2px solid #fff; border-radius: 180px 0 !important; padding: 4rem 1rem 3rem 1rem !important;}
.box-evento-modal{border:2px solid #fff; border-radius: 180px 0 !important; padding: 5rem 1rem 3rem 1rem !important;}

/* Utilitários */
.borda-esquerda{border-left: 2px solid; border-color: #000;}

.fundo-translucido{background:rgba(0, 0, 0, 0.7);}
.fundo-translucido-branco {background: rgba(255, 255, 255, 0.9) !important;}
.fundo-translucido-degrade{
    background: rgb(153,17,55);
    background: -moz-linear-gradient(90deg, rgba(153,17,55,0.9) 0%, rgba(150,16,53,0.9) 25%, rgba(198,21,58,0.9) 50%, rgba(220,24,61,0.9) 75%, rgba(220,24,61,0.9) 100%);
    background: -webkit-linear-gradient(90deg, rgba(153,17,55,0.9) 0%, rgba(150,16,53,0.9) 25%, rgba(198,21,58,0.9) 50%, rgba(220,24,61,0.9) 75%, rgba(220,24,61,0.9) 100%);
    background: linear-gradient(90deg, rgba(153,17,55,0.9) 0%, rgba(150,16,53,0.9) 25%, rgba(198,21,58,0.9) 50%, rgba(220,24,61,0.9) 75%, rgba(220,24,61,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#991137",endColorstr="#dc183d",GradientType=1);
}

.fundo-translucido-degrade-2{
    background: rgb(17,153,17);
    background: -moz-linear-gradient(90deg, rgba(17,153,17,1) 0%, rgba(16,150,61,1) 25%, rgba(21,198,122,1) 50%, rgba(24,220,106,1) 75%, rgba(24,220,178,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(17,153,17,1) 0%, rgba(16,150,61,1) 25%, rgba(21,198,122,1) 50%, rgba(24,220,106,1) 75%, rgba(24,220,178,1) 100%);
    background: linear-gradient(90deg, rgba(17,153,17,1) 0%, rgba(16,150,61,1) 25%, rgba(21,198,122,1) 50%, rgba(24,220,106,1) 75%, rgba(24,220,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#119911",endColorstr="#18dcb2",GradientType=1);
}

.borda{border: 2px solid #b41645;}
.hr-title-form{background: #000; height: 6px !important; margin-top: 0;}

.modal-backdrop.show { opacity: 0.8;}
.modal-header {border-bottom: none;}

/* Textos/Títulos */
hr{opacity: initial !important;}
.titulo1{font-size:400%;}

.texto1{font-family: "BradescoSans-Bold";}
.texto2{font-family: "BradescoSans-Medium";}
.texto3{font-family: "BradescoSans-Light";}
.texto4{font-family: "BradescoSans-SemiBold";}
.texto5{font-family: "BradescoSans-XBold";}
.texto6{font-family: "BradescoSans-MediumItalic";}

.cor1{color: #000}
.cor2{color: #510111}
.cor3{color: #605ca7}
.cor4{color: #ed1c23}
.cor5{color: #8e8e8e}
.cor6{}
.cor7{}

.cor1:hover{color: #000}
.cor2:hover{color: #510111}
.cor3:hover{}

/* Botões */
.btn        {border-radius: 0px !important;}
.btn:active {}
.btn:focus  {}

.btn-lg{padding: 25px;}
.btn-md{padding: 15px;}
.btn-sm{}

.btn-primary        { background:#cc082e !important; border-color:#cc082e;}
.btn-primary:hover  { background:#cc082e !important; border-color:#cc082e;}
.btn-primary:active { background:#cc082e !important; border-color:#cc082e;}
.btn-primary:focus  { background:#cc082e !important; border-color:#cc082e;}

.btn-custom1        { background:#020287 !important; border: 2px solid #ff0600;}
.btn-custom1:hover  { background:#020287 !important; border: 2px solid #ff0600;}
.btn-custom1:active { background:#020287 !important; border: 2px solid #ff0600;}
.btn-custom1:focus  { background:#020287 !important; border: 2px solid #ff0600;}

.btn-custom2        { background:#f3c97f !important; border-color:#f3c97f; color: #3c1717 !important;}
.btn-custom2:hover  { background:#f3c97f !important; border-color:#f3c97f; color: #3c1717 !important;}
.btn-custom2:active { background:#f3c97f !important; border-color:#f3c97f; color: #3c1717 !important;}
.btn-custom2:focus  { background:#f3c97f !important; border-color:#f3c97f; color: #3c1717 !important;}

.btn-custom3        { background:#605ca7 !important; color: #fff;}
.btn-custom3:hover  { background:#605ca7 !important; color: #fff;}
.btn-custom3:active { background:#605ca7 !important; color: #fff;}
.btn-custom3:focus  { background:#605ca7 !important; color: #fff;}

.btn-download-galeria{padding: 5px 20px 5px 5px;}

/* Inputs/Caixas de Textos */
.form-label {margin-bottom: 0;}

.form-check {padding-left: 1.7em; margin-bottom: 0.125rem;}
.form-check-input{border: 1px solid; /*background-color: transparent;*/ border-radius: 0px !important; font-size: 18px;}
.form-check-input:checked {background-color: #cc082e; border-color: #cc082e;}
.form-check-input:focus {box-shadow: none; border-color: initial;}

.form-control {border-radius: 0px !important; resize: none !important; overflow:auto; background: transparent;}
.form-select {border-radius: 0px !important; border: 1px solid; background-color: transparent; padding: 0.375rem 0rem 0.375rem 0.5rem;}
.form-select:focus { border-color: initial; /*background: rgba(255, 255, 255, 0.1);*/ box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);}

body.evento-generico        .form-control {border: 1px solid;}
body.evento-generico-logado .form-control {border: 1px solid;}

.form-control:focus { background: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);}
.form-control:disabled, .form-control[readonly] {background-color: transparent;}
::placeholder{color: #b6b3b5 !important;   /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */} 
:-ms-input-placeholder {color: #b6b3b5 !important; /* Internet Explorer 10-11 */} 
::-ms-input-placeholder {color: #b6b3b5 !important; /* Microsoft Edge */}
select option {color: initial; background-color: initial;}
/*::selection {background-color: red !important; color: white !important;}*/

*:focus,*:active,a:active,a:focus,input:focus,input:active { -moz-outline-style: none; outline:none; outline: 0;}
/* Remover setas input type number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* Chrome, Safari, Edge, Opera */ 
input[type=number] { -moz-appearance: textfield;}/* Firefox */

/* Imagens Posição Absoluta/Fixa */
#logo-evento{position: absolute; top: 0; left: 5vw; height: 100%;}

/* Estilos para páginas específicas */

#page-pre-cadastro {}
#page-pre-cadastro #principal{/*height: 70vh;*/}

/* Página de Cadastro */
#page-cadastro {}
#page-cadastro #icon-termos{bottom: initial;}
#page-cadastro .cadastroo .fundo-translucido-branco {padding: 50px 90px;}
#page-cadastro .cadastroo .fundo-translucido-degrade {padding: 25px;}
#page-cadastro .cadastroo .fundo-translucido-degrade-2 {padding: 25px;}
#page-cadastro .cadastroo hr{height: 2px; background-color: #e41a40;}
#page-cadastro #label-foto{width: 100%; background-image: url(../imagens/icon_ADD_FOTO.png); background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; text-align: center; border: 1px solid; }
#page-cadastro #label-foto_familia{width: 100%; background-image: url(../imagens/icon_ADD_FOTO_FAMILIA.png); background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; text-align: center; border: 1px solid; }
#page-cadastro #label-video{width: 100%; background-image: url(../imagens/icon_ADD_VIDEO.png); background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; text-align: center; border: 1px solid; }

#page-cadastro #label-foto.with_foto{background-size: cover; background-position-x: center; background-position-y: top;}
#page-cadastro #label-foto_familia.with_foto{background-size: cover; background-position-x: center; background-position-y: top;}
#page-cadastro #label-video.with_foto{background-size: cover; background-position-x: center; background-position-y: top;}

#page-cadastro #foto{opacity:0; height: 1px; width: 1px; position: absolute; left: 50%; top: 50%; }
#page-cadastro #foto_familia{opacity:0; height: 1px; width: 1px; position: absolute; left: 50%; top: 50%; }
#page-cadastro #video{opacity:0; height: 1px; width: 1px; position: absolute; left: 50%; top: 50%; }

#page-cadastro #container-cadastro::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#page-cadastro #container-cadastro::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #9d9d9c;}
#page-cadastro .hr-title-form{margin-top: 35px;}

/* Página de Cadastro Live */
#page-cadastro-live {}
#page-cadastro-live #icon-termos{bottom: initial;}
#page-cadastro-live .cadastroo .fundo-translucido-branco {padding: 50px 90px;}
#page-cadastro-live .cadastroo .fundo-translucido-degrade {padding: 25px;}
#page-cadastro-live .cadastroo hr{height: 2px; background-color: #e41a40;}
#page-cadastro-live #container-cadastro::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#page-cadastro-live #container-cadastro::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #9d9d9c;}
#page-cadastro-live .hr-title-form{margin-top: 35px;}


/* Página de Cadastro concluído */
#page-cadastro-concluido {}
#page-cadastro-concluido #agenda-outlook{width: 350px; margin: 0 auto; border: 1px solid #b38043;}

#page-cadastro-concluido nav#nav-completo{height: initial; background: initial; }

/* Página de Login */
#page-login {}
#page-login .first-access-login{text-align: right;}
.form-switch {padding-left: 2.5em !important;}
.form-switch .form-check-input {border-radius: 2em !important; margin-left: -2em; border: 1px solid rgba(0,0,0,.25); }
.form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");}
.form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}

/* Página de Login Live */
#page-login-live {}
#page-login-live .first-access-login{text-align: right;}

/* Página de Editar */
#page-editar {color: #000;}
#page-editar .form-control {color: #000;}

/* Página Home */
#page-home {}
#page-home .fundo-translucido-branco {padding: 50px 90px;}
#page-home .fundo-translucido-degrade {padding: 25px;}
#page-home hr{height: 2px; background-color: #e41a40;}
#page-home tr:nth-child(odd) {background-color: #d9d9d9;}

/* Página Galeria */
#page-galeria {}
#page-galeria .fundo-translucido-branco {padding: 50px 90px;}
#page-galeria .fundo-translucido-degrade {padding: 25px;}
#page-galeria hr{height: 2px; background-color: #e41a40;}
#page-galeria tr:nth-child(odd) {background-color: #d9d9d9;}

/* Página Perguntas frequentes */
#page-faq {}
#page-faq .fundo-translucido-branco {padding: 50px 90px;}
#page-faq .fundo-translucido-degrade {padding: 25px;}
#page-faq hr{height: 2px; background-color: #e41a40;}

/* Página Vídeos */
#page-videos {}
#page-videos .fundo-translucido-branco {padding: 50px 90px;}
#page-videos .fundo-translucido-degrade {padding: 25px;}
#page-videos hr{height: 2px; background-color: #e41a40;}

/* Página Consulta Voo */
#page-consulta {}
#page-consulta .fundo-translucido-branco {padding: 50px 90px;}
#page-consulta .fundo-translucido-degrade {padding: 25px;}
#page-consulta hr{height: 1px; background-color: #e41a40;}
#page-consulta hr.dotted{border-top: 1px dotted !important; background-color: transparent;}

/* Página Galeria dos premiados */
#page-galeria-dos-premiados {}

/* Página Regulamento */
#page-regulamento {}
#page-regulamento #regulamento {background-color: #fff; font-family: 'Arial'}

/* Página Pontuação */
#page-pontuacao #div-pontos {border: 2px solid #ff357a;}
#page-pontuacao #div-ganhadores {border: 2px solid #ff357a;}
/*#page-pontuacao #regulamento {height: 40vh; overflow-y: auto;}*/
#page-pontuacao .regulamento .border-regulamento{border-right: 2px solid #ff357a;}

/* Página Compartilhe com a gente */
.tres-por-quatro {padding-top: calc((3 / 4) * 100%); }
.quadrado {padding-top: 100%; }
.dezesseis-por-nove {padding-top: calc((9 / 16) * 100%); }
#page-social-wall {}
#page-social-wall #area-post{background-color: #343434;}
#page-social-wall hr{color: #bfbfbf;}
#page-social-wall .foto-user{background-size: cover; background-position-x: center; background-position-y: top;}
#page-social-wall .foto-avatar{background-image: url('../uploads/user.png'); background-size: contain; background-repeat: no-repeat; background-position: center}
#page-social-wall .card{border-radius: initial; background-color: #343434;}
#page-social-wall .card .card-text{font-size: 90%;}
#page-social-wall #label-upload{cursor: pointer; min-height: 47px;}
#page-social-wall #upload{opacity:0; height: 1px; width: 1px; position: absolute;}

/* Página Compartilhe com a gente */
#page-social-wall2 {}
#page-social-wall2 hr{color: #bfbfbf;}
#page-social-wall2 .foto-user{background-size: cover; background-position-x: center; background-position-y: top;}
#page-social-wall2 .foto-avatar{background-image: url('../uploads/user.png'); background-size: contain; background-repeat: no-repeat; background-position: center}
#page-social-wall2 .card{border-radius: initial;}
#page-social-wall2 .card .card-text{color: #3f3f3f; font-size: 90%;}
#page-social-wall2 #label-upload{cursor: pointer;}
#page-social-wall2 #upload{opacity:0; height: 1px; width: 1px; position: absolute;}

/* Página Fale Conosco */
#page-fale_conosco {}

/* Página Config */
#page-config {background: #fff; color: #000;}
#page-config .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd;}

#page-ajuste {background: #fff; color: #000;}
#page-ajuste .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd;}


/* Página Moderação */
#page-moderacao {background: #fff; color: #000;}
#page-moderacao .table{background:#fff; color:#000;}
#page-moderacao .table a{color: #0d6efd !important}
#page-moderacao .table a:hover{color: #fff !important}

/* Página Moderação WhatsApp*/
#page-moderacao-whatsapp {background: #fff; color: #000;}
#page-moderacao-whatsapp .table{background:#fff;color:#000;}
#page-moderacao-whatsapp .table a{color: #0d6efd !important}
#page-moderacao-whatsapp .table a:hover{color: #fff !important}

/* Página Mensagens */
#page-mensagens {background: #fff; color: #000;}
#page-mensagens .table{background:#fff;color:#000;}
#page-mensagens .table a{color: #0d6efd !important}
#page-mensagens .table a:hover{color: #fff !important}

/* Página Perguntas */
#page-perguntas {background: #000; color: #000;}
#page-perguntas .table{background:#fff;color:#000;}
#page-perguntas .table a{color: #0d6efd !important}
#page-perguntas .table a:hover{color: #fff !important}

/* Página Live */
#page-live .btn-menu{color:#fff; border: 2px solid; border-radius: 30px; display: inline-block; padding: 1px 30px; margin: 5px 2px;}
#page-live .btn-menu.active{color:#ff2e58; background: #fff; }

#page-live #video{position: relative;padding-bottom: 56.80%; z-index:9; background: #fff;}
#page-live #video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:none; /*border-radius: 20px;*/border: 2px solid #fff;}
#page-live #options {position: relative;}

#page-live #div-instagram    {height:100%;}
#page-live #div-chat         {height:100%; color: #000;}
#page-live #div-iframe-secundario        {height:100%;}
#page-live #div-iframe-secundario iframe {border:none;border-radius: 20px;}
#page-live #div-principal    {margin: 10px 0 0 0;}

#page-live #div-chat .container-chat{background-color: #fff; height: 100%; border-radius: 20px;}
#page-live #div-chat .container-chat .topo{ /*padding: 25px 0 0 25px; border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo{ height: 100%; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo #div-msgs {/*height: 480px;*/ overflow: auto; padding: 0 25px;}
#page-live #div-chat .foto-user{background-size: cover;background-position: center;}

#page-live #div-chat .form-control {color: #000;}


/* Componentes personalizados: Ex.: Social React, Chat, Instagram, Perguntas etc ..*/

/* Social React */
#page-live #div-socialreact #div-social-react-show {position: absolute; z-index: 20; width: 100%}
#page-live #div-socialreact #div-social-react-show .box-emoji-2{position: absolute; width:50px; height: 60px; }
#page-live #div-socialreact #div-social-react-show .icon-social-react {font-size: 40px; cursor: pointer; position: absolute; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;}
#page-live #div-socialreact #div-social-react-show .counter-reacts{position:absolute;top: -17px; right: -17px;}

#page-live #div-socialreact .container-emoji{background: rgba(255, 255, 255, 0.1); border:none; text-align: center; height: 100%; position: relative; z-index: 30;}
#page-live #div-socialreact .icon-social-react{position: initial; margin: 8px 0; cursor: pointer; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;}
#page-live #div-socialreact .box-emoji{display: inline-block;}
#page-live #div-socialreact .box-emoji:hover{transform: scale(1.3);}

/* Instagram */
#page-live #div-instagram .container-instagram {background-color: #484848; color: #000; height: 100%; border-radius: 20px 20px 0 0;}
#page-live #div-instagram .container-instagram .topo{ padding: 10px 0 0 10px; }
#page-live #div-instagram .container-instagram .corpo{ height: 100%;}
#page-live #div-instagram .container-instagram .corpo #div-posts {overflow: auto; padding: 0 5px; }
#page-live #div-instagram .container-instagram .corpo #div-posts hr{color: #bfbfbf;}
#page-live #div-instagram .container-instagram .corpo #div-posts .foto-user{background-size: cover;background-position: center;}
#page-live #div-instagram .container-instagram .corpo #div-posts .foto-avatar{background-image: url('../uploads/user.png'); background-size: contain; background-repeat: no-repeat; background-position: center}
#page-live #div-instagram .container-instagram .corpo #div-posts .card{border-radius: 15px;}
#page-live #div-instagram .container-instagram .corpo #div-posts .card .card-text{color: #3f3f3f; font-size: 90%;}
#page-live #div-instagram .container-instagram .corpo #div-posts img{/*padding: 0 50px;*/}

/* Chat */
#page-live #div-chat .container-chat{background-color: #fff; height: 100%; border-radius: 20px;}
#page-live #div-chat .container-chat .topo{ /*padding: 25px 0 0 25px; border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo{ height: 100%; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-chat .container-chat .corpo #div-pin {padding: 0 10px; margin-bottom: 10px;}
/*#page-live #div-chat .container-chat .corpo #div-pin .card{background: #e4d3ca; border: 1px solid #3c2626; max-width: 100%;}*/
#page-live #div-chat .container-chat .corpo #div-msgs {overflow: auto; padding: 0 10px;}
#page-live #div-chat .container-chat .corpo #div-msgs .card{margin: 10px 0; background: #f5f5f5; border: none; max-width: 100%;}
#page-live #div-chat .container-chat .corpo .avatar {border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; letter-spacing: 0px; font-weight: 700; vertical-align: top;}
#page-live #div-chat .container-chat .rodape{ padding: 10px 15px; background: #f0f1f1; /*border-radius: 0 0 20px 20px;*/}
#page-live #div-chat .container-chat .rodape textarea{height:35px; border-radius: initial !important; border: 1px solid #8a9bae; background: #fff;}
#page-live #div-chat .container-chat .rodape #btn-enviar{color: #c39128;}
body.evento-generico-logado#page-live #div-chat .container-chat .corpo #div-pin .card{background: #b68d2c; border-radius: 0; max-width: 100%; color: #fff; border: 0;}
#page-live #div-chat .pin-conteudo{background-color: #f0f1f1; border-radius: 10px; color: #000;}
    
    /* Emojis chat ATT*/
    #page-live #div-chat .rodape{position: relative;z-index: 1;}
    #page-live #div-chat .body *::-webkit-scrollbar {width: 5px;background: transparent;position: absolute;left: 0;}
    #page-live #div-chat .body *::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);border-radius: 5px;}
    #page-live #div-chat .body *:hover::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.3);border-radius: 5px;}
    #page-live #div-chat .emoji-dashboard{display: none;padding: 0;position: absolute;top: 110%;margin: 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);background: #fff;list-style-type: none;color: #a0a0a0;right: 0;z-index: 9999;bottom: 0;top: auto;}
    #page-live #div-chat .gif-dashboard  {display: none;padding: 0;position: absolute;top: 110%;margin: 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);background: #fff;list-style-type: none;color: #a0a0a0;right: 0;z-index: 9999;bottom: 0;top: auto;}
    
    #page-live #div-chat .gif-dashboard #gif-search-bar{background-color: #f0f1f1}
    #page-live #div-chat .gif-dashboard #gif-content{overflow-y: auto; overflow-x: hidden; text-align: center;}
    #page-live #div-chat .gif-dashboard #gif-content img{margin: 2px; cursor: pointer;}
    
    #page-live #div-chat .chat-inp .emoji{display: inline-block;height: 100%; width: 27px;background: #fff;text-align: center;cursor: pointer;top: 1px;left: 10px;bottom: 0;margin: auto;}
    #page-live #div-chat .chat-inp .emoji:before {content: '\f118';font-family: fontAwesome;line-height: 35px;font-size: 18px;font-weight: normal;color: #a0a0a0;}
    
    #page-live #div-chat .chat-inp .gif{display: inline-block;height: 100%; width: 27px;background: #fff;text-align: center;cursor: pointer; background-image: url(../imagens/gif.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
    
    #page-live #div-chat .emoji-dashboard .emojis {list-style-type: none;display: flex;flex-wrap: wrap;padding: 0;height: 200px;overflow-y: overlay;overflow-x: hidden;}
    #page-live #div-chat .emoji-dashboard .emojis li {margin: 5px 15px;cursor: pointer;font-size: 25px;}

/* Enquete */
#page-live #div-enquete { height: 100%; }
#page-live #div-enquete .container-enquete{background-color: #fff; height: 100%; border-radius: 20px;}
#page-live #div-enquete .container-enquete .topo{ padding: 15px 50px 0 25px; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-enquete .container-enquete .corpo{ height: 100%; padding: 0 25px; /*border-bottom: 2px solid #4e4d4e;*/ }
#page-live #div-enquete .container-enquete .rodape{ padding: 10px 15px; background: #f1b51c; border-radius: 0 0 20px 20px;}
#page-live #div-enquete .container-enquete .rodape textarea{height:35px; border-radius: initial !important; border: 0px solid #4e4d4e;}

/* Animações Social React */
.animate{ transform: translateY(-300%);opacity: 0.0; transition: all 2.0s;}	
.animate2{ -webkit-animation:spin 0.4s linear; -moz-animation:spin 0.4s linear; animation:spin 0.4s linear;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Pergunte ao Palestrante */
#page-live #div-perguntas .container-pergunte {color: #000; height: 100%; background: #fff; border-radius: 20px; padding: 10px 15px; border: 2px solid #4e4d4e;}
#page-live #div-perguntas .container-pergunte #pergunte{height:40px; border-radius: initial !important; border: 2px solid;}

/* Contador */
#page-live #div-contador .container-contador {height: 100%; background: #fff; border-radius: 20px; padding: 10px 15px; border: 2px solid #4e4d4e;}
#page-live #div-contador .container-contador #js-qde-conn{font-size:34px;  background: #000!important}

/* Variável de Controle WebSocket */
.control-hide{display:none;}

/* Popup / Modal */
#pesquisaModal {}
#pesquisaModal .modal-content{background: transparent;}
#pesquisaModal .modal-content .modal-body{background-color: #2e2e2f;}

body.evento-generico-logado #pesquisaModal .btn-check:active+.btn-outline-danger,
body.evento-generico-logado #pesquisaModal .btn-check:checked+.btn-outline-danger,
body.evento-generico-logado #pesquisaModal .btn-outline-danger.active,
body.evento-generico-logado #pesquisaModal .btn-outline-danger.dropdown-toggle.show,
body.evento-generico-logado #pesquisaModal .btn-outline-danger:active { background-color: #d8bc8b; border-color: #d8bc8b; color: #fff;}
body.evento-generico-logado #pesquisaModal .btn-outline-danger { color: #d8bc8b; border-color: #d8bc8b;}
body.evento-generico-logado #pesquisaModal .btn-outline-danger:hover { background-color: #d8bc8b; border-color: #d8bc8b; color: #fff;}

body.evento-generico-logado #pesquisaModal .btn-check:active+.btn-outline-danger:focus,
body.evento-generico-logado #pesquisaModal .btn-check:checked+.btn-outline-danger:focus,
body.evento-generico-logado #pesquisaModal .btn-outline-danger.active:focus,
body.evento-generico-logado #pesquisaModal .btn-outline-danger.dropdown-toggle.show:focus,
body.evento-generico-logado #pesquisaModal .btn-outline-danger:active:focus {box-shadow: 0 0 0 0.25rem rgb(216 188 139 / 50%);}
body.evento-generico-logado #pesquisaModal .btn-check:focus+.btn-outline-danger,
body.evento-generico-logado #pesquisaModal .btn-outline-danger:focus {box-shadow: 0 0 0 0.25rem rgb(216 188 139 / 50%);}

/* Popup / Modal */
#fale-conoscoModal {}
#fale-conoscoModal .modal-content {border-radius: initial; background: #fff;}
#fale-conoscoModal .modal-content .modal-body{padding: 35px 0 35px 35px;}
#fale-conoscoModal .modal-content .modal-body #container-fale-conosco{padding: 0px 70px 0 35px;}
#fale-conoscoModal .modal-content .modal-body #container-fale-conosco .form-control {}

/* Popup / Modal */
#esqueci-senhaModal .modal-content {border-radius: initial; background: #fff;}
#esqueci-senhaModal .modal-content .modal-body{padding: 35px 0 35px 35px;}
#esqueci-senhaModal .modal-content .modal-body #container-esqueci-senha{padding: 0px 70px 0 35px;}
#esqueci-senhaModal .modal-content .modal-body #container-esqueci-senha .form-control {}

/* Sweet Alert */
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{}
.swal2-content{padding: 0 !important; }
.swal2-popup{border-radius: 0 !important;}
.swal2-styled:focus{box-shadow: none !important;}


/* Diminuir Menu */
@media only screen and (max-width: 1230px) {
    nav .nav-link{font-size: 62%;}
    .borda-esquerda{border-left: 0;}
}


/* Tablets */
@media only screen and (max-width: 991px) {
    
    #page-live #div-chat                {height: 500px;}
    #page-live #div-iframe-secundario   {height: 500px;}    
    #page-live #div-enquete             {height: 400px;}
    
    nav.navbar{padding-top: 5px !important;}
    
    .navbar-collapse {margin-top: 10px;}
    nav .nav-link{font-size: 100%;}
    
    nav.navbar li + li a.nav-link::before {content: initial;}
    nav#nav-completo{height: initial; }    
    nav#nav-reduzido ul{margin-right: auto!important; margin-left: auto!important;}    
    main{height:initial !important;}
        
    div.fundo-menu{height: initial; background: initial;}
    
    #page-pontuacao .regulamento .border-regulamento{border: none;}
}

/* Celulares */
@media only screen and (max-width: 768px) {
    
    .icons-cadastro {position: initial;}
    #page-cadastro .cadastroo .fundo-translucido-branco {padding: 25px;}
    
    #page-cadastro-live .cadastroo .fundo-translucido-branco {padding: 25px;}
    
    #page-home .fundo-translucido-branco {padding: 25px;}
    #page-galeria .fundo-translucido-branco {padding: 25px;}
    #page-faq .fundo-translucido-branco {padding: 25px;}
    #page-videos .fundo-translucido-branco {padding: 25px;}
    #page-consulta .fundo-translucido-branco {padding: 25px;}
    
    /* Textos/Títulos */    
    .titulo1{font-size:250%;}
    
    /* Popup / Modal */
    #fale-conoscoModal .modal-content .modal-body #container-fale-conosco{padding: 0px 35px 0 0;}
    #esqueci-senhaModal .modal-content .modal-body #container-esqueci-senha{padding: 0px 35px 0 0;}
    
    /* Página de Login */
    #page-login {}
    #page-login .first-access-login{text-align: left;}
    
    /* Página de Login Live */
    #page-login-live {}
    #page-login-live .first-access-login{text-align: left;}
}

.js-options{padding:1px 5px !important;}

/* Internet Explorer */
.row { margin-top: calc(0 * -1); margin-right: calc(1.5rem / -2); margin-left: calc(1.5rem / -2);}
.row>* { padding-right: calc(1.5rem/ 2); padding-left: calc(1.5rem/ 2); margin-top: 0; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-right:0.75rem;padding-left:0.75rem;}

/* Envios de WhatsApp */
#page-campanhas {color: #000;}
#page-campanhas .form-control {color: #000;}

#page-campanha-editar {color: #000;}
#page-campanha-editar .form-control {color: #000;}

#page-checar-fones {color: #000;}
#page-checar-fones .form-control {color: #000;}

.cookie-bg {
    background-color: #0c183a;
}
.text-blue2 {
    font-size: 14px;
    color: #a2bbe9 !important;
}