/* Estilos comum a todas as páginas */ /* Body */ body { font-family: "Montserrat"; } /* dia */ .dia {text-decoration: none; color: inherit;} /* Footer */ footer{ text-align: right; height: 30px;} /* Menú (Navbar) */ nav.navbar{background-color: #4d4c4c; font-family: "BebasNeueR"; letter-spacing: .05rem; font-size: 18px;} nav.navbar a { display: inline-block;} nav.navbar li span.divisor { display: inline-block; margin: 0 7.5px; color: #fff;} .navbar-dark .navbar-nav .nav-link {color: #fff;padding: .25rem .5rem;} #bg-menu{background-image: url(../imagens/bg-menu.jpg); background-position-x: center; background-size: cover; background-repeat: no-repeat;} h1, h2, h3, h4 {font-family: 'BebasNeueR'; font-weight: bold; letter-spacing: .2rem; margin: 0;} h1 { font-size: 3.5em;} h2 { font-size: 3em;} h3 { font-size: 2.5em;} h4 { font-family: 'BebasNeueR'; font-size: 2em;} h5 { font-family: 'BebasNeueR'; font-size: 1.4em; margin: 0; font-weight: bold; letter-spacing: .1rem;} h6 { font-family: 'BebasNeueR'; font-size: 1.2em; margin: 0; letter-spacing: .05rem;} /* h7 { line-height:1.2;font-family:BebasNeueN; letter-spacing:.1rem } */ .texto1{font-family: 'BebasNeueR'; letter-spacing: .05rem;} .cinza {color: #4d4c4c;} .azul {color: #1491ad;} .bg-azul {background-color: #1491ad;} .verde {color: #6fad96;} .bg-verde {background-color: #6fad96;} .bred {border: 1px solid red; } .letter-spacing1{letter-spacing: 0.1rem;} .letter-spacing2{letter-spacing: 0.2rem;} .letter-spacing3{letter-spacing: 0.3rem;} /* 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;} /* Textos/Títulos */ h1{} .texto1{} .texto2{} .texto3{} .texto4{} .cor1{color: #aa3d5d;} .cor2{color: #8796ad;} .cor3{color: #adb8ca;} .cor4{color: #4d4c4c;} .cor5{color: #72ad91;} .cor6{color: #1891ac;} .cor3:hover{color: #adb8ca;} .bg-cor1{background-color: #aa3d5d;} .bg-cor5{background-color: #72ad91;} /* Botões */ .btn {} .btn:active {} .btn:focus {} .btn-lg{} .btn-md{} .btn-sm{} .btn-primary {} .btn-primary:hover {} .btn-primary:active {} .btn-primary:focus {} .btn-1 {background-color: #adb8ca; color: #222a35 !important; border-radius: 0; letter-spacing: 0.3rem;} .btn-1:hover {background-color: #adb8ca; color: #222a35 !important; } .btn-1:active {background-color: #adb8ca; color: #222a35 !important; } .btn-1:focus {background-color: #adb8ca; color: #222a35 !important; } .btn-2 {background-color: #3c3837; color: #d9d9d9 !important; border-radius: 0; } .btn-2:hover {background-color: #3c3837; color: #d9d9d9 !important; } .btn-2:active {background-color: #3c3837; color: #d9d9d9 !important; } .btn-2:focus {background-color: #3c3837; color: #d9d9d9 !important; } .btn-3 {border-radius: 15px; color: #fff; border: 3px solid #09738a; background: rgb(62,165,188); background: -moz-linear-gradient(180deg, rgba(62,165,188,1) 45%, rgba(16,119,142,1) 55%); background: -webkit-linear-gradient(180deg, rgba(62,165,188,1) 45%, rgba(16,119,142,1) 55%); background: linear-gradient(180deg, rgba(62,165,188,1) 45%, rgba(16,119,142,1) 55%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ea5bc",endColorstr="#10778e",GradientType=1);} .btn-3:hover {color: #fff;} .btn-3:active {} .btn-3:focus {} /* Inputs/Caixas de Textos */ input, textarea, select {resize: none !important; overflow:auto;} .form-control{border-radius: 0;} .form-control:focus {} .form-select:focus {} .form-check-input[type=checkbox] {border-radius: 0; border: 3px solid #7c7b7b;} .form-check-input{} .form-check-input:checked {} .form-check-input:focus {} ::placeholder{ text-align: left; /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */} :-ms-input-placeholder {text-align: left; /* Internet Explorer 10-11 */} ::-ms-input-placeholder {text-align: left; /* Microsoft Edge */} *:focus,*:active,a:active,a:focus,input:focus,input:active { -moz-outline-style: none; outline:none; outline: 0;} .form-control-custom-1{background-color: #333e50; color: #fff; border:0;} .form-control-custom-1:focus{background-color: #333e50; color: #fff; border:0;} .form-control-custom-2{border-radius: 15px; border: 3px solid #7c7b7b;} .form-control-custom-2:focus{border-radius: 15px; border: 3px solid #7c7b7b;} .form-floating>.form-control, .form-floating>.form-select { height: calc(3rem + 2px); padding: 0.5rem .5rem; } .form-floating>label {padding: .6rem .75rem;} /* Imagens Posição Absoluta/Fixa */ /* Outros */ /* Estilos para páginas específicas */ /* Página de Login */ /* #page-login {background-color: #222a35} #page-login #div-bg {background-image: url(../imagens/evento.jpg?v=3); background-size: contain; background-repeat: no-repeat; background-position-y: 50%;} */ #page-login {background-image: url(../imagens/bg-login-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-attachment: fixed;} #page-login #forms .form-floating>label {width: 100%; text-align: center;} #page-login #forms .form-floating>.form-control:focus~label, #page-login #forms .form-floating>.form-control:not(:placeholder-shown)~label, #page-login #forms .form-floating>.form-select~label {text-align:left;} #page-login #whatsapp {position: fixed; bottom: 0; right: 10px;} #page-login2 {background-image: url(../imagens/bg-login-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-attachment: fixed;} #page-login2 #forms .form-floating>label {width: 100%; text-align: center;} #page-login2 #forms .form-floating>.form-control:focus~label, #page-login2 #forms .form-floating>.form-control:not(:placeholder-shown)~label, #page-login2 #forms .form-floating>.form-select~label {text-align:left;} #page-login2 #whatsapp {position: fixed; bottom: 0; right: 10px;} /* Página de Casos do Dia */ #page-casosdodia {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} /* Página de Agenda */ #page-agenda {background-color: #00243E;} /* #page-agenda {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} */ #page-agenda .foto-agenda{background-size: cover; background-position: center;} /* Mindful */ #page-mindful {background-image: url(../imagens/bg-mindfulness.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-attachment: fixed;} /* Yoga */ #page-yoga {background-image: url(../imagens/bg-yoga.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-attachment: fixed;} /* Café */ #page-cafe {background-image: url(../imagens/bg-cafe-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-attachment: fixed;} /* CBR Talks */ #page-cbr-talks {background-image: url(../imagens/bg-cbrtalks-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-attachment: fixed;} /* Maratona */ #page-maratona {background-image: url(../imagens/bg-cbrtalks-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: top; background-position-x: center; background-attachment: fixed;} /* Página Fale Conosco */ #page-fale_conosco {} /* Página Início */ #page-inicio {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} #page-salas {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} #page-teste {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} /* Página Live */ #page-live {background-image: url(../imagens/bg2-min.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-attachment: fixed;} #page-live #video{position: relative;padding-bottom: 56.30%; z-index:10} #page-live #video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid gray; background-color: gray; border-radius: 20px;} #page-live #options {position: relative; /*background-color: #222a35;*/ } #page-live #div-chat {height:100%; color: #000;} #page-live #div-qea {height:100%; color: #000;} #page-live #div-iframe-secundario {height:100%;} #page-live #div-iframe-secundario iframe {border:none;} #page-live #div-direita{background-color:transparent; /*border-radius: 20px;*/ overflow: hidden;} #page-live #div-direita ul{border-radius: 20px 20px 0 0; overflow: hidden;} #page-live #div-rating {background-color: #fff; border-radius: 20px; border: 2px solid #3c3837;} /* Social React */ #page-live #div-socialreact .icon-social-react {position: initial; margin: 15px 3px; font-size: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #page-live #div-socialreact .icon-social-react-copy{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 .box-emoji{display: inline-block;} #page-live #div-socialreact .box-emoji:hover{transform: scale(1.3); } #page-live #div-socialreact .container-emoji{border-radius: 20px; background: #222a35; /*text-align: center;*/ height: 100%; /* border: 2px solid #4e4d4e; */ position: relative; z-index: 30;} #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;} /* Chat */ #page-live #div-chat .container-chat{background-color: #d9d9d9; height: 100%; border-radius: 0px;} #page-live #div-chat .container-chat .topo{ padding: 25px 0 10px 25px; /*border-bottom: 2px solid #4e4d4e;*/ } #page-live #div-chat .container-chat .corpo{ height: 100%; /*border-bottom: 2px solid #4e4d4e;*/ background-color: #fff;} #page-live #div-chat .container-chat .corpo #div-msgs {/*height: 480px;*/ overflow: auto; padding: 0 5px;} #page-live #div-chat .container-chat .corpo #div-msgs .card{margin: 10px 0; background: transparent; border: none; border-radius: 0; max-width: 100%; border-bottom: 1px solid #909090;} #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 10px; /*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: #6c0695;} /* 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;} #page-live #div-chat .emoji-dashboard{bottom: 0;top: auto;} #page-live #div-chat .rodape > div.chat-inp{background: #ddd;display: flex;padding: 10px;position: relative;} #page-live #div-chat .chat-inp .emoji{display: inline-block;height: 37px;width: 37px;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: 30px;font-weight: normal;color: #3c3837;} #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;} /* Q&A */ #page-live #div-qea .container-qea{background-color: #d9d9d9; height: 100%; /*border-radius: 20px;*/} #page-live #div-qea .container-qea .topo{ padding: 25px 0 10px 25px; /*border-bottom: 2px solid #4e4d4e;*/ } #page-live #div-qea .container-qea .corpo{ height: 100%; /*border-bottom: 2px solid #4e4d4e;*/ background-color: #fff;} #page-live #div-qea .container-qea .corpo #div-msgs-qea {/*height: 480px;*/ overflow: auto; padding: 0 25px;} /*#page-live #div-qea .container-qea .corpo #div-msgs-qea .card{margin: 10px 0; background: transparent; border: none; border-radius: 0; max-width: 100%; border-bottom: 1px solid #909090;}*/ #page-live #div-qea .container-qea .corpo #div-msgs-qea .card{margin: 10px 0; background: transparent; border: none; border-radius: 0; width: 100%; border-bottom: 1px solid #909090;} #page-live #div-qea .container-qea .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-qea .container-qea .corpo .js-vote {color: #c6c6c6;} #page-live #div-qea .container-qea .corpo .js-vote.active {color: #ff7600;} #page-live #div-qea .container-qea .rodape{ padding: 10px 10px; /*background: #f0f1f1;*/ /*border-radius: 0 0 20px 20px;*/} #page-live #div-qea .container-qea .rodape textarea{height:35px; border-radius: initial !important; /*border: 1px solid #8a9bae;*/ background: #fff;} #page-live #div-qea .container-qea .rodape #btn-enviar-qea{color: #6c0695;} /* Emojis chat ATT*/ #page-live #div-qea .rodape{position: relative;z-index: 1;} #page-live #div-qea .body *::-webkit-scrollbar {width: 5px;background: transparent;position: absolute;left: 0;} #page-live #div-qea .body *::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);border-radius: 5px;} #page-live #div-qea .body *:hover::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.3);border-radius: 5px;} #page-live #div-qea .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;} #page-live #div-qea .emoji-dashboard{bottom: 0;top: auto;} #page-live #div-qea .rodape > div.chat-inp{background: #ddd;display: flex;padding: 10px;position: relative;} #page-live #div-qea .chat-inp .emoji{display: inline-block;height: 37px;width: 37px;text-align: center;cursor: pointer;top: 1px;left: 10px;bottom: 0;margin: auto;} #page-live #div-qea .chat-inp .emoji:before {content: '\f118';font-family: fontAwesome;line-height: 35px;font-size: 30px;font-weight: normal;color: #3c3837;} #page-live #div-qea .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-qea .emoji-dashboard .emojis li {margin: 5px 15px;cursor: pointer;font-size: 25px;} /* Avaliações */ #page-live #div-nota {background-color: #fff; height: 100%; border-radius: 0px;} #page-live .nav-tabs .nav-item.show .nav-link, #page-live .nav-tabs .nav-link.active { color: initial; background-color: gray; border: none; } #page-live .nav-tabs .nav-link { margin-bottom: -1px; background: #bfbfbf; border: none; border-radius: 0; color: #747071;} /* 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: 2px solid #dcdcdc !important } /* 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} /* Página Config */ #page-config {background: #fff; color: #000;} /* Página Moderação */ #page-moderacao {background: #fff; color: #000;} #page-moderacao .table{background:#fff;color:#000;} /* Página Perguntas */ #page-perguntas {background: #fff; color: #000;} #page-perguntas .table{background:#fff;color:#000;} /* Página Mensagens */ #page-mensagens {background: #fff; color: #000;} #page-mensagens .table{background:#fff;color:#000;} /* Página Mensagens Q&A */ #page-mensagens-qea {background: #fff; color: #000;} #page-mensagens-qea .table{background:#fff;color:#000;} /* Página Moderação Q&A */ #page-moderacao-qea {background: #fff; color: #000;} #page-moderacao-qea .table{background:#fff;color:#000;} /* Variável de Controle WebSocket */ .control-hide{display:none !important;} /* LG (Até 1200) */ @media only screen and (max-width: 1200px) { #page-login #div-bg {padding-top: 93%; background-position-y: initial;} #page-login #whatsapp {position: initial;} #page-login2 #div-bg {padding-top: 93%; background-position-y: initial;} #page-login2 #whatsapp {position: initial;} #page-live #div-chat {min-height: 500px;} #page-live #div-qea {min-height: 500px;} #page-live #div-iframe-secundario {min-height: 500px;} #page-live #div-enquete {min-height: 400px;} #page-live #div-socialreact .container-emoji{text-align: center;} #page-login{background-image: none;} } /* MD (Até 991) Abre Menú Responsivo */ @media only screen and (max-width: 991px) { #page-inicio .percent-20 {width: 100% !important;} #page-inicio .percent-25 {width: 100% !important;} nav.navbar li span.divisor {display:none; } /* Mindful */ #page-mindful {background-image: none;} /* Yoga */ #page-yoga {background-image: none;} /* Café */ #page-cafe {background-image: none;} /* CBR Talks */ #page-cbr-talks {background-image: none;} /* Maratona */ #page-maratona {background-image: none;} .bg-cor6{background-color: #1891ac;} #page-live #video {padding-bottom: none; height: 500px;} } /* Menú Config */ @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .dropdown-menu { left: -115%; } } .js-options{padding:1px 5px !important;} /* Sweet Alert */ .swal2-content{padding: 0 !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;}