/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 24, 2016 */
@font-face {
font-family: 'roboto';
src: url('../fonts2016/Lato/lato-bold-webfont.woff2') format('woff2'),
url('../fonts2016/Lato/lato-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('../fonts2016/Lato/lato-regular-webfont.woff2') format('woff2'),
url('../fonts2016/Lato/lato-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('../fonts2016/Lato/lato-black-webfont.woff2') format('woff2'),
url('../fonts2016/Lato/lato-black-webfont.woff') format('woff');
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: 'roboto';
src: url('../fonts2016/roboto/Roboto-Regular.ttf') format('ttf');
font-weight: normal;
font-style: normal;
}
* {
outline: none
}
.mt-4{
margin-top: 4vh;
}
.mx-auto{
margin: 0 auto;
float: none;
}
a:hover, a:focus{
text-decoration: none;
}
.link, .transition {
-webkit-transition: all 0.1s ease-in-out;
}
/* GERAL */
html {
overflow: visible;
}
body {
font-family: 'roboto';
min-width: 320px;
overflow: visible;
margin: 0 auto;
padding: 92px 0 0 !important;
background: #fafbfc !important;
}
html.modalOn,
body.modalOn{
overflow: hidden !important;
}
body.modalOn:before{
content: '';
background: #000;
opacity: 0.5;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.mr-1{
margin-right: 37px!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'roboto';
margin: 0;
}
label{
font-family: 'roboto';
color: #354c63;
font-weight: bolder!important;
}
ul, ol{
padding: 0;
margin: 0;
}
ul li{
list-style: none;
}
p:last-child{
margin-bottom: 0;
}
a img:hover {
opacity: 1 !important;
}
.clear {
clear: both !important;
}
.limpar {
padding-right: 0;
padding-left: 0;
}
.relative {
position: relative;
}
.d-table {
height: 100%;
display: table;
margin: auto;
padding: 0;
}
.d-table .d-cell {
display: table-cell;
vertical-align: middle;
}
.modal {
font-size: 14px;
color: #85909b;
z-index: 999999;
}
.modal h2{
font-size: 14px;
text-transform: uppercase;
font-family: 'roboto';
color: #354c63;
}
.modal .modal-body{
max-height: 550px;
overflow: hidden;
overflow-y: visible;
padding: 0;
}
.modal .modal-footer {
text-align: center;
padding: 0px !important;
border-top: none;
margin-top: 16px;
}
.modal .modal-footer .btn{
font-family: 'roboto';
height: 44px;
line-height: 44px;
border: 0;
padding: 0 60px;
font-size: 15px;
}
.modal .modal-footer .btn-primary{
background-color: #ee8320;
}
.modal .modal-footer .btn-primary:hover{
background-color: #c46a1b;
}
.modal-header {
font-family: 'roboto';
min-height: 16.42857143px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
}
.modal-content {
border-radius: 4px !important;
padding: 34px;
border: 1px solid #fff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.26) !important;
}
#politicaLgpd .modal-content-scroll {
border-radius: 4px !important;
padding: 20px;
border: 1px solid #fff;
background: #fff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.26) !important;
}
#politicaDePrivacidadeSebrae {
padding-right: 0 !important;
color: #698190;
}
#politicaDePrivacidadeSebrae .modal-content-scroll {
padding: 20px;
}
.modal-content-scroll {
border-radius: 4px !important;
padding: 40px;
border: 1px solid #fff;
background: #fff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.26) !important;
}
.modal-body p strong {
font-family: 'roboto' !important;
}
#principal,
.principal{
/*padding: 0 0 2vh;*/
border: none !important;
z-index: 0 !important;
}
.interna-evento #principal,
.interna-evento .principal {
padding-top: 0;
}
.interna #principal,
.interna .principal {
/*padding-top: 60px;*/
}
#body_login .principal {
min-height: 300px !important;
}
.d-table {
display: table;
height: 100%;
}
.d-cell {
display: inline;
vertical-align: middle;
}
.carrinho-largura{
margin-top: 60px;
}
.getBack{
color: #006fb7;
font-size: 19px;
line-height: 35px;
}
.form-control{
box-shadow: none;
font-family: 'roboto';
height: 43px;
font-weight: normal;
border: solid 1px #bbbbbb;
border-radius: 4px;
outline: none;
margin-bottom: 10px;
padding: 0 20px 0 6px;
color: #797878;
background-color: unset !important;
}
/* limpando algumas propriedades */
input.form-control.clear {
margin: 0;
}
select.form-control{
padding-right: 0;
background: url(../img2016/all/down-arrows.svg);
background-color: #fff;
background-size: 8px;
background-repeat: no-repeat;
background-position: center right 12px;
}
.webkit select.form-control{
padding-right: 20px;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0 0 14px 0!important;
position: relative;
vertical-align: middle;
width: 100%!important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%!important;
line-height: 40px!important;
max-width: 100%!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px!important;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container .select2-selection--single {
height: 42px!important;
}
/* For IE */
.form-control::-ms-clear{
margin-right: -9px;
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.1s ease-in-out;
}
/* /For IE */
/* Mozilla *
/gmainput[type=number] {
-moz-appearance: textfield;
}
/* /Mozilla */
/*==== TOPO ==========*/
.iconTalk {
padding-right: 5px;
height: 17px;
}
.iconLoginSocial {
margin-top: 2px;
float: left;
height: 17px;
}
.iconNovidades {
margin-top: 2px;
float: left;
margin: 5px 6px 0px 95px;
height: 16px;
}
.iconLoginSocialApproved {
margin-top: 1px;
float: right;
font-size: 18px !important;
}
.bEspecialista {
width: 100%;
}
.msg_rodape {
text-align: center;
margin: 17px 1%;
}
.lUnidade {
display: block;
font-family: 'roboto';
color: #2e66b7;
}
header {
width: 100%;
position: relative;
z-index: 9 !important;
}
#containerTopo {
width: 100%;
margin: 0;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 10000!important;
box-shadow: 0 -3px 16px 0px #00000066;
}
#containerTopoFeira {
width: 100%;
margin: 0;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 10000!important;
box-shadow: 0 -3px 16px 0px #00000066;
}
#containerTopo span:last-child {
font-family: 'roboto';
font-weight: 500;
}
.noshad{
box-shadow: none!important
}
.politica-comercializacao, .politica-privacidade{
margin-top: 5.5%;
}
#containerTopo .topo-icones-acesso {
float: right;
margin: 5px 0;
}
#containerTopo .link {
color: #354c63;
display: block;
}
.menu-lista li span{
vertical-align: middle;
}
#containerTopo .icon-area {
display: inline-block;
color: #354c63;
padding: 0 5px;
height: 82px;
vertical-align: middle;
transition: all 0.1s ease-in-out!important;
-webkit-transition: all 0.1s ease-in-out!important;
border: none !important;
}
#containerTopo .icon-area:last-child {
padding-right: 0;
top: -1px;
}
.icon {
transition: 0.3s;
}
#containerTopo .icon-area .icon {
color: #354c63;
}
#containerTopo .icon-area .icon-home {
font-size: 25px;
}
#containerTopo .icon-area .icon-carrinho {
font-size: 28px;
}
#containerTopo .icon-area .icon-calendario {
font-size: 26px !important;
}
#containerTopo .icon-area .icon-certificado {
font-size: 29px;
}
#containerTopo .icon-area svg * {
fill: currentColor;
}
#containerTopo .link-menu {
position: relative;
z-index: 9999;
padding-right: 0;
}
#containerTopo .link-menu:focus {
color: #354c63;
}
#containerTopo .link-menu .btn a{
color: #FFF;
}
#containerTopo .link-menu .btn .icon{
font-size: 20px;
color: #FFF;
}
#containerTopo .link-menu .btn .icon-entrar{
font-size: 18px;
}
#containerTopo .link-menu .btn span{
display: inline-block;
vertical-align: middle;
}
#containerTopo .link-menu .btn .text{
margin-left: 5px;
font-family: 'roboto';
text-transform: capitalize;
font-size: 16px;
}
#containerTopo .link-menu .btn .entrar .text{
margin-left: 4px;
}
.containerTopoEspaco {
height: 60px;
display: none;
background: #FFF;
}
.menu-button{
display: inline-block;
text-align: right;
}
#logotipo {
width: auto;
float: left;
height: 52px;
margin: 20px 0 20px 0;
}
#logotipo img {
height: 100%;
text-align: center;
position: relative;
}
#logotipoFeira {
width: auto;
float: left;
height: 52px;
margin: 20px 0 20px 0;
}
#logotipoFeira img {
height: 100%;
text-align: center;
position: relative;
}
#texto-top-filtro {
font-size: 15px;
color: #2e66b7;
font-family: 'roboto'
}
/*------------------*/
#containerTopo #contaUsuario {
float: right;
margin-top: 15px;
}
#contaUsuario .dropdown-menu {
border-radius: 0px;
color: #5a5a5a;
right: 0px;
left: auto;
width: 172px;
top: 75%;
}
#contaUsuario .dropdown-menu>li>a {
display: block;
padding: 1px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #444;
white-space: nowrap;
font-size: 15px;
}
#contaUsuario .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
/* background-color: #dae0e6 !important; */
}
#contaUsuario .badge {
display: inline-block;
min-width: 10px;
padding: 3px 5px;
font-size: 11px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #2E66B7;
border-radius: 23px;
}
.dropcarrinho {
display: none;
}
#containerTopo #contaUsuario .btnLogout {
max-width: 145px;
float: right;
color: #006ec7;
margin-top: -13px;
font-size: 17px;
line-height: 22px;
padding: 5px;
text-align: right;
margin-right: 15px;
position: relative;
z-index: 2;
}
.ptl_sebrae {
background: #2e66b7;
color: #f1f1f1;
padding: 5px 15px;
border-radius: 1px;
text-decoration: none;
float: right;
margin-left: 11px !important;
border-radius: 4px;
}
.ptl_sebrae:hover,
.ptl_sebrae:visited {
color: #fff;
text-decoration: none;
}
.arrow_box {
position: absolute;
background: #ffffff;
border: 1px solid #ddd;
right: 0;
top: 122%;
width: 320px;
padding: 15px;
z-index: 9999 !important;
}
.arrow_box:after,
.arrow_box:before {
bottom: 100%;
left: 90%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -7px;
}
.arrow_box:before {
border-color: rgba(214, 214, 214, 0);
border-bottom-color: #d6d6d6;
border-width: 10px;
margin-left: -10px;
}
.arrow_box .title {
padding: 10px 0;
width: 100% !important;
border-bottom: solid 1px #dbdbdb;
float: left;
}
.arrow_box .title h1 {
margin: 0;
color: #363636;
font-size: 16px;
float: left;
}
.arrow_box .title .close {
float: right;
cursor: pointer;
opacity: 1 !important;
}
.lista_compras,
.eventos_no_carrinho {
width: 100%;
float: left;
}
#eventos_no_carrinho {
padding-left: 0px;
float: left;
}
#eventos_no_carrinho li {
list-style: none;
float: left;
border-bottom: solid 1px #dbdbdb;
padding: 10px 0;
}
#eventos_no_carrinho h2 {
font-size: 15px !important;
width: 62%;
float: left;
margin: 0;
line-height: 135%;
}
.ops_no_carrinho {
float: right;
width: 28%;
text-align: center;
}
.ops_no_carrinho a.remover {
font-size: 14px;
color: #b7b5b5;
text-align: center;
}
.ops_no_carrinho .valor_no_carrinho {
font-size: 17px;
color: #7ab71e;
text-align: center;
width: 100%;
margin: 14px 0 0 0 !important;
}
.totalline {
border: none !important;
width: 100%;
}
.totalline h4 {
float: left;
width: 70%;
}
.total_no_carrinho {
width: 28%;
font-size: 20px;
color: #7ab71e;
text-align: center;
float: right;
}
.concluir_no_carrinho {
width: 200px;
display: block;
margin: 0 auto !important;
color: #fff;
background: #ee8320;
border: none;
padding: 7px;
font-size: 15px;
border-radius: 4px;
}
/*-----*/
#cartheader {
float: right;
width: 43px;
height: 40px;
background: url(../img2016/carrinho/cart.png)center center no-repeat;
background-size: 100%;
position: relative;
margin-top: -5px;
margin-right: 18px;
margin-left: 1%;
}
#cartheader p {
background: #ee8320;
border-radius: 50%;
font-size: 17px;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
float: right;
margin-right: -10px;
color: #fff;
margin-top: -1px;
}
/*========*/
#containerTopo #contaUsuario .btnLogout span {
/*width: 100%;*/
float: right !important;
color: #7c8f94;
}
#containerTopo #contaUsuario .btnLogout span a {
color: #7c8f94;
font-size: 16px;
}
#containerTopo #contaUsuario .btnLogado {
background: #2e66b7;
border: none;
font-size: 14px;
color: #fff;
font-weight: normal;
letter-spacing: 0px;
padding: 5px 13px;
border-radius: 0;
margin-right: 0%;
float: right;
border-radius: 4px;
margin-right: 10px;
/* background: #2e66b7;
border: none;
font-size: 13px;
color: #fff;
font-weight: normal;
letter-spacing: 1px;
padding: 4px 18px;
border-radius: 0;
margin-right: 0%;
float: right;*/
}
#containerTopo #contaUsuario .btnLogado .iconUser {
float: left;
margin: 3px 12px 0 0px;
width: 13px;
}
.mobonly {
display: none;
}
#cartheader {
float: right;
width: 43px;
height: 40px;
background: url(../img2016/carrinho/cart.png)center center no-repeat;
background-size: 100%;
position: relative;
margin-top: -5px;
margin-right: 18px;
margin-left: 1%;
}
#cartheader p {
background: #ee8320;
border-radius: 50%;
font-size: 17px;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
float: right;
margin-right: -10px;
color: #fff;
margin-top: -1px;
}
/*==== FIM TOPO ==========
/*==== Slideshow Principal==========*/
.containSlider {
position: relative;
overflow-y: hidden;
/* margin-top: 60px; */
}
.titleCliente {
position: absolute;
/*bottom: 14%;*/
top: 58%;
color: #fff;
font-size: 37px;
z-index: 1 !important;
width: 86%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
left: 0 !important;
right: 0;
text-shadow: 2px 4px 6px #000;
text-align: left;
}
.slideOne {
position: relative;
/*max-height: 330px;*/
}
#slidePrincipal{
/* float: left;
width: 100vw!important;
min-width: 100%;
max-width: 100vw!important;
margin-right: 0!important;
margin-left: 0!important;*/
}
#slidePrincipal .full{
display: block!important;
}
#slidePrincipal .notfull{
display: none!important;
}
@media(max-width: 995px){
#slidePrincipal .full{
display: none!important;
}
#slidePrincipal .notfull{
display: block!important;
}
}
/*=============*/
/*
Slick Slider API
========================================================================*/
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
height: 100%;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
/*height: 100%;*/
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
max-width: 100vw!important;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
height: 100%;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-prev,
.slick-next {
display: none !important;
}
/* Dots */
.slick-slider {
/* margin-bottom: 30px;*/
}
.slick-dots {
position: absolute;
bottom: 5px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
padding: 0;
cursor: pointer;
background: #fff;
border-radius: 50%;
margin: 0 5px;
box-shadow: 0px 0 1px 1px rgba(0,0,0,0.2);
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
/* width: 22px;
height: 22px; */
cursor: pointer;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {}
.slick-dots li button:before {
font-family: 'slick';
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
text-align: center;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active {
width: 11px;
height: 11px;
background: transparent!important;
border: 3px solid #FFF;
opacity: 1;
}
.btnMobile {
display: none;
}
.btn-voltar {
margin-bottom: 10px;
}
.btn-voltar {
font-size: 14px;
font-family: 'roboto';
}
.setaVoltar {
width: 16px;
margin: 0 0 3px 0;
}
/*===== Busca lateral ==========*/
.busca_evento_lateral {
margin: 25px 0;
color: #354c63;
border-radius: 5px;
}
.buscaLateral {
padding: 0 15px;
width: 100% !important;
border: none;
font-size: 14px;
color: #444961;
font-family: 'roboto';
background: #fff;
border: 1px solid #bbbbbb;
height: 38px;
}
.valorMin{
padding-right: 15px !important;
}
.valorMax{
padding-left: 15px !important;
}
/*===== Busca lateral ==========*/
/*===== Box Busca ==========*/
/*.topoBoxBusca input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px transparent inset;
border:none;
}
input:-webkit-autofill {
color: #fff !important;
}*/
.phbranco::-webkit-input-placeholder {
color: #2e66b7;
}
#boxBusca {
width: 86%;
max-width: 980px;
margin: 0 auto;
margin-top: 20px;
position: relative;
}
.daterangepicker{
z-index: 9999999 !important;
}
.topoBoxBusca {
width: 100%;
height: 53px;
background: #2e66b7;
}
.topoBoxBusca .inputprin {
background: transparent;
width: 96% !important;
font-size: 18px;
color: #fff;
padding: 1.4%;
border: none;
float: left;
}
.botoesBusca {
width: 28%;
float: right;
height: 100%;
}
#buscavancada {
float: right;
background: transparent url("../img2016/busca/arrow.png") no-repeat right center;
/*height: 100%;*/
border: none;
margin-right: 5%;
/* margin-top: 8px;*/
padding-right: 20px;
text-align: right;
position: relative;
top: 54%;
transform: translateY(-50%);
}
.arrowUp {
float: right;
background: transparent url("../img2016/busca/arrowup.png") no-repeat right center !important;
padding-right: 2%;
/*height: 100%;*/
border: none;
margin-right: 11px;
}
#buscavancada p {
padding-left: 8px;
color: #fff;
margin-top: 6px;
}
.filtrosAvancados fieldset {
border: none !important;
}
.buscavancada {
/*border:solid 1px red;*/
}
.btnBusca {
width: 20%;
height: 50px;
float: right;
background: #2a5597 url("../img2016/busca/iconBusca.png") no-repeat center center;
background-size: 35%;
border: none;
position: relative;
}
.filtrosAvancados {
width: 100%;
padding: 15px;
background: #ecf0f1;
z-index: 99;
}
.campoBusca {
display: flex;
justify-content: space-between;
border-bottom: solid 1px #fff;
transition: 0.3s;
}
.campoBuscaInput {
display: block;
}
.campoBuscaInput label {
font-family: 'roboto';
font-size: 14px;
margin-bottom: 5px;
width: 100%
}
.campoBusca label {
font-family: 'roboto';
font-size: 14px;
margin-bottom: 5px;
width: 100%
}
.campoBusca select {
width: 100%;
border: none;
background: url(img2016/all/arrow-down.svg);
color: #6d8b93;
font-size: 13px;
padding: 4px 10px;
border-radius: 2px;
border: solid 2px #2e66b7;
}
.campoBusca .datepicker {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #fff url("data:image/svg+xml;utf8,") no-repeat !important;background-size: 4px;
background-size: 17px !important;
background-position: calc(100% - 10px) center !important;
background-repeat: no-repeat;
padding-right: 30px !important;
background: #fff;
}
.campoBusca .datepicker-dropdown:before {
content: '';
display: none !important;
}
.btbusca {
display: block;
color: #fff;
border: none;
height: 43px;
width: 48px;
}
.bt_limpar_filtros {
position: absolute;
bottom: -40px;
padding: 5px 10px;
right: 0px;
font-size: 15px;
cursor: pointer;
color: #2A5597;
background: #e9e9e9;
}
.carregar-mais {
margin: 0 auto;
display: block !important;
}
/*===== Box Busca ==========*/
.faleConosco {
position: absolute;
top: 0px;
width: 60px;
right: -67px;
color: #2A5597;
cursor: pointer;
top: 6px;
}
.box_faleConosco {
width: 100%;
border: solid 1px #ddd;
background: #ecf0f1;
display: none;
position: relative;
}
.box_faleConosco h1 {
font-size: 24px;
color: #2A5597;
}
.leftContato {
width: 40%;
float: left;
padding: 15px;
}
.box_faleConosco h2 {
font-size: 18px;
color: #506368;
line-height: 140%;
}
#telefone {
background: url("../img2016/principal/tel.png")no-repeat center left;
background-size: 8%;
padding: 2% 11%;
font-size: 15px;
color: #506368;
margin-bottom: 5px;
}
#email {
background: url("../img2016/principal/mail.png")no-repeat center left;
background-size: 8%;
padding: 2% 11%;
font-size: 15px;
}
#email a {
text-decoration: none;
color: #506368;
}
.rightContato {
width: 55%;
float: right;
padding: 15px 0 10px 15px;
}
.rightContato h3 {
font-size: 15px;
color: #506368;
padding: 0px;
}
#contatoPrincipal {
color: #506368;
}
#contatoPrincipal input {
border: solid 2px #d3d5d6;
color: #6d8b93;
font-size: 13px;
padding: 4px 10px;
border-radius: 2px;
}
.hlf {
width: 45%;
margin: 0 4% 12px 0;
}
#msgContato {
border: solid 2px #d3d5d6;
color: #6d8b93;
font-size: 13px;
padding: 4px 10px;
border-radius: 2px;
width: 95%;
resize: none;
}
#politica {
font-size: 14px;
width: 25%;
float: left;
text-align: left;
padding: 1% 0 1% 2%;
}
.enviaMsg {
width: 45%;
text-align: center;
background-color: #2A5597;
font-size: 14px;
color: #fff;
float: right;
margin-right: 5%;
border: none;
padding: 5px 0;
margin-top: 10px;
}
.fecharContato {
position: absolute;
top: 10px;
right: 10px;
font-size: 15px;
color: #888;
cursor: pointer;
}
/*==== LISTA EVENTOS ======*/
.eventos a {
/*display: block;*/
text-decoration: none !important;
}
.eventos h1,
.eventos-titulo {
color: #354c63;
font-size: 25px;
font-weight: bold;
padding: 0 0 1px;
border-bottom: 1px solid #bbbbbb;
font-family: 'roboto';
margin-top: 30px;
}
/*-----*/
.centralizando {
width: 50%;
float: right;
}
.itemEvento {
cursor: default;
margin-bottom: 40px;
padding-right: 15px;
padding-left: 15px;
}
.lista_principal {
margin: 40px 0;
}
.eventos.lista_principal{
margin: 25px 0;
}
.card_evento_single {
margin: auto;
background: #ffffff;
border-radius: 6px;
height: 310px;
position: relative;
overflow: hidden;
}
.card_evento_single:hover {
box-shadow: 0 13px 13px 0 rgba(0,0,0,.2);
transition: all .1s linear;
}
.bntCard {
bottom: 0;
position: absolute;
height: 40px;
line-height: 36px;
font-size: 16px;
width: 100%;
text-align: center;
color: #fff;
background-color: #7ab71e;
}
.bntCard:hover {
color: #fff;
background-color: #6da31b;
}
.detalhes_evento_single {
position: relative;
margin: auto;
background: #ffffff;
border: 1px solid #e7e6e6;
border-radius: 6px;
/* height: 460px;
position: relative; */
transition: 0.3s;
animation: fadeIn cubic-bezier(0.36, 0.06, 0.18, 1.03) 0.5s;
}
.detalhes_evento_single .full-content {
width: 100%;
/* position: absolute; */
top: 0;
-webkit-transition: all 0.2s ease-in-out;
/* Safari */
transition: all 0.2s ease-in-out;
}
/*---- Interações de hover Card ----*/
.detalhes_evento_single:hover {
transition: 0.3s;
box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
}
.detalhes_evento_single:hover img {
transition: 0.3s;
}
.detalhes_evento_single:hover .bthHide {
transition: 0.3s;
display: block;
}
.evento_com_imagem:hover .tagWEbinar {
color: #fff !important;
border: solid 1px #fff;
}
.evento_com_imagem:hover .tipoEvento {
color: #fff !important;
transition: 0.3s;
}
.evento_com_imagem:hover .tagEventoOnline {
color: #fff !important;
transition: 0.3s;
}
.evento_com_imagem:hover h3.tituloCurso {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .valor {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .footer_evento_single .horario .icon-calendario {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .footer_evento_single .local .icon {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .footer_evento_single .tit_local {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .footer_evento_single .horario {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .btAddCarrinho {
background: #fff;
}
.evento_com_imagem:hover .btAddCarrinho {
color: #79b736 !important;
transition: 0.3s;
}
.evento_com_imagem:hover .btAddCarrinho i {
color: #79b736 !important;
transition: 0.3s;
}
.evento_sem_imagem:hover .tagWEbinar {
color: #fff !important;
border: solid 1px #fff;
}
.evento_sem_imagem:hover .tipoEvento {
color: #fff !important;
}
.evento_sem_imagem:hover .tagEventoOnline {
color: #fff !important;
}
.evento_sem_imagem:hover h3.tituloCurso {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .valor {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .footer_evento_single .horario .icon-calendario {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .footer_evento_single .local .icon {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .footer_evento_single .tit_local {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .footer_evento_single .horario {
color: #fff;
transition: 0.3s;
}
.evento_sem_imagem:hover .btAddCarrinho {
background: #fff;
}
.evento_sem_imagem:hover .btAddCarrinho {
color: #79b736 !important;
transition: 0.3s;
}
.evento_sem_imagem:hover .btAddCarrinho i {
color: #79b736 !important;
transition: 0.3s;
}
/*---- Interações de hoverBox ----*/
.detalhes_evento_single.evento_sem_imagem:hover .top-content .image-area.com-marcacao{}
.image-area.com-marcacao .top-content--figure{
-webkit-transition: height 0.19s cubic-bezier(0.37, 0.35, 0.49, 0.51);
transition: height 0.2s cubic-bezier(0.37, 0.35, 0.49, 0.51);
}
.detalhes_combo_single {
background: #ffffff;
box-shadow: 0 0 7px #CECBCB;
margin-bottom: 5%;
border-radius: 6px;
min-height: 250px;
position: relative;
overflow: hidden;
/*cursor: pointer;*/
}
.corporativo {
border-top: solid 7px #f4d03c;
}
.corporativo .valor {
/*color: #f4d03c!important;*/
/* text-shadow: 0px 0px 1px #ccc;*/
}
.margin {
width: 92%;
margin: 0 auto;
position: relative;
}
.ev_img {
top: 0px;
width: 100% !important;
margin: 0 auto;
}
.ev_img img {
width: 100%;
object-fit: cover !important;
object-position: 50%;
}
h2.modalidade {
color: #FFF!important;
font-size: 14px!important;
margin: 0 auto !important;
padding: 3px 16px;
display: inline-block;
background: #2e66b7;
border-radius: 3px 10px 10px 0;
}
h3.tituloCurso {
font-family: 'roboto';
font-weight: 700;
font-size: 16px;
color: #354C63;
line-height: 120%;
max-height: 67px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.tituloProxEvento {
font-family: 'roboto';
font-weight: 700;
font-size: 16px;
color: #354C63;
line-height: 120%;
max-height: 67px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.tituloEventoMenu {
font-family: 'roboto';
font-weight: 700;
font-size: 16px;
color: #354C63;
line-height: 120%;
max-height: 67px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.tituloConteudoDigital {
margin-top: 6px;
font-family: 'roboto';
font-weight: 800;
font-size: 15px;
text-transform: uppercase;
color: #2e66b7;
line-height: 130%;
max-height: 67px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
h4.descricao {
color: #7c8f94;
font-size: 13px !important;
line-height: 130%;
}
.footer_evento_single {
width: 100%;
/* display: block;
position: absolute;
bottom: 0;
left: 0;
padding: 0 15px 13px;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
Safari */
transition: all 0.2s ease-in-out;
}
@media(max-width: 600px){
#devolutivaEx .footer_evento_single {
padding: 5px 14px 00px;
}
}
@media(max-width: 1023px){
.detalhes-topo .caminho {
color: #FFF;
position: relative!important;
}
}
.footer_evento_single .horario {
padding: 3px 0;
color: #718191;
font-size: 14px !important;
line-height: 130%;
}
.footer_evento_single .horario ul {
margin-bottom: 0;
}
.footer_evento_single ul li{
vertical-align: middle;
}
.footer_evento_single ul li.icon-area{
width: 28px;
text-align: center;
}
.footer_evento_single ul li{
width: calc(100% - 31px);
}
.footer_evento_single .horario ul li{
vertical-align: top;
}
.footer_evento_single .horario ul li:last-child{
max-width: calc(100% - 30px);
padding-left: 0;
margin-left: -3px;
margin-top: -2px;
}
.footer_evento_single .horario .icon-calendario{
font-size: 16px;
color: #354c63;
}
.startHorario {
font: 700 14px 'lato',sans-serif;
margin: -3px 20px 2px 0 !important;
}
.title-area .valor {
text-transform: uppercase;
font-family: 'roboto';
width: 100%;
color: #7ab71e;
font-size: 24px !important;
line-height: 100%;
font-weight: bold;
margin-top: 7px;
}
.title-area .valor strong{
text-transform: none;
font-size: 18px !important;
}
.title-area .valor p {
text-transform: initial;
margin-left: 0;
font-size: 13.5px !important;
margin-top: -5px;
font-weight: 500;
}
.hoverBotoes {
display: block;
padding: 0 15px;
position: absolute;
width: 100%;
}
.itemEvento:hover .hoverBotoes,
.itemEvento:focus .hoverBotoes {
display: block !important;
visibility: visible;
opacity: 1;
}
.btn.btSaibaMais {
border-radius: 0;
font-family: 'roboto';
font-weight: bold;
font-size: 15px;
padding: 14px;
width: 100%;
}
.btAddCarrinho {
font-family: 'roboto';
font-size: 15px;
background: #79b736;
color: #fff !important;
display: block;
height: 33px;
line-height: 34px;
text-align: center;
border-radius: 3px;
font-weight: 500;
transition: all 200ms ease-out;
opacity: 1;
z-index: 9999 !important;
}
.btAInscrito {
font-family: 'roboto';
font-size: 15px;
background: #F0F3F7;
color: #718191 !important;
display: block;
height: 33px;
line-height: 34px;
text-align: center;
border-radius: 3px;
font-weight: bold;
transition: all 200ms ease-out;
}
.btAddCarrinho .fa-check{
margin-right: 5px;
}
.btAddCarrinho:hover,
.btAddCarrinho:focus,
.btAddCarrinho:active {
background: #557f26;
transition: all 200ms ease-out;
}
.btAddCarrinho figure {
margin: 4px auto;
position: relative !important;
height: auto !important;
}
.btAddCarrinho p {
margin-top: 5px;
display: none;
}
.btAddCarrinho span {
display: inline-block;
overflow: hidden;
vertical-align: middle;
margin-right: 4px;
margin-top: -3px;
}
.btAddCarrinho .icon{
position: relative;
font-size: 23px;
color: #FFF;
}
/*------*/
.btPagamentoPendente {
background: #ff6c00;
cursor: pointer;
}
.btPagamentoPendente:hover {
background: #e55f00;
}
.btPagamentoPendente figure {
width: 34px;
height: auto !important;
margin: 4px 5px 4px 0;
position: relative !important;
}
.btPagamentoPendente figure img{
width: 100%;
height: 100%;
object-fit: contain;
}
.btPagamentoPendente p {
margin-top: 5px;
display: none;
}
/* .boxreservado {
border-top: solid 8px #ff6c00;
}
.boxinscrito {
border-top: solid 8px #7ab71e;
} */
/*----*/
.btRemoveCarrinho {
background: #ee8320;
font-family: 'roboto';
font-size: 15px;
color: #fff !important;
display: block;
height: 33px;
line-height: 34px;
text-align: center;
border-radius: 3px;
font-weight: bold;
transition: all 200ms ease-out;
}
.btRemoveCarrinho span{
display: inline-block;
overflow: hidden;
vertical-align: middle;
margin-right: 4px;
margin-top: -3px;
}
.btRemoveCarrinho i{
position: relative;
font-size: 22px;
color: #FFF;
}
.btRemoveCarrinho figure {
margin: 4px auto;
position: relative;
}
.btRemoveCarrinho p {
margin-top: 5px;
display: none;
}
.btRemoveCarrinho:hover figure {
display: none !important;
}
.btRemoveCarrinho:hover p {
display: block !important;
}
.footer_evento_single p {
margin-bottom: 0px;
}
.footer_evento_single .tit_fail {
float: left;
background: url("../img2016/all/boxevento/novagas.png") no-repeat top left;
background-size: 18px;
width: 100%;
padding: 3px 0 3px 0;
color: #7c8f94;
font-size: 15px !important;
line-height: 100%;
padding-left: 25px;
background-position: 1px 1px;
}
.footer_evento_single .local .icon{
color: #354c63;
}
.footer_evento_single .tit_local {
color: #718191;
padding-left: 0!Important;
margin-left: -3px;
overflow: hidden;
}
.footer_evento_single .tit_vagas {
float: left;
background: url("../img2016/all/boxevento/vagas.png") no-repeat top left;
background-size: 18px;
width: 100%;
padding: 3px 0 3px 0;
color: #7c8f94;
font-size: 15px !important;
line-height: 100%;
padding-left: 25px;
background-position: 0px 2px;
}
/*----*/
#encerradas .informeEncerradas {
background: #ce4a4a;
width: 100%;
color: #f5f5f5;
text-align: center !important;
font-size: 14px;
border-radius: 3px !important;
}
#encerradas .informeEncerradas:hover,
#encerradas .informeEncerradas:focus,
#encerradas .informeEncerradas:active{
border-color: transparent;
}
#encerradas .informeEncerradas i{
margin-right: 5px
}
.vagas .informeEncerradas {
color: #ce4a4a;
width: 100%;
text-align: center;
font-size: 14px;
float: left;
text-align: left;
}
.vagas .informeEncerradas .icon{
color: #ce4a4a;
}
.vagas .informeEncerradas .fa{
color: #FFF;
}
.vagas .informeEncerradas span{
display: inline-block;
vertical-align: middle;
}
.vagas .disponiveis{
font-size: 15px;
color: #718191;
margin-bottom: 0;
}
.alreadyInscrito {
background: #7ab71e;
width: 100%;
color: #f5f5f5;
text-align: center;
font-size: 14px;
}
.alreadyInscrito p {
margin: 0 auto !important;
line-height: 26px;
width: 100%;
cursor: default;
}
#encerradas .informeEncerradas p {
margin: 0 auto !important;
line-height: 21px;
width: auto;
background: url(../img2016/all/boxevento/encerradas.png) no-repeat center left;
padding: 0px 0 2px 0;
width: 185px;
}
.vagas .informeEncerradas p {
/* margin: 0 auto!important; */
line-height: 19px;
width: auto;
background: url(../img2016/all/boxevento/encerradas.png) no-repeat 0px;
padding: 0px 0 2px 23px;
width: 185px;
background-size: 17px;
}
/*----*/
#encerradasonline .informeEncerradas {
background: #ce4a4a;
width: 100%;
color: #f5f5f5;
text-align: center;
bottom: 40px;
position: absolute;
font-size: 14px;
}
#encerradasonline .informeEncerradas p {
margin: 20px auto 0!important;
line-height: 23px;
width: auto;
background: url("../img2016/all/boxevento/encerradas.png") no-repeat center left;
padding: 1px 0 3px 0;
width: 98%;
font-size: 13px;
line-height: 15px;
}
#encerradasonline .informeEncerradas p strong {}
/*==== LISTA EVENTOS ======*/
.top_compra > span{
display: inline-block;
vertical-align: middle;
}
.top_compra > span .icon{
color: #FFF;
margin-right: 10px;
}
.top_compra > span .icon-carrinho{
font-size: 22px;
}
.top_compra > span .icon-carrinho-add{
font-size: 22px;
}
.top_compra > span i{
margin-right: 5px;
}
.mute {
display: none;
}
.unmute img {
width: 30px;
height: 30px;
}
#contaUsuario .dropdown-menu p {
display: none;
}
.topoBoxBusca #filtrar {
margin: 0px !important;
}
.floatContato {
display: none;
position: fixed;
bottom: 0px;
right: 0px;
background: #0066BB;
color: #fff;
font-size: 13px;
z-index: 98;
padding: 8px 5px;
cursor: pointer;
}
.box_faleConosco {
z-index: 99 !important;
}
/*===================== Interna evento =====================*/
#contentDetalhes {
min-height: 400px;
}
.informacoes_comuns {
/* width: 71%;
float: left; */
}
.informacoes_comuns h1 {
font-size: 24px;
color: #2e66b7;
line-height: 140%;
margin-top: 0px;
}
.informacoes_comuns h2 {
font-size: 18px;
color: #7c8f94;
line-height: 145%;
margin-top: 15px;
line-height: 125%;
}
.evento_single {
width: 100%;
padding-bottom: 15px;
margin-bottom: 45px;
}
#descreve img{
width: 100%!important;
max-width: 100%!important;
}
.informacoes_de_compra {
max-width: 313px;
width: 100%;
overflow: hidden;
box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background: #FFF;
position: sticky;
top: 120px;
z-index: 3;
padding: 15px;
float: right;
margin-top: -70px;
}
/*
#informacoes_de_compra .badge {
background-color: #79b736 !important;
margin-bottom: 6px;
font-size: 13px;
}
*/
.custom ul,
.custom ol{
padding-left: 20px;
}
.custom li{
list-style: inherit!important;
}
.informacoes_de_compra .top_compra {
margin-bottom: 10px;
border-radius: 5px;
padding: 2px;
font-size: 16px;
text-align: center;
background: #7ab71e;
text-transform: none;
}
.informacoes_de_compra .top_compra:hover {
background: #6da31b;
}
.informacoes_de_compra .vagas {
color: #354c63;
font-size: 16px;
font-weight: 600;
}
.informacoes_de_compra .vagas .fa {
font-size: 17px;
margin-right: 7px;
}
.top_compra a {
width: 80%;
margin: 0 auto;
text-decoration: none;
color: #fff;
}
.top_compra a:hover {
opacity: 0.9;
color: #fff;
}
.top_compra img {
height: 24px !important;
margin-right: 3px;
margin-top: -5px;
}
.pend figure img{
margin-top: 5px;
}
.top_compra strong {
font-size: 14px;
}
a.top_compra:hover,
a.top_compra:focus,
a.removerSelecao:hover,
a.removerSelecao:focus,
a.reserva:hover,
a.reserva:focus,
a.concluirInscricao:hover,
.btn_comprovante:hover {
color: #fff;
text-decoration: none;
}
a.top_compra:hover,
a.top_compra:active,
a.top_compra:focus {
background-color: #479959;
}
.confirmado {
cursor: default;
}
.btn_comprovante {
color: #fff;
}
a.reserva {
color: #fff;
}
a.removerSelecao {
background-color: #ee8320 !important;
}
a.removerSelecao:hover,
a.removerSelecao:active,
a.removerSelecao:focus {
background: #d6731d !important;
}
a.concluirInscricao {
color: #fff;
text-align: left;
}
.top_compra {
margin: 0px;
background-size: 16px;
width: 100%;
background-color: #54b36a;
line-height: 35px;
color: #fff;
font-family: 'roboto' !important;
font-weight: 500;
float: left;
margin-bottom: 3px;
}
.top_compra_sm {
margin: 0px;
background-size: 16px;
width: 190px;
background-color: #54b36a;
line-height: 35px;
color: #fff;
font-family: 'roboto' !important;
float: left;
margin-bottom: 3px;
}
.btnFinalizarInscr {
text-align: center !important;
background: #54b36a;
font-size: 11px;
text-transform: uppercase;
border-radius: 4px;
}
/*.top_remover {
margin: 0px;
text-align: center;
background-position: 11% 50%;
background-size: 16px;
width: 100%;
background-color: #2e66b7;
color: #fff;
}
.top_finalizar{
margin: 0px;
text-align: center;
background-position: 11% 50%;
background-size: 16px;
width: 100%;
background-color: #2e66b7;
color: #fff;
}*/
.evento_valores {
text-align: center;
color: #2e66b7;
/* */
}
.evento_valores p {
font-size: 14px !important;
font-family: 'roboto';
font-weight: 500;
margin: 0;
overflow: auto;
color: #718191;
}
h1.valor_todo {
font-size: 13px;
margin: 15px 0 4px 0px !important;
}
.valor_todo span {
text-decoration: line-through;
}
/*
h2.valor_desconto {
font-family: 'roboto';
font-size: 35px;
margin: 0 0 8px 0 !important;
color: #7ab71e;
font-weight: bolder;
text-align: left;
line-height: 1.2;
}
.valor_desconto p {
margin-bottom: -2px;
font-size: 14px !important;
font-family: 'roboto';
font-weight: 500;
margin: 0;
overflow: hidden;
color: #718191;
}
*/
h3.parcelamentos {
font-size: 15px;
margin: 0 !important;
}
h4.favorite {
background: url(../img2016/evento/fav.png) no-repeat top left;
text-decoration: none;
color: #97a1af;
font-size: 14px;
padding-left: 25px;
/* padding-bottom: 3px; */
background-size: 15px;
background-position: 3px 2px;
}
h5.share {
background: url(../img2016/evento/share.png) no-repeat top left;
text-decoration: none;
color: #97a1af;
font-size: 17px;
padding-left: 28px;
background-size: 18px;
background-position: 0px 1px;
width: 75%;
margin: 10px auto 14px;
}
.informacoes_detalhadas {
border-bottom: solid 1px #ddd;
padding-bottom: 15px;
margin-bottom: 15px;
}
.mt-1{
margin-top: 4%!important;
}
.mt-2{
margin-top: 4%!important;
width: 970px;
}
.como_chegar{
/*display: none;*/
}
.map{
height: 400px!important;
}
.informacoes_detalhadas h1,
.como_chegar h1 {
font-size: 25px;
color: #2e66b7;
margin: 0;
font-weight: bolder;
line-height: 34px;
}
.informacoes_detalhadas article {
margin: 20px 0 30px 0;
width: 30%;
min-width: 300px;
display: inline-block;
vertical-align: top;
}
.informacoes_detalhadas article h2 {
font-size: 16px;
color: #2e66b7;
margin: 0 0 4px 0 !important;
}
.informacoes_detalhadas article p {
font-size: 15px;
color: #7c8f94;
text-transform: uppercase;
margin-left: 21px;
width: 80%;
}
.vagas .esgotadas {
font-family: 'roboto';
color: #ce4a4a !important;
margin-bottom: 0;
}
.vagas .esgotadas .icon{
color: #ce4a4a !important;
}
.vagas .icon-meus-dados{
font-size: 14px;
color: #354c63;
}
.vagas .list-inline li {
vertical-align: middle;
}
.informacoes_detalhadas article p span {
border-right: solid 2px #ddd;
padding-right: 8px;
margin-right: 8px;
}
.informacoes_detalhadas article p span:last-child {
border: none !important;
}
.informacoes_detalhadas article p:first-letter {
text-transform: uppercase;
}
.tituloVideo {
font-family: "roboto";
font-size: 32px;
margin: 2px 0 15px;
font-weight: bolder;
text-transform: uppercase;
line-height: 38px;
color: #2a60ad;
}
#containerVideo {
position: relative;
max-width: 1220px;
height: 450px;
margin-top: 25px;
}
#containerVideo #video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
}
.tagVideo {
font-family: "roboto";
line-height: 26px;
font-size: 14px;
padding: 0px 16px;
border-radius: 100px;
display: inline-block;
text-align: center;
color: #2a60ad;
background-color: #fff;
}
.tagVideoCard {
font-family: "roboto";
line-height: 28px;
font-size: 14px;
border-radius: 8px;
display: inline-block;
text-align: center;
color: #fff;
background-color: #354c63;
width: 100%;
margin-top: 2px;
}
.detalhes-topo {
padding: 0px 0 20px;
color: #FFF;
margin-bottom: 15px;
background: #2a60ad;
position: relative;
}
.detalhes-topo #titulo {
font-family: "roboto";
font-size: 34px;
font-weight: bolder;
line-height: 36px;
}
.detalhes-topo #titulo:first-letter {
text-transform: uppercase;
}
.detalhes-topo .caminho{
color: #FFF;
position: absolute;
top: 8px!important;
width: 100%;
margin-top: 5px;
text-transform: lowercase;
}
.detalhes-topo .caminho .icon{
color: #FFF;
}
.caminho {
/* font-family: 'roboto';
font-size: 13px;
display: block;
margin-bottom: 4px;
color: #354c63;*/
font-family: 'roboto';
font-size: 14px;
display: block;
margin-bottom: 22px;
color: #354c63;
}
.caminho span {
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
}
.caminho span:nth-child(n+3){
max-width: calc(100% - 60px);
}
.caminho .icon{
color: #354c63;
}
#categorias {
display: block;
}
#categorias span {
line-height: 26px;
font-size: 14px;
padding: 0px 16px;
border-radius: 20px;
display: inline-block;
margin: 0 19px 3px 4px;
text-align: center;
}
.detalhes-topo .horario {
width: 105px;
display: block;
margin: 0 auto;
}
.detalhes-topo .tempoEvento {
font-size: 12px;
color: #FFF;
opacity: 0.7;
display: block;
/* width: 100%; */
}
.descricoes .item .fa {
position: absolute;
left: 0;
font-size: 18px;
}
.descricoes .item {
font-family: 'roboto';
font-size: 15px;
display: block;
position: relative;
/* text-transform: uppercase; */
margin: 5px 0;
}
.descricoes .item span{
/* width: 25px; */
display: table-cell !important;
vertical-align: top;
font-family: 'roboto';
font-weight: 400;
font-size: 15px;
line-height: 20px;
}
.descricoes .item > span:last-child{
width: calc(100% - 28px);
}
.descricoes .item .icon{
color: #FFF;
margin-right: 7px;
}
.descricoes .item .fa-angle-down{
position: unset;
margin-left: 5px;
}
.descricoes .item .icon-localizacao{
margin-left: 3px;
}
#listaSocial {
padding: 0;
margin-top: 20px;
display: block;
text-align: center;
}
#listaSocial li {
margin: 0 auto;
height: 44px;
width: 44px;
line-height: 44px;
display: block;
margin-bottom: 30px;
display: block;
}
#listaSocial li a {
width: 100%;
height: 100%;
display: block;
color: #FFF;
text-align: center;
font-size: 18px;
border-radius: 100%;
}
#listaSocial li a {
text-decoration: none;
}
#listaSocial li a .fa {
display: block;
line-height: 45px;
}
#listaSocial li.twitter a {
background: #1e9eef;
}
#listaSocial li.twitter a:hover {
background: #1d97e2;
}
#listaSocial li.facebook a {
background: #3a589e;
}
#listaSocial li.facebook a:hover {
background: #324b87;
}
#listaSocial li.google a {
background: #E34B3E;
}
#listaSocial li.google a:hover {
background: #d1443a;
}
#listaSocial li.whatsapp a {
background: #00d45e;
}
#listaSocial li.whatsapp a:hover {
background: #00bf52;
}
#listaSocial li.linkedin a {
background: #0173b2;
}
#listaSocial li.linkedin a:hover {
background: #016399;
}
#listaSocialHorizontal {
padding: 0;
display: block;
}
.pDireita {
text-align: right;
}
.pEsquerda {
text-align: left;
margin: 20px 0;
}
#listaSocialHorizontal li {
margin: 0 auto;
height: 44px;
width: 44px;
line-height: 44px;
display: inline-block;
margin-left: 30px;
}
#listaSocialHorizontal li a {
width: 100%;
height: 100%;
display: block;
color: #FFF;
text-align: center;
font-size: 18px;
border-radius: 100%;
}
#listaSocialHorizontal li a {
text-decoration: none;
}
#listaSocialHorizontal li a .fa {
display: block;
line-height: 45px;
}
#listaSocialHorizontal li.twitter a {
background: #1e9eef;
}
#listaSocialHorizontal li.twitter a:hover {
background: #1d97e2;
}
#listaSocialHorizontal li.facebook a {
background: #3a589e;
}
#listaSocialHorizontal li.facebook a:hover {
background: #324b87;
}
#listaSocialHorizontal li.google a {
background: #E34B3E;
}
#listaSocialHorizontal li.google a:hover {
background: #d1443a;
}
#listaSocialHorizontal li.whatsapp a {
background: #00d45e;
}
#listaSocialHorizontal li.whatsapp a:hover {
background: #00bf52;
}
#listaSocialHorizontal li.linkedin a {
background: #0173b2;
}
#listaSocialHorizontal li.linkedin a:hover {
background: #016399;
}
/*
Como chegar?
========================================================================*/
#containerLocalizacao {
width: 100%;
margin-top: 8px;
/* max-width: 1220px; */
position: relative;
/* float: left; */
display: block;
}
#containerLocalizacao h2.tituloLocalizacao {
color: #3386ca;
font-size: 18px;
height: 37px;
margin: 0;
padding: 0;
}
#containerLocalizacao h2.tituloLocalizacao span {
background: #f5f5f5;
padding: 10px 10px 10px 0px;
float: left;
}
#containerLocalizacao #comoChegar {
width: 100%;
display: inline-table;
}
#containerLocalizacao #comoChegar #formOndeEsta {
width: 50%;
display: inline-block;
margin-bottom: 10px;
}
#containerLocalizacao #comoChegar #formOndeEsta #endereco {
width: 80%;
height: 37px;
float: left;
border-radius: 0px 0px 0px 0px;
border: solid 1px #2e66b7;
border-right: 0;
border-left: 0;
padding: 0 1%;
font-size: 1em;
font-weight: normal;
color: #2e66b7;
text-transform: uppercase;
}
#btnLocalizar {
float: left;
height: 37px;
background: url("../img2016/evento/local.png")center center no-repeat #0066bb;
border: solid 1px #2e66b7;
font-size: 1em;
width: 7%;
min-width: 10px;
display: inline;
border: none;
}
#btnIr {
height: 43px;
border-left: 0;
color: #364d62;
background: #fff;
}
#btnIr:hover,
#btnIr:focus,
#btnIr:active {
color: #2e66b7;
background: #FFF;
box-shadow: none;
border-left: 0;
}
.btn:hover,
.btn:focus,
.btn:active {
outline: none;
box-shadow: inherit;
border-color: #ccc;
}
.btn{
font-family: 'roboto';
font-weight: bold;
}
.btn-transparent{
background: transparent;
color: #354c63;
}
.btn-transparent .icon{
color: #fff;
}
/*.btn-transparent:hover .icon{
color: #2e66b7;
}
*/
.input-group-btn .btn-transparent{
border: 1px solid #2e66b7;
border-left: 0;
padding: 11px 12px;
background: #2e66b7;
}
/* .input-group-btn .btn-transparent{
border: 1px solid #2e66b7;
border-left: 0;
padding: 13.5px 18px;
background: #2e66b7;
} */
.input-group-btn .btn-transparent:hover{
background: #275596;
}
.btn-default{
background: #e7ebec;
color: #4475bb;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{
background: #d9dde2;
color: #4475bb;
}
.btn-primary{
background: #4475bb;
}
.faceOutline {
color: #2e66b6 !important;
font-size: 23px !important;
}
.txtSocial {
font-size: 11px;
margin-top: -1px;
margin-left: 6px;
margin-bottom: 0px;
color: #2e66b6;
display: inline-block;
}
.btn-socialF-outline {
border: solid 1px #CED4DA;
color: #FFF;
background: none;
width: 100%;
padding: 7px 11px;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
transition: 0.3s;
}
.btn-socialF-outline:hover {
border: solid 1px #fff;
box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 20%);
}
.btn-socialF {
border: solid 1px #1778f2;
color: #FFF;
background: #1778f2;
width: 100%;
padding: 8px 11px;
border-radius: 3px;
font-size: 14px;
}
.btn-socialF:hover,
.btn-socialF:focus,
.btn-socialF:active{
color: #FFF;
text-decoration: none;
border-color: #0063df;
background: #0063df;
}
.btn-socialG {
border: solid 1px #bbbbbb;
color: #364c62;
background: #ffffff;
width: 100%;
padding: 8px 11px;
border-radius: 3px;
font-size: 14px;
}
.btn-socialG:hover,
.btn-socialG:focus,
.btn-socialG:active{
color: #364c62;
text-decoration: none;
border-color: #95d0ff;
background: #dbefff;
}
.btn-2{
padding: 11px 34px;
border-radius: 3px;
font-size: 14px;
}
@media(max-width: 600px){
.btn-2 {
padding: 11px 34px;
border-radius: 3px;
font-size: 14px;
width: 100%;
margin-top: 10px;
}
#formulario_pf #sendFormPessoaFisica2 {
float: left;
margin-left: 0px;
cursor: pointer;
width: 100%;
}
}
.btn-small-height{
padding-top: 0;
padding-bottom: 0;
line-height: 25px;
height: 26px;
font-family: 'roboto' !important;
font-weight: unset !important;
}
.btn-small-height i{
margin-right: 3px;
}
.btn-blue,
.btn-primary {
border: solid 1px #2e66b7;
color: #FFF;
background: #2e66b7;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: #FFF;
text-decoration: none;
border-color: #2e66b7;
background: #275596;
}
.btn-blue rt {
font-size: 11px;
}
.btn-light {
border: solid 1px #fff;
color: #2e66b7;
background: #fff;
transition: 0.3s;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
text-decoration: none;
border-color: #c0d9fd;
background: #c0d9fd;
transition: 0.3s;
}
.icon-btn{
font-size: 16px;
}
.icon-btn.icon-left{
margin-right: 9px;
}
#containerLocalizacao #comoChegar #mapview {
width: 100%;
float: left;
margin-top: 10px;
clear: both;
position: relative;
}
#containerLocalizacao #comoChegar #mapview #map_canvas {
height: 380px;
}
#containerLocalizacao #comoChegar .direcao {
width: 40%;
max-width: 340px;
height: 330px;
margin: 0 0 0 0;
float: right;
background: #FFF;
position: absolute;
top: calc(50% - 165px);
right: 12%;
padding: 35px 30px;
display: none;
}
#containerLocalizacao #comoChegar .direcao .fechar {
color: #364d62;
font-size: 20px;
position: absolute;
top: 5px;
right: 8px;
padding: 5px;
}
#containerLocalizacao #comoChegar .direcao .fechar:hover,
#containerLocalizacao #comoChegar .direcao .fechar:focus {
color: #2e66b7;
}
#containerLocalizacao #comoChegar .direcao .guiaInfor {
margin: 73px auto;
font-size: 13px;
text-align: left;
background-color: #2e66b7;
padding: 9px;
color: #fff;
width: 40%;
}
#containerLocalizacao #comoChegar #directionsPanel {
height: 100%;
overflow: hidden;
overflow-y: visible;
}
.mask {
display: none;
width: 100%;
height: 100%;
position: fixed;
background: #000;
opacity: 0.8;
z-index: 99;
top: 0px;
left: 0px;
}
/*================== Fim interna evento ====================*/
.bandeiras-titulo {
color: #354c63;
font-size: 15px;
text-align: left;
font-weight: bold;
margin-bottom: 9px;
}
#listaBandeiras .bandeiras {
list-style-type: none;
display: inline-block;
vertical-align: middle;
margin: 0 7px 15px 0;
}
#listaBandeiras .icon-boleto{
font-size: 33px;
}
/*========== LOGIN =====================================================*/
.intro{
width: 61%;
float: left;
background: url(../img2016/all/login/bglogin2.png);
background-size: cover;
background-position: center center;
position: relative;
}
.saudacaoText {
color: #fff;
position: absolute;
bottom: 5%;
left: 7%;
}
.saudacaoText h1 strong {
font-size: 27px;
line-height: 126%;
font-family: 'roboto';
}
.saudacaoText h1 {
font-size: 21px!important;
max-width: 350px;
line-height: 118%;
font-family: 'roboto';
}
.saudacaoText h2{
font-size: 16px;
margin: 10px 0;
line-height: 134%;
max-width: 315px;
}
.intro .st1,
.intro .st2,
.intro .st0{
background-color: #fff !important;
fill: #fff;
}
.intro .svg {
height: 50px;
margin: 5% 7%;
}
.boxesacoes{
width: 39%;
float: right;
}
.boxesacoes ul li{
width: 50%
}
.boxesacoes ul li a{
font-size: 17px;
font-family: 'roboto';
font-weight: bold;
text-align: center;
margin-right: 0;
border: none!important;
color: #555555;
}
.boxesacoes ul li a rt{
font-size: 13px;
font-family: 'roboto';
display: block;
margin-bottom: -3px;
}
.boxesacoes ul li.active a{
border: none!important;
}
.boxesacoes .nav-tabs{
background: #f1f1f1;
}
.title_box {
border-top: #bbbbbb 1px solid;
margin-top: 5px;
margin-bottom: -5px;
text-align: center;
}
.title_box #title {
position: relative;
top: -0.8em;
padding: 0 10px;
display: inline;
margin: 0 auto;
font-size: 13px;
float: none;
color: #354c63;
font-family: 'roboto';
background: #fff;
}
#loginEmail{
margin-top: 0;
}
.title_box #content {
height: 0;
}
.pas{
position: relative;
float: left;
width: 100%;
}
.magiceye, .magiceyeOne, .magiceyeConf{
position: absolute;
right: 13px;
top: 31px;
cursor: pointer;
}
/*======*/
.open_filtro_busca {
float: right;
/* border: solid 1px red; */
background: none !important;
border: none;
margin-top: 2px;
position: relative;
margin-right: 10px;
}
.open_filtro_busca.semFeiraLojaPA {
height: 60px;
width: 36px;
margin: 0 auto !important;
position: relative;
left: calc(-100% + 56px);
}
@media(max-width: 768px){
}
/*======*/
#interest,
#interest_nosenha {
max-width: 303px;
margin: 0 auto 0;
width: 84%;
}
.box_acesso input{
width: 100%;
float: left;
color: #424241;
border: solid 1px #99aeb8;
font-size: 14px;
padding: 11px 8px;
border-radius: 3px;
line-height: normal;
margin-bottom: 11px;
}
.box_acesso h3 {
color: #6e8c95;
font-size: 17px;
margin: 22px auto !important;
clear: both;
text-align: center;
width: 59%;
line-height: 125%;
}
.box_acesso h3 strong {
}
.esqueciSenha {
margin-top: -9px;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 190%;
}
.box_acesso input{
width: 100%;
float: left;
color: #424241;
border: solid 1px #99aeb8;
font-size: 14px;
padding: 11px 8px;
border-radius: 3px;
line-height: normal;
}
/*--------------*/
.box_cadastrar {
width: 100%;
}
.box_acesso {
width: 100%;
}
.spacoBlocosConteudoLogin {
display: flex;
margin: 20px auto 0 !important;
min-height: 450px;
}
.enderecoft {
color: #698190;
font-size: 15px;
}
.box_cadastrar input {
color: #424241;
border: solid 1px #99aeb8;
font-size: 14px;
padding: 11px 8px;
width: 100%;
border-radius: 3px;
line-height: normal;
margin-bottom: 11px;
}
.AlertInput {
border: solid 1px #EF4646 !important;
}
.alertbtn {
border: #EF4646 !important;
background: #EF4646 !important;
}
.box_acesso_nosenha h2 {
font-size: 30px;
text-align: center;
color: #3b67a6;
margin-bottom: 15px;
}
.box_cadastrar .row {
margin-right: -5px!important;
margin-left: -5px!important;
}
.box_cadastrar .col-md-6 {
position: relative;
min-height: 1px;
padding-right: 5px!important;
padding-left: 5px!important;
}
.box_cadastrar h1{
font-family: 'roboto';
font-weight: bold;
color: #354c63;
font-size: 17px;
margin-bottom: 10px;
}
.boxValidacao {
max-width: 303px;
margin: 20px auto;
width: 84%;
}
.box_acesso_nosenha input {
width: 100%;
float: left;
/*color: #2e66b7;*/
border: solid 1px #bbbbbb;
font-size: 20px;
padding: 7px 8px;
margin-bottom: 16px;
border-radius: 2px;
}
.box_acesso_nosenha h3 {
color: #6e8c95;
font-size: 19px;
margin: 25px auto !important;
clear: both;
text-align: center;
width: 59%;
}
.box_acesso_nosenha h3 strong {
}
/*#centerlog{
width: 80%;
margin: 0 auto;
}
#centerlog label{
width: 100%;
float: left;
color: #6d8b93;
font-size: 16px;
margin-bottom: 4px;
padding: 15px 0 0 0;
}
#centerlog input{
width: 100%;
float: left;
color: #2e66b7;
border: solid 1px #bbbbbb;
font-size: 18px;
padding: 3px 8px;
}*/
.keeper_login {
width: 300px;
background: #fff;
padding: 10px 0 89px 0;
position: relative;
margin: 0 auto;
clear: both;
}
.userlogged {
float: left !important;
margin-right: 15px;
}
.car {
float: right;
position: relative;
cursor: pointer;
}
.keeper_login h2 {
font-size: 23px;
color: #2e66b7;
width: 100%;
padding: 10px 0 0 0;
margin: 0 !important;
}
.loginEntrar {
width: 100%;
height: 45px;
background: #2e66b7;
border: none !important;
color: #fff !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
font-family: 'roboto';
}
.loginEntrar:hover {
opacity: 0.9;
box-shadow: 0px 0px 1px #666;
-moz-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
#dialog_errors {
font-size: 13px;
line-height: 159%;
color: #bd0303;
margin-top: 5px;
float: left;
}
.webkit select,
select.form-control::-ms-expand {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: #fff url("data:image/svg+xml;utf8,") no-repeat !important;
background-size: 4px;
background-position: calc(100% - 15px) center !important;
background-repeat: no-repeat;
padding-right: 30px !important;
background: #fff;
border: 0;
}
select.form-control::-ms-expand{
margin-right: 1px;
padding-right: 20px !important;
background-color: red;
}
a#remember {
color: #6e8c95;
font-size: 16px;
margin: 12px auto !important;
clear: both;
float: left;
text-align: center;
width: 100%;
}
/*-----*/
.box_cadastrar h2 {
font-size: 30px;
text-align: center;
color: #246bae;
margin-bottom: 15px;
margin-top: 0;
}
.box_cadastrar p{
color: #738088;
line-height: 125%;
}
.querocadastrar {
width: 100%;
height: 45px;
background: #2e66b7;
border: none !important;
color: #fff !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
font-family: 'roboto';
}
.querocadastrar:hover {
opacity: 0.9;
box-shadow: 0px 0px 3px #666;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/* =====================================================================
Carrinho
========================================================================*/
a.btnContinuarComprando {
font-size: 16px;
padding: 5px 10px;
background: #2e66b7;
color: #fff;
float: right;
text-decoration: none !important;
border-radius: 3px;
}
a.btnContinuarComprando:hover {
text-decoration: none;
color: #f5f5f5;
}
.carrinho-title-area,
.title-button-area {
display: flex;
justify-content: space-between;
padding: 4px 0 3px;
margin: 0 0 31px;
border-bottom: solid 1px #bbbbbb;
}
.carrinho-title-area > span {
display: inline-block;
vertical-align: middle;
}
#containerCarrinho #carrinho {
margin: 15px 0;
}
#containerCarrinho #carrinho #colunaItens {
margin: 0 0 10px 0;
display: block;
}
#containerCarrinho #carrinho #colunaItens .boxCol {
height: 40px;
width: 100%;
color: #718191;
font-size: 15px;
font-weight: bold;
}
#containerCarrinho #carrinho #colunaItens .itensCarrinho {
display: -webkit-inline-box;
}
#containerCarrinho #carrinho #colunaItens .itensCarrinho .alert{
margin: 15px 0 0;
}
#containerCarrinho #carrinho #colunaItens .boxCol .itensValor {
height: 40px;
width: 100%;
color: #718191b8 !important;
font-size: 15px;
font-weight: bold;
font-family: 'roboto';
}
#containerCarrinho #carrinho #colunaItens .itensValor {
font-family: 'roboto';
display: block;
text-align: right;
font-size: 20px;
color: #7ab71e;
font-weight: bold;
}
#containerCarrinho #carrinho #colunaItens .itensValor strong{
text-transform: none;
font-size: 16px !important;
}
#containerCarrinho #carrinho #colunaItens #listaItens {
width: 100%;
padding: 0;
border-top: none;
}
#containerCarrinho #carrinho #colunaItens #listaItens li {
border-bottom: none;
margin: 0;
margin: 0 0 20px 0px;
display: block;
padding: 26px 24px;
border: 1px solid #e7e6e6;
border-radius: 5px;
background: #FFF;
}
#containerCarrinho #carrinho #colunaItens #listaItens li:last-child {
width: 100%;
height: 100%;
list-style: none;
margin-bottom: 0px;
padding-bottom: 45px;
position: relative;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .removerItem {
text-align: right;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .btnRemover {
display: block;
text-decoration: none !important;
color: #364d62;
font-size: 18px;
padding: 0 0 15px 15px;
cursor: pointer;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .btnRemover:hover {
color: #2e66b7;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .itensCarrinho a {
text-decoration: none;
display: block;
overflow: hidden;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .itensCarrinho a h3 {
font-family: 'roboto';
font-size: 16px;
color: #2e66b7;
padding: 0;
margin: 0 0 5px 0;
font-weight: 700;
line-height: 120%;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .itensCarrinho a .detalhe {
width: 100%;
display: block;
font-size: 14px;
color: #58636d;
}
#containerCarrinho #carrinho #colunaItens #listaItens li .detalhe strong {
font-family: 'roboto';
color: #58636d;
font-size: 15px;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento,
.middleone {
width: 100%;
margin-bottom: 15px;
display: inline-block;
position: relative;
}
.form-msg {
font-size: 14px;
color: #838a91;
margin-top: 15px;
display: block;
}
#finalizarTopo {
width: 100%;
text-align: center !important;
color: #fff;
float: left;
background-color: #79b736;
padding: 7px;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
.valorsempad {
padding-bottom: 0px !important;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .tituloPagamento,
.middleone .tituloPagamento {
font-size: 16px;
color: #fff;
background: #2e66b7;
padding: 8px;
}
.totalTitle {
font-family: 'roboto';
display: block;
}
.totalValor {
font-family: 'roboto';
display: block;
text-align: right;
font-size: 30px;
color: #7ab71e;
}
.valorDesconto {
font-family: 'roboto';
text-decoration: line-through;
display: block;
text-align: right;
font-size: 15px;
color: #79828a;
margin-top: -5px;
}
.totalValorDesconto {
font-family: 'roboto';
text-decoration: line-through;
display: block;
text-align: right;
font-size: 15px;
color: #79828a;
margin-top: -5px;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .tituloForma {
font-family: 'roboto';
font-size: 25px;
color: #354c63;
font-weight: bold;
padding: 9px 0;
line-height: normal;
border-bottom: 1px solid #bbbbbb;
}
.tituloFormaCombo {
font-family: 'roboto';
font-size: 25px;
color: #354c63;
font-weight: bold;
padding: 9px 0;
line-height: normal;
border-bottom: 1px solid #bbbbbb;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .valorTotal {
border-bottom: solid 1px #e7ebec;
color: #00569c;
text-align: right;
font-size: 16px;
padding: 10px;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .valorTotal span {
width: 100%;
display: block;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento.valorTotal span.desconto {
color: #888;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .valorTotal strong {
color: #354c63;
width: 100%;
display: block;
font-size: 15px;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .formPagar .campoPagar {
display: block;
width: 100%;
margin: 11px auto 0;
}
.boxPagarpendente .formPagar .campoPagar {
display: block;
width: 100%;
margin: 11px auto 0;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .formPagar h3 {
display: block;
width: 85%;
margin: 0 auto;
}
.mt-3 {
margin-top: 11px !important;
}
/*================================*/
#cupomdedesconto {
width: 88%;
margin-left: 0 auto;
padding: 5px 0;
font-family: "roboto";
}
#numerodesconto {
float: left;
border: solid 1px #dddddd;
font-family: "roboto";
padding: 6px 4px;
font-size: 13px;
width: 78%;
margin-bottom: 12px;
}
.inserirDesconto {
border: none;
background: #2e66b7;
color: #fff;
float: right !important;
padding: 6px 0;
width: 18%;
text-align: center !important;
}
#cupomdedesconto {
margin: 6px auto;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento .formPagar .btnComprar {
background: #2e66b7 !important;
color: #FFF;
font-size: 15px;
border: none;
width: 100%;
padding: 8px;
text-align: center;
margin-top: 5px;
position: absolute;
bottom: 0px;
}
.cart .detalhes_evento_single:hover {
box-shadow: 0 0 7px #CECBCB;
}
#orientacoes {
padding: 40px;
color: #969ba1;
font-size: 14px !important;
border-radius: 5px;
background: #e7ebec;
}
#orientacoes span {
font-family: "roboto";
color: #58636d;
font-size: 18px;
margin-bottom: 11px;
display: inline-block;
padding-left: 30px;
background: url(../img2016/carrinho/obs.png) no-repeat;
}
#orientacoes p {
width: 90%;
color: #969ba1;
line-height: 130% !important;
font-size: 14px !important;
margin-left: 12px !important;
list-style: disc outside none;
display: list-item;
}
#orientacoes p strong {
font-family: 'roboto' !important;
font-size: 14px;
}
#orientacoes p a {
font-weight: 600;
}
#containerPrincipal{
display: block;
}
.titleCarrinho {
font-family: 'roboto';
font-weight: 700;
color: #354c63;
font-size: 25px;
display: block;
}
.titleCarrinhoNegado {
text-transform: capitalize;
font-family: 'roboto';
margin-top: 3px;
font-size: 21px;
color: #718191;
display: inline-block;
}
.titleCarrinhoNegadoh2 {
font-family: 'roboto';
font-weight: 700;
color: #354c63;
font-size: 28px;
display: block;
margin-bottom: 13px;
}
.titleCarrinhoConclusao {
font-family: 'roboto';
font-weight: 700;
font-size: 30px !important;
color: #555555;
display: block;
}
.titleCarrinhoConclusaoSubtitulo {
font-family: 'roboto';
font-weight: 300;
font-size: 24px !important;
color: #555555;
display: block;
}
.titleCarrinhoh2{
font-weight: bold;
margin-top: 3px;
font-size: 22px;
color: #718191;
margin-bottom: 16px;
display: inline-block;
}
.title_reservas {
width: 100%;
font-family: "roboto";
color: #2e66b7;
font-size: 22px;
padding: 10px 0;
/* border-bottom: solid 1px #ddd; */
/* background-color: #fff; */
left: 0px;
margin-top: 15px;
display: inline;
}
.breadcrumbs {
font-size: 16px;
color: #2e66b7;
margin-top: 20px;
margin-left: 7px;
}
.breadcrumbs a {
text-decoration: none !important;
text-align: center;
width: 25%;
float: left;
height: 100%;
vertical-align: bottom;
line-height: 30px;
}
.breadcrumbs .active {
font-size: 20px !important;
}
.cbck{
float: right;
}
.cbck span{
margin-right: 3px;
}
.breadcrumbs #prog_line li {
list-style: none !important;
display: inline-block !important;
padding: 5px 5% 5px 0;
}
.links {
width: 45%;
float: left;
}
@media(max-width: 580px){
.cbck{
display: none!important;
}
}
/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.3.0
* Docs at http://davidtheclark.github.io/scut
*/
.ProgressSteps-wrapper {
position: relative;
width: 650px;
float: left;
}
.ProgressSteps {
font-size: 16px;
margin: 0 auto 1em;
padding: 0;
list-style: none;
position: relative;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ProgressSteps-bar {
position: absolute;
width: 100%;
height: 3px;
top: 59%;
left: 0%;
background: #d7d9e0;
}
.ProgressSteps-bar:after {
content: "";
position: absolute;
top: 0;
left: 0%;
width: 8%;
height: 2px;
z-index: 2;
background: #2E66B7;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ProgressSteps-wrapper.step-2 .ProgressSteps-bar:after {
width: 35%;
}
.ProgressSteps-wrapper.step-3 .ProgressSteps-bar:after {
width: 61%;
}
.ProgressSteps-wrapper.step-4 .ProgressSteps-bar:after {
width: 100%;
}
.ProgressSteps-wrapper.ProgressSteps--short.step-2 .ProgressSteps-bar:after {
width: 25%;
}
.ProgressSteps-wrapper.ProgressSteps--short.step-3 .ProgressSteps-bar:after {
width: 51%;
}
.ProgressSteps-wrapper.ProgressSteps--short.step-4 .ProgressSteps-bar:after {
width: 95%;
}
.ProgressSteps-step {
float: left;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
text-align: center;
position: relative;
z-index: 10;
}
.ProgressSteps-label p {
margin: 0;
}
.ProgressSteps-icon {
width: 9px;
height: 10px;
background-color: #d7d9e0;
fill: #d7d9e0;
border-radius: 63%;
max-width: 100%;
margin-top: 5px !important;
}
.ProgressSteps-step.is-complete .ProgressSteps-icon {
background-color: #2E66B7;
fill: #2E66B7;
}
.ProgressSteps-step.is-current .ProgressSteps-icon {
background-color: #2E66B7;
fill: #2E66B7;
}
.ProgressSteps-label {
display: block;
color: #d7d9e0;
font-family: "roboto", arial, sans-serif;
font-size: 17px;
}
.ProgressSteps-step.is-complete .ProgressSteps-label,
.ProgressSteps-step.is-current .ProgressSteps-label {
color: #2E66B7;
}
.iconcar {
width: 30px;
height: 25px;
background: url(../img2016/carrinho/cartr.png) center center no-repeat;
background-size: cover;
display: none;
}
#formaPagamento {
padding-bottom: 35px;
}
#formaPagamento ul {
list-style: none;
padding: 0;
}
::-webkit-input-placeholder {
color: #6d8b93;
}
:-moz-placeholder {
color: #6d8b93;
/* For Firefox 18- */
}
::-moz-placeholder {
color: #6d8b93;
/* For Firefox 19+ */
}
:-ms-input-placeholder {
color: #6d8b93;
}
#infoPagamento label.error {
margin: 0px 0 8px 0;
font-size: 11px !important;
}
.expiryerror, .expiryerrorDEB{
margin: 0!important;
display: none;
font-size: 11px!important;
}
/*======= historico =========*/
#chamadaLoja {
font-size: 22px;
color: #2e66b7;
margin-bottom: 3%;
}
#sec_transacoes {
position: relative;
}
#sec_transacoes .campo-periodo{
width: 229px;
max-width: 100%;
position: relative;
float: right;
}
.box_filtro {
margin: 0 0 17px;
}
.box_filtro .tituloPagamento {
font-size: 16px;
color: #fff;
background: #2e66b7;
padding: 8px;
}
.box_filtro .tituloFiltro {
font-size: 16px;
color: #2A5597;
background: #e7ebec;
padding: 8px;
}
.box_filtro .valorTotal {
border-bottom: solid 1px #e7ebec;
color: #00569c;
text-align: right;
font-size: 16px;
padding: 10px;
}
.box_filtro .valorTotal span {
width: 100%;
display: block;
}
.campoBusca .form-control {
padding: 0 15px;
width: 100% ;
border: none;
font-size: 14px;
color: #444961;
font-family: 'roboto';
background: #fff;
border: 1px solid #bbbbbb;
}
.campoBusca .form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #444961;
}
.campoBusca .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #444961;
}
.campoBusca .form-control:-ms-input-placdown-arroweholder {
/* IE 10+ */
color: #444961;
}
.campoBusca .form-control:-moz-placeholder {
/* Firefox 18- */
color: #444961;
}
select::-ms-expand {
display: none!important;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.situacao select {
padding: 8px 3px;
/* width: 100%!important; */
border: none;
font-size: 16px;
color: #fff;
/* background: #2e66b7;*/
}
#filtrar .situacao {
display: block;
width: 85%;
margin: 11px auto;
color: #2e66b7;
}
#filtrar .campoBusca select{
background: url(../img2016/all/down-arrows.svg);
background-color: #fff;
background-size: 8px;
background-repeat: no-repeat;
background-position: 93% center;
}
#filtrar .campoBusca .form-control{
border-radius: 4px;
}
#filtrar .campoBusca.sem-btn .form-control{
border-radius: 4px;
}
#filtrar .campoBusca.campoNome .form-control{
border-radius: 4px;
width: 100%;
}
#filtrar .row{
margin: 0;
}
#filtrar .col{
padding: 0;
}
#filtrar .btbusca{
width: 92%;
padding: 0 25px;
color: #FFF;
background: #2e66b7;
border-radius: 4px;
text-align: center !important;
}
#filtrar .btbusca:hover,
#filtrar .btbusca:focus,
#filtrar .btbusca:active{
background: #2e66b7;
}
#filtrar .btbusca span{
display: inline-block;
/* line-height: 43px; */
margin: 0 5px 0 0;
}
#filtrar .btbusca span:last-child{
margin-right: 0;
}
#filtrar .btbusca .icon{
color: #FFF;
}
.ml-auto{
float: right;
}
.campo-status{
float: right;
width: 100%;
}
.campo-status label{
width: 100%;
float: left;
margin-left: 0;
}
.campo-status .select{
padding: 0 19px;
border-radius: 4px;
width: 100% !important;
border: none;
font-size: 15px;
color: #354c63;
background-color: #fff !important;
border: 1px solid #bbbbbb;
margin-right: 15px!important;
font-weight: bold;
height: 43px;
float: right;
line-height: 43px;
background: url(../img2016/all/down-arrows.svg) 94% center;
background-size: 10px;
background-repeat: no-repeat;
margin: 0!important;
}
@media(min-width: 560px){
.campo-status{
max-width: 190px;
margin-right: 15px;
}
}
#filtrar .campo-periodo .form-control{
padding-right: 40px;
}
#filtrar .campo-periodo .icon-calendario {
font-size: 16px;
position: absolute;
right: 25px;
bottom: 21px;
color: #354c63;
z-index: 2;
}
#filtrar .campo-periodo.sem-btn .icon-calendario {
right: 15px;
}
.situacao select {
padding: 6px 11px;
width: 100% !important;
border: solid 1px #6d8b93;
font-size: 13px;
color: #6d8b93;
}
.situacao .datepicker {
padding: 5px 10px !important;
background: #fff url(../img2016/busca/dat.jpg) no-repeat;
background-position: right 6px center;
border-radius: 0 !important;
width: 100%;
border: solid 1px #6d8b93;
color: #6d8b93;
}
.situacao .datepicker-dropdown:before {
content: '';
display: none !important;
}
.btnFiltrar {
background: #2e66b7 !important;
color: #FFF;
font-size: 15px;
border: none;
width: 100%;
padding: 8px;
text-align: center;
margin-top: 5px;
}
.transacoesSection h2 {
font-size: 16px;
color: #2A5597;
}
.transacoesSection h3 {
font-size: 16px;
color: #2A5597;
line-height: 140%;
}
.transacoesSection h3 strong {
font-size: 16px;
color: #2A5597;
}
.colunaFormas {
width: 22%;
margin-bottom: 15px;
float: right;
display: inline-block;
/*padding-bottom: 40px;*/
position: relative;
}
.listavazia {
width: 100%;
min-height: 150px;
position: relative;
text-align: center;
}
.listavaziaVitrineExclusiva {
min-height: 180px;
position: relative;
text-align: center;
}
.listavazia figure{
width: 90%;
display: block;
margin: 48px auto 0;
max-width: 200px;
}
.listavazia .btn_voltar_loja_geral {
margin: 0 auto !important;
}
.listavazia .btn_voltar_loja_Vitrine_Especial {
margin: auto !important;
}
/**/
.lista_principal .listavazia,
.lista_principal .listavazia h1{
border: none!important;
}
/**/
.semeventos {
line-height: 23px;
display: block;
position: relative;
color: #99a1a5;
font-size: 16px;
text-align: center;
margin-top: 47px;
}
.semeventos h1,
.listavazia h1 {
font-family: 'roboto';
font-size: 25px;
color: #354c63;
margin: 29px 0 4px;
font-weight: bold;
}
.semeventos p,
.listavazia p {
font-size: 16px;
color: #908f8f;
font-weight: 500;
}
.btn-small-voltar span {
margin-right: 3px;
}
.semeventos img{
display: inline-block;
margin: auto;
}
.semeventos .btn_voltar_loja_geral{
font-size: 15px;
padding: 12px 45px;
font-weight: bold;
width: 100%;
max-width: 240px;
}
img.img-ilustracao-carrinho{
display: block;
width: 277px;
max-width: 100%;
}
.btn_voltar_loja {
width: 84px;
text-align: center;
color: #fff;
border-radius: 2px;
float: left;
font-size: 15px;
padding: 6px 0 6px 0;
bottom: 15px;
background: #2e66b7;
background-size: 15%;
background-position: 17px;
margin-bottom: 15px;
cursor: pointer;
}
.btn_voltar_loja_geral {
display: inline-block;
text-align: center;
margin: 0 auto 15px;
color: #fff;
border-radius: 5px;
font-size: 14px;
padding: 10px 45px;
background: #2e66b7;
cursor: pointer;
}
.voltarnotopo {
width: auto;
text-align: center;
color: #f9fbfd;
border-radius: 2px;
float: left;
font-size: 13px;
padding: 7px 9px 6px 25px;
/* bottom: 15px; */
background: #2e66b7;
background-size: 12%;
background-position: 7px;
margin-top: 14px;
/* margin-bottom: 15px; */
cursor: pointer;
margin-left: 1%;
position: absolute !important;
top: 0px !important;
left: 85px !important;
}
.btn_voltar_loja:hover,
.btn_voltar_loja_geral:hover {
color: #fff;
opacity: 0.9;
text-decoration: none;
}
#mobonly {
display: none;
}
/*------*/
/* =====================================================================
Historico
========================================================================*/
#containerHistorico {
width: 100%;
}
#containerHistorico #historico #colunaItens {
width: 100%;
display: inline-table;
margin-bottom: 8px;
clear: both;
}
#containerHistorico #historico #colunaItens .boxCol {
background: #FFF;
height: 36px;
width: 100%;
background: #e7ebec;
color: #2e66b7;
font-size: 16px;
}
#containerHistorico #historico #colunaItens .itensHistorico {
width: calc(100% - 360px);
display: inline-block;
}
#containerHistorico #historico #colunaItens .status {
width: auto;
display: block;
height: 100% !important;
position: absolute;
top: 0;
right: 0;
}
#containerHistorico #historico #colunaItens #listaItens {
}
#containerHistorico #historico #colunaItens #listaItens li {
list-style: none;
display: block;
margin: 0;
border-top: none;
border: 1px solid #e7e6e6;
padding: 20px 25px;
position: relative;
margin-bottom: -1px;
float: left;
width: 100%;
}
#containerHistorico #historico #colunaItens #listaItens li:first-child{
border-radius: 3px 3px 0 0;
}
#containerHistorico #historico #colunaItens #listaItens li:last-child {
margin-bottom: 0;
border-radius: 0 0 3px 3px;
}
#containerHistorico #historico #colunaItens #listaItens li .itensHistorico a {
text-decoration: none;
display: block;
}
#containerHistorico #historico #colunaItens #listaItens li .itensHistorico a h3 {
font-family: 'roboto';
font-size: 18px;
color: #2e66b7;
padding: 0;
margin: 0 0 5px 0;
text-transform: uppercase;
line-height: 135%;
}
#containerHistorico #historico #colunaItens #listaItens li .itensHistorico a .detalhe {
width: 100%;
display: block;
font-size: 15px;
color: #868f93;
line-height: 150%;
}
#containerHistorico #historico #colunaItens #listaItens li .itensHistorico a .certificadoDisponivel {
font-size: 13px;
color: #f76e00;
background: url("../img2016/historico/icon-certificado.png") no-repeat left top;
padding-left: 20px;
height: 30px;
margin-top: 10px;
}
#containerHistorico #historico #colunaItens #listaItens li .detalhe strong {
font-size: 14px;
}
#containerHistorico #historico #colunaItens #listaItens li .status span {
padding-left: 25px;
height: 21px;
}
#containerHistorico #historico #colunaItens #listaItens li .status a{
font-family: 'roboto';
font-weight: bold;
line-height: normal;
margin-right: 10px;
display: inline-block;
font-size: 16px;
float: right;
color: #50af00;
padding: 0 23px;
}
#containerHistorico #historico #colunaItens #listaItens li .status a i{
font-size: 17px;
}
#containerHistorico #historico #colunaItens #listaItens li .status a .d-cell > span{
display: inline-block;
height: auto !important;
padding: 0;
margin: 0 5px;
vertical-align: middle;
}
#containerHistorico #historico #colunaItens #listaItens li .status a .d-cell > span:last-child{
max-width: 179px;
}
#containerHistorico #historico #colunaItens #listaItens li .pendentePagamento {
color: #FFA500;
background-size: 18px;
}
#containerHistorico #historico #colunaItens #listaItens li .realizado {
color: #50af00;
}
#containerHistorico #historico #colunaItens #listaItens .cancelado {
color: #cd4141 !important;
text-align: left;
font-family: 'roboto'!important;
font-weight: bold;
}
.btt {
background: #4475bb;
color: #fff;
font-size: 15px;
font-weight: 500;
font-family: 'roboto';
border: none;
padding: 0 11px;
border-radius: 3px;
height: 49px;
line-height: 44px;
width: 100%;
margin-bottom: 10px;
}
@media(min-width: 768px){
.btt{
position: relative;
margin-top: 8.2vh;
transform: translateY(-50%);
height: 40px;
line-height: 41px;
}
}
.btt img{
width: 16px;
margin-right: 6px;
margin-top: -4px;
}
.cancelado .fa,
.realizado .fa,
.pendentePagamento .fa{
float: left;
margin-right: 7px!important;
margin-top: 2px;
}
.realizado,
.pendentePagamento{
font-family: 'roboto';
font-weight: bold;
}
.inscritoalready {
font-size: 15px;
color: #378512;
text-align: center;
width: 100%;
padding: 0 45px;
}
.btn_comprovante {
/*background-color: #6da01b;*/
background-color: #378512;
text-align: center;
padding: 5px 0;
border-radius: 3px;
width: 100%!important;
font-family: proxima-soft,sans-serif !important;
font-weight: bold;
}
.btn_comprovante img{
width: 16px;
opacity: 1;
margin-top: -5px;
margin-right: 6px;
margin-left: -4px;
}
.btn_comprovante:active,
.btn_comprovante:hover,
.btn_comprovante:focus {
color: #FFF;
background-color: #2a6c0b;
}
.btn_comprovante_res {
background-color: #6da01b;
text-align: center;
padding: 8px 5px;
border-radius: 3px;
color: #fff;
text-decoration: none;
}
.btn_comprovante_res:active,
.btn_comprovante_res:hover,
.btn_comprovante_res:focus {
text-decoration: none;
color: #fff;
background-color: #006623;
}
.listaComprovante {
display: inline-block;
background: #ffffff;
border: 1px solid #e7e6e6;
border-radius: 6px;
width: 100%;
}
.pend {
background-color: #ff6c00 !important;
}
#containerTopoCertificado h1 {
width: 100%;
font-family: "roboto";
color: #2e66b7;
font-size: 26px;
padding: 10px 0;
/* border-bottom: solid 1px #ddd; */
/* background-color: #fff; */
left: 0px;
display: block;
}
.semcertificados {
text-align: left;
width: 100%;
color: #99a1a5;
font-size: 16px;
}
.titulo-sem-cetificados{
font-family: 'roboto';
font-size: 27px;
color: #354c63;
margin: 13px 0 13px;
}
.semcertificados .illustracao{
width: 200px;
margin-right: 22px;
}.semcertificados .list-inline > li{
vertical-align: middle;
}
.semcertificados .text-content{
width: 365px;
max-width: 100%;
}
.semcertificados .btn{
}
.semcertificados .texto-rodape{
margin-top: 15px;
font-size: 14px;
}
#lista_certificados {
widows: 90%;
float: left;
}
/* =====================================================================
Certificados
========================================================================*/
#containerCertificados {
width: 100%;
margin-top: 5.5%;
}
#containerCertificados #certificados {
display: block;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li a h3 {
font-size: 15px;
color: #2e66b7;
padding: 0;
margin: 0 0 5px 0;
text-transform: uppercase;
line-height: 125%;
}
#containerCertificados #certificados #colunaItens {
width: 100%;
/*max-width: 725px;*/
display: inline-table;
border-radius: 5px;
margin-right: 1%;
margin-bottom: 8px;
height: auto;
}
#containerCertificados #certificados #colunaItens #listaCertificados {
width: 100%;
margin: 0;
padding: 5px;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li {
list-style-type: none;
display: block;
margin: 0;
border-top: none;
border: 1px solid #e7e6e6;
padding: 20px 25px;
position: relative;
margin-bottom: -1px;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li:first-child {
border-radius: 3px 3px 0 0;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li:last-child {
border-radius: 0 0 3px 3px;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li:hover {
opacity: 0.7;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li a {
text-decoration: none;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li a h3 {
font-family: 'roboto';
font-size: 18px;
color: #2e66b7;
padding: 0;
margin: 0 0 5px 0;
text-transform: uppercase;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li a .detalhe {
width: 100%;
display: block;
font-size: 15px;
color: #868f93;
}
#containerCertificados #certificados #colunaItens #listaCertificados > li .detalhe strong {
font-size: 15px;
}
#containerCertificados #certificados #colunaItens #listaCertificados > .item ul > .col{
display: inline-block;
vertical-align: middle;
}
#containerCertificados #certificados #colunaItens #listaCertificados > .item ul > .col-cont{
width: calc(100% - 205px);
}
#containerCertificados #certificados #colunaItens #listaCertificados > .item ul > .col-actions{
width: 202px;
right: -10px;
position: relative;
}
#containerCertificados #certificados #colunaFiltro {
width: 23%;
/*max-width: 217px;*/
/*display: inline-table;*/
vertical-align: top;
position: relative;
float: right;
}
#containerCertificados #certificados #colunaFiltro .btnBuscar {
background: #0087cf;
color: #FFF;
text-align: center;
width: 100%;
height: 40px;
border-radius: 5px;
border: none;
margin-top: 3px;
}
/*======================*/
.btnAcoesInternas {
display: none !important;
}
/*==== Retornos de compra ================*/
.cadastro {
width: 100%;
background: #fff;
margin-top: 20px;
}
.cadastro h2 {
color: #2A5597;
font-size: 21px;
margin-bottom: 20px;
}
.cadastro table {
background-color: #fff;
}
.cieloRetorno .btn_voltar_loja_geral {
width: 160px;
background-size: 20px;
background-position: 5px;
margin-top: 20px;
}
.inforCompra h3 {
font-size: 20px;
color: #2A5597;
margin-top: 50px;
}
#table_retornoCielo, #table_retornoGratis {
width: 100%;
list-style: none;
padding: 12px 0 0;
}
#table_retornoCielo li, #table_retornoGratis li {
margin: 0 0 13px 0;
}
#table_retornoCielo .valor, #table_retornoGratis .valor {
font-size: 19px;
font-family: 'roboto';
display: block;
text-align: right;
color: #718191;
font-weight: bold;
}
#table_retornoCielo .eventoIndividual, #table_retornoGratis .eventoIndividual{
width: 100%;
display: block;
overflow: hidden;
clear: both;
margin-top: 10px;
}
#table_retornoCielo .local,
#table_retornoCielo .horario,
#table_retornoGratis .local,
#table_retornoGratis .horario {
color: #718191;
float: left;
width: 100%;
line-height: 140%!important;
}
#table_retornoCielo h1, #table_retornoGratis h1 {
color: #929292;
font-size: 18px;
float: left;
margin-right: 10px;
margin-bottom: 0px;
line-height: 150%;
}
#table_retornoCielo h1 span, #table_retornoGratis h1 span {
font-size: 15px;
margin-right: 10px;
color: #2A5597
}
#table_retornoCielo h2, #table_retornoGratis h2 {
color: #718191;
font-size: 16px;
float: left;
font-family: 'roboto';
width: 100%;
margin: 9px 0 5px 0;
}
#InfoTransacao {
display: inline-block;
margin-bottom: 15px;
}
#InfoTransacao h1 {
font-family: 'roboto';
color: #354c63;
font-size: 24px;
margin-bottom: 10px;
}
#InfoTransacao p{
font-family: "roboto";
font-weight: 600;
color: #718191;
float: left;
width: 100%;
line-height: 140%!important;
margin: 0;
font-size: 16px;
}
.bntTiquete {
font-family: 'roboto';
float: right;
}
.infoTiquete {
display: flex;
margin: 20px 0;
border-radius: 5px;
background: #7AB71E;
}
.detalhesTiquete{
width: 91%;
float: left;
padding: 26px 24px;
}
.detalhesTiquete h1 {
font-family: 'roboto' !important;
font-size: 22px !important;
line-height: 26px;
color: #FFFFFF !important;
max-width: 600px;
border-bottom: none;
margin: 0 0 14px 0;
}
.detalhesTiquete h2 {
font-family: 'roboto';
font-size: 16px;
line-height: 19px;
color: #F3F802;
margin-bottom: 10px;
}
.detalhesTiquete p {
font-family: 'roboto';
font-size: 15px;
line-height: 24px;
color: #FFFFFF;
margin: 0px;
}
.imgTiquete {
width: 69%;
float: right;
}
#InfoTransacao span {
font-size: 14px;
font-family: 'roboto';
font-weight: normal;
line-height: 20px;
}
#comprovanteParticipante span {
color: #718191;
}
.itemReservas {
margin-bottom: 130px;
padding-top: 15px;
}
.footerParticipantes {
margin: 13px 0 14px 0;
}
#reservaspage h1 {
font-family: 'roboto';
font-size: 16px;
margin-top: 0px;
color: #718191;
width: 100%;
}
#reservaspage h1 span {
color: #2e66b7;
}
#bodyretorno {
color: #777;
}
#topodatabela {
color: #2E66B7;
font-size: 15px;
}
.numpedido {
/*width: 105px;*/
min-width: 11.93% !important;
text-align: center;
}
.descrevepedido {
/*width: 425px;
max-width: 425px;*/
width: 48.29%;
}
.numtransacao {
/*width: 200px;*/
width: 22.72%;
text-align: center;
}
.itemNome {
color: #2e66b7;
font-size: 18px;
line-height: 130%;
}
.itemLocal,
.itemCarga {
color: #555;
line-height: 130%;
margin-top: 10px;
font-size: 16px;
margin-bottom: 5px;
}
.itemHorarios {
color: #555;
line-height: 130%;
margin-top: 10px;
font-size: 16px;
margin-bottom: 5px;
}
.itemHorarios p {
float: left;
margin-right: 5px;
}
.itemHorarios ul {
float: left;
color: #888;
}
.itemLocal span,
.itemCarga span {
color: #888;
}
.resposta {}
.trans{
text-transform: lowercase!important;
font-family: 'roboto';
margin-bottom: 5px;
}
.trans span{
font-weight: bold;
text-transform: capitalize!important;
}
/*======= pagamento pendente page ===========================================================*/
.boxPagarpendente {
width: 100%;
margin-bottom: 15px;
display: inline-block;
position: relative;
float: left;
/*padding-bottom: 40px;*/
}
.boxPagarpendente .tituloForma {
font-size: 16px;
color: #2e66b7;
background: #e7ebec;
padding: 8px 19px;
}
.boxPagarpendente .formPagar .campoPagar {}
.boxPagarpendente .formPagar h3 {
display: block;
width: 85%;
margin: 0 auto;
}
.boxPagarpendente .formPagar .btnComprar {
background: #2e66b7 !important;
color: #FFF;
font-size: 15px;
border: none;
width: 100%;
padding: 8px;
text-align: center;
margin-top: 5px;
position: absolute;
bottom: 0px;
}
.btnCancel {
float: none;
}
.eventoIndividual {
width: 100%;
display: block;
overflow: hidden;
clear: both;
}
#compra {
list-style: none;
}
#compra li {
/*display: block;*/
/*overflow: hidden;*/
margin-bottom: 15px;
}
#compra li .detalhes_evento_single{
height: auto;
min-height: 368px;
}
#compra li .eventoIndividual .obs {
margin: 0 10px 0 0;
}
#compra li .eventoIndividual.horario p {
margin: 0;
}
#compra li .eventoIndividual.statusCompra {
margin-top: 15px;
}
#compra li .evento_com_imagem:hover .image-area{
height: 140px!important;
}
#compra li .eventoIndividual.statusCompra a {
float: none !important;
display: block;
}
#compra li .top-content{
min-height: 211px;
}
#compra li .footer_evento_single{
position: relative!important;
}
.titulodetalhamento {
color: #2e66b7;
font-size: 15px;
float: left;
}
.horas {
color: #777;
font-size: 14px;
float: left;
margin-right: 5px;
padding-right: 5px;
border-right: solid 1px rgba(109, 139, 147, 0.25);
}
.horas:last-child {
/* border:none; */
}
.obs {
color: #838a91;
float: left;
margin-right: 5px;
margin-top: 20px;
}
.prereservado {
color: #fb5a2f;
font-size: 15px;
}
.CANCELADA {
color: #C93131;
}
.RESERVADA a {
color: #ef5f20;
font-family: 'roboto';
font-size: 16px;
}
.pagrealizado {
color: #50af00;
}
.pagcancelada {
}
.cancelarCompra {
/* width: 100% !important;
color: #fff;
background-color: #ce4a4a;
padding: 8px 0;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
border-radius: 3px;
max-width: 405px;*/
width: auto!important;
color: #fff;
background-color: #ce4a4a;
padding: 8px 33px;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
border-radius: 3px;
max-width: 213px;
font-family: 'roboto';
font-weight: bolder!important;
float: left;
}
.btnDesistir {
width: 80px;
border-radius: none;
background: rgba(93, 98, 105, 0.5);
border: none;
color: #fff;
padding: 2px 0;
}
.btnConfirmar {
width: 80px;
border-radius: none;
background: #2A5597;
border: none;
color: #fff;
padding: 2px 0;
}
.modal-title {
font-size: 15px;
}
/*===== Redirecionando para a buy page =============*/
.inforRedirecionamento {
width: 600px;
text-align: center;
margin: 10% auto;
}
.inforRedirecionamento h1 {
color: #2A5597;
font-size: 35px;
margin-bottom: 15px;
}
.inforRedirecionamento p {
color: #99a1a5;
font-size: 22px !important;
line-height: 135%;
margin-bottom: 15px;
}
input.btn_clique_aqui {
font-family: 'roboto' !important;
color: #fff !important;
border: none;
background: #2e66b7;
font-size: 23px;
padding: 3px 33px 7px;
border-radius: 5px;
}
.btn_redirecionamento {
padding: 8px 6px;
background-color: #2A5597;
color: #fff;
border: none;
font-size: 12px;
width: 270px;
margin: 0 auto;
}
.btnaligned {
float: right !important;
position: absolute;
right: 5px;
}
.fb-share-button {}
/* !!!*/
/*novo formulario unificado*/
#formulario_pf input[type="text"]:focus,
#formulario_pf select:focus,
.form-control:focus {
border-color: #797878;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-shadow: none;
}
.opcaoSituacao {
padding: 19px 0 0;
clear: both;
}
.selSituacaoAtual {
width: 99%;
font-family: arial;
font-family: Trebuchet MS;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 9px 2px !important;
outline: none;
margin-bottom: 10px;
margin-top: 7px;
font-size: 14px;
margin-left: 0px !important;
}
#form_endereco_PJ{
margin-top: 15px!important;
}
.opcaoSituacao h1 {
font-family: 'roboto';
font-size: 25px;
color: #4475bb;
margin: 24px 0 18px;
}
.opcaoSituacao input[type="radio"] {
margin-right: 6px !important;
margin-top: 12px;
outline: none !important;
}
.opcaoSituacao label {
font-size: 16px;
color: #777;
margin-right: 20px;
cursor: pointer;
}
.cadastroUnico h2 {
font-family: 'roboto';
color: #4475bb;
font-size: 25px;
margin: 0;
}
.cadastroUnico .btn-primary{
margin-right: 30px;
}
.tituloCadastro {
font-size: 26px;
margin-top: 0;
margin-bottom: 15px;
font-family: Arial;
font-weight: bold;
max-width: 100%;
height: 40px;
background: #0065B3;
color: #fff;
line-height: 40px;
padding: 1% 2%;
}
.formSt {
font-family: Trebuchet MS;
border-radius: 3px;
}
.formSt input[type="radio"]:checked+label {
font-weight: bold;
}
#dadosPF {
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
margin-top: 25px;
max-width: 100%;
padding: 1% 1% 2% 1%;
}
#dadosPF h3,
#dadosPJ h3 {
font-size: 18px;
padding: 5px 0 30px 0;
font-family: Arial;
font-weight: bold;
color: #0065B3;
}
.formularios {
margin: 0 auto !important;
width: 100%;
}
.containerCampo {
width: 33.3%;
margin-right: 0.03%;
float: left;
position: relative;
height: 90px !important;
}
.containerCampo label {
width: 98%;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
color: #354c63;
}
.containerCampo input {
max-width: 98%;
width: 100%;
height: 43px;
line-height: 43px;
font-weight: bold;
border: solid 1px #bbbbbb;
border-radius: 4px;
padding: 0 20px;
outline: none;
margin-bottom: 10px;
color: #797878;
}
.containerCampo select {
width: 98%;
height: 43px;
line-height: 43px;
font-weight: bold;
border: solid 1px #bbbbbb;
border-radius: 4px;
padding: 0 20px;
outline: none;
margin-bottom: 10px;
color: #797878;
background: #fff;
}
.containerCampoAtividadePrincipal {
width: 66.6%;
float: left;
}
.containerCampoAtividadePrincipal label {
width: 98%;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
}
.containerCampoAtividadePrincipal select {
width: 99% !important;
font-family: arial;
font-weight: bold;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 8px 2px;
outline: none;
margin-bottom: 10px;
color: #606060;
}
.containerCampoFull {
width: 100%;
float: left;
}
.containerCampoFull label {
width: 98%;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
}
.containerCampoFull input {
max-width: 97%;
width: 100%;
font-family: arial;
font-family: Trebuchet MS;
font-weight: bold;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 9px 2px;
outline: none;
margin-bottom: 10px;
}
.containerCampoFull select {
width: 98% !important;
font-family: arial;
font-family: Trebuchet MS;
font-weight: bold;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 8px 2px;
outline: none;
margin-bottom: 10px;
color: #606060;
}
#principal fieldset {
border: 0 !important;
position: relative;
/*padding: 20px 0px 5px 0!important;*/
}
fieldset#endField {
padding: 0px !important;
}
#endField legend {
font-family: 'roboto';
padding: 27px 10px 14px 0 !important;
color: #4475bb !important;
font-weight: bold !important;
font-size: 25px !important;
display: block !important;
margin-left: 0px !important;
border: 0 !important;
}
fieldset#endField2 {
padding: 0px !important;
}
#endField2 legend {
padding: 13px 10px 14px 0 !important;
color: #0065B3 !important;
font-weight: bold !important;
font-size: 17px !important;
display: block !important;
margin-left: 0px !important;
}
.btnSearch {
width: 30.9px;
height: 41px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 1px;
border-radius: 0 4px 4px 0 !important;
bottom: 11px;
}
.btnSearch2 {
width: 30.9px;
height: 41px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 16px;
border-radius: 0 4px 4px 0 !important;
bottom: 16px;
}
.btnSearch3{
width: 41px;
height: 41px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 0px;
border-radius: 0 4px 4px 0 !important;
bottom: 11px;
}
.btnSearch4{
width: 41px;
height: 41px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 16px;
border-radius: 0 4px 4px 0 !important;
bottom: 11px;
}
/*.btnSearch{
width: 30.9px;
height: 38px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 0px;
border-radius: 0 4px 4px 0!important;
opacity: 0.3;
}*/
.btnSearch img {
width: 80%;
height: auto;
margin-left: 0px !important;
}
.cepInput {
width: 98% !important;
position: relative;
float: left !important;
margin-right: 0px !important;
border-radius: 4px !important;
}
#correios,
#correios2 {
font-size: 11px;
font-weight: bold !important;
text-decoration: none;
margin-left: 5px;
color: #FFD525;
background: #0065B3;
padding: 5px 5px;
border-radius: 2px;
}
/*label.error{
font-style: italic;
font-size: 11px;
opacity: 0.5;
float: left;
margin-top: -7px;
}*/
#sectionRural {
margin-top: 15px;
}
label.error {
color: #EF4646;
background: none;
margin-bottom: 0 !important;
}
#dadosPJ {
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
margin-top: 25px;
max-width: 100%;
padding: 1% 1% 2% 1%;
}
#dadosPJ p {
margin-bottom: 20px;
font-weight: bolder;
text-transform: uppercase;
}
#dadosPJ input[type="radio"] {
margin-right: 5px;
margin-bottom: 20px;
}
#dadosPJ input[type="radio"]+label {
margin-right: 10px;
margin-bottom: 20px;
}
#dadosProdutorRural {
margin-top: 20px;
}
.CNPJ_part,
.rural_part {
width: 100%;
margin-bottom: 30px;
display: none;
}
#dadosPJ input[type="radio"]+label {
cursor: pointer;
}
.avancar {
width: 90px;
padding: 10px 0;
text-align: center;
color: #fff;
background: #2F6A07;
border-radius: 4px;
float: left;
margin-top: 10px;
border: none;
font-weight: bold;
cursor: pointer;
margin-bottom: 10px;
}
#mesmoendereco {
margin-bottom: 25px;
}
input:disabled,
select:disabled {
background: #dddddd !important;
}
.bt_cnae,
.bt_receita {
padding: 2px 5px;
text-align: center;
font-size: 9px;
background: #ddd;
color: #0065B3;
border: solid 1px #0065B3;
border-radius: 2px;
margin-left: 3px;
cursor: pointer;
float: right;
}
.deficiencia {
text-align: left !important;
margin: 2px 0 19px 0 !important;
font-size: 15px;
color: #354c63;
display: block;
}
fieldset#fieldset_deficiencia {
margin-top: 10px !important;
float: left;
width: 100%;
margin-bottom: 16px!important;
}
#fieldset_deficiencia .btn{
margin-right: 37px;
}
.btn-radio {
font-size: 16px;
color: #777 !important;
margin-right: 40px;
cursor: pointer;
padding-left: 34px;
border: 0;
padding-right: 0;
border-radius: 0;
box-shadow: none !important;
background: transparent !important;
}
.btn-text-top {
font: 500 17px 'roboto';
padding: 11px 15px;
color: #354C63;
line-height: 120%;
background: #fff;
border: #fff;
transition: 0.3s;
}
.btn-text-top:hover {
color: #FFF;
background: #2e66b7;
border: #2e66b7;
}
.btn-ativo {
color: #FFF !important;
background: #2e66b7 !important;
border: #2e66b7 !important;
}
.btn-text {
font: 500 16px 'roboto';
color: #2e66b7;
transition: 0.3s;
}
/* .btn-text:hover {
color: #2e66b7;
} */
.btn-radio:before{
background-color: white;
content: '';
display: block;
width: 16px;
height: 16px;
border: solid 1px #9d9d9d;
border-radius: 100%;
position: absolute;
left: 0;
top: calc(50% - 8px);
transition: 0.2s ease-in-out;
}
.active.btn-radio:before,
.btn-radio:hover:before{
border: solid 5px #419bf9;
}
.btn-check {
font-size: 16px;
color: #777 !important;
margin-right: 40px;
cursor: pointer;
padding-left: 26px;
border: 0;
padding-right: 0;
box-shadow: none !important;
background: transparent !important;
}
.btn-check:before{
content: '';
display: block;
width: 16px;
height: 16px;
border: solid 1px #9d9d9d;
position: absolute;
left: 0;
top: calc(50% - 8px);
transition: 0.2s ease-in-out;
}
.active.btn-check:before,
.active.btn-check:hover:before{
border: solid 5px #419bf9;
}
.btn-check:hover:before{
border: solid 2px #419bf9;
}
#fieldset_deficiencia .grauDef {
clear: both !important;
float: left !important;
margin: 15px 0px 3px 0 !important;
width: 100% !important;
font-size: 15px !important;
color: #555 !important;
font-family: 'roboto' !important;
}
#fieldset_deficiencia .grauDef .campoDef{
margin-top: 21px;
}
.campoPesquisa {
margin-top: 0px !important;
}
#cad-pf form fieldset label.campoPesquisa {
width: 100% !important;
font-size: 15px;
}
#fieldPesquisa .campoPesquisa select {
width: 101%;
font-family: arial;
font-family: Trebuchet MS;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 9px 2px !important;
outline: none;
margin-bottom: 10px;
margin-top: 7px;
font-size: 14px;
margin-left: 0px !important;
}
fieldset#space {
padding: 3px 0px !important;
margin-top: 20px !important;
}
#fieldPesquisa .campoPesquisa select:hover {
border: solid 2px #C6D4DD;
}
#cad-pf form fieldset label {
margin: 0px;
}
#fieldPesquisa label.campoPesquisa {
width: 98%;
font-family: Trebuchet MS;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
}
#cad-pf form fieldset#fields {
border: 1px solid #E0E0E0;
padding: 9px;
}
#fieldsetPesquisa select,
#fieldsetPesquisa select:hover {
width: 99%;
font-family: arial;
font-family: Trebuchet MS;
border: solid 2px #C6D4DD;
border-radius: 4px;
padding: 9px 2px !important;
outline: none;
margin-bottom: 10px;
margin-top: 5px;
}
.receberNews {
padding-top: 20px;
}
.news label {
margin-bottom: 12px !important;
font-size: 15px !important;
color: #254d6c;
width: 100%;
clear: both;
cursor: pointer;
}
.news input[type="checkbox"].receberNews {
padding: 5px !important;
margin-right: 15px !important;
}
#opcao_login {
position: absolute;
top: 108px;
left: 112px;
font-family: Trebuchet MS !important;
color: #ffffff;
font-size: 14px;
background-color: #0065B7;
padding: 2px 10px 9px 7px;
border: solid 6px #fff;
border-top: none;
border-right: none;
border-radius: 0px 0px 7px 10px;
}
#dialog_errors {
position: absolute;
top: 122px;
right: 10%;
font-size: 13px;
color: #C73E1D;
line-height: 160%;
text-align: right;
}
#msg_convite {
/* font-size: 17px; */
/* font-weight: 400; */
/* padding: 10px 5px; */
/* letter-spacing: 1px; */
}
/*#principal #evento tr td.corporativo{
padding-bottom: 50px!important;
background: none!important;
}
.corporativo .tituloEvento{
background: #C73E1D!important;
}
.corporativo .tituloCurso{
color:#eee!important;
}
.corporativo .modalidade{
color: #fff!important;
}
.corporativo .inforDescricao{
border-left:solid 1px #C73E1D!important;
border-right:solid 1px #C73E1D!important;
border-bottom:solid 5px #C73E1D!important;
}*/
/*=================================*/
.nomargin {
margin-left: 0px !important;
}
#escolhadeempresa {
margin-top: 15px;
margin-bottom: -15px;
}
#escolhadeempresa input[type="radio"] {
margin-right: 6px !important;
margin-top: 12px;
outline: none !important;
}
#escolhadeempresa label,
.produtorRuralLabel {
font-size: 16px;
color: #555;
cursor: pointer;
width: 100%;
}
.produtorRuralLabel {
margin-bottom: 15px;
margin-top: 15px;
}
.empescolhida {
margin-bottom: 12px;
float: left;
margin-right: 30px;
}
#selectEmpreendedor option {
font-size: 14px;
padding: 5px 0px;
}
.produtorRuralLabel input[type="checkbox"] {
margin-right: 6px !important;
}
/*===================================================*/
#cad-pf h2 {
font-size: 21px;
text-align: left;
border-bottom: solid 1px rgb(0, 101, 179);
padding: 22px 0 13px 2px;
width: 95%;
margin: 0 auto;
text-transform: uppercase;
color: #0065B3;
}
.custom-ui-widget-header-warning {
background: #EBCCCC;
}
.autocomplete-suggestions {
background: #fff;
box-shadow: 0px 0px 3px #ace;
font-size: 16px;
font-family: 'Trebuchet MS';
position: absolute;
max-height: 300px;
z-index: 9999;
top: 1097.97px;
left: 683.125px;
width: 531px;
display: block;
overflow-y: scroll;
}
/*=======================================================*/
.ui-widget-content {
border: 1px solid rgb(51, 122, 186);
/*
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;*/
color: #222;
width: 565px !important;
border-radius: 2px;
}
.ui-widget {
/* font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; */
font-size: 1.4em;
font-family: Trebuchet MS;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .0em;
outline: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 1.5em 0em;
background: 0;
/* overflow: auto; */
width: 95% !important;
}
.dialog-cnae,
.dialog-cnae-secundario {
text-align: left;
width: auto;
min-height: 74px;
max-height: none;
height: auto;
width: 97%;
margin: 0 auto;
z-index: 9999 !important;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: 0;
/* overflow: auto; */
text-align: left;
width: auto;
min-height: 74px;
max-height: none;
height: auto;
width: 97%;
margin: 0 auto;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
width: 97%;
border: solid 1px #ace;
font-size: 1em;
background: #fff;
box-shadow: 0px 0px 3px #ace;
font-size: 14px;
font-family: 'Trebuchet MS';
margin-top: 8px;
padding: 5px 7px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
border-radius: 0px !important;
}
.ui-widget-header {
/* border: 1px solid #4297d7; */
background: #337ABA;
color: #fff;
/* font-weight: bold; */
}
/*================================================================*/
#listaSelecionados {
margin: 10px 0 0 0;
border: solid 1px #c2c2c2;
width: 100%;
font-size: 13px;
border-collapse: collapse;
border-radius: 3px;
color: #2a5597;
}
#lista_atividades_secundarias {
margin: 12px 0 0 0;
border: solid 1px #c2c2c2;
width: 99%;
font-size: 14px;
border-collapse: collapse;
background: #fff;
margin-bottom: 19px;
color: #2a5597;
}
/*#lista_atividades_secundarias{
margin: 12px 0;
border: solid 1px #c2c2c2;
width: 97.9%;
font-family: 'Trebuchet MS';
font-size: 13px;
border-collapse: collapse;
background: #fff;
margin-bottom: 19px;
}*/
#listaSelecionados tr,
#lista_atividades_secundarias tr {
border: solid 2px #C6D4DD;
}
#listaSelecionados td,
#lista_atividades_secundarias td {
padding: 10px 4px;
}
#listaSelecionados button,
#lista_atividades_secundarias button {
text-align: center;
padding: 5px 0;
margin-top: 0;
background: #B64848;
color: #fff;
font-weight: bold;
font-size: 11px;
width: 70px;
border: none;
border-radius: 3px;
cursor: pointer;
}
.nomeAtividade {
font-size: 13px;
}
.addCnae {
float: left;
width: 80.2% !important;
margin-bottom: 18px;
}
#bt_addCnae {
width: 16.6% !important;
height: 28px !important;
float: left;
background: rgba(215, 234, 253, 0.59) url("../img/addCnae.png")no-repeat center center;
background-size: 25%;
cursor: pointer;
}
.term {
position: relative;
}
#termoDeAceite {
display: block;
z-index: 10116 !important;
position: fixed;
overflow-y: visible;
background: rgba(0, 0, 0, 0.8);
}
.termo-label-text{
margin-top: 10px;
}
.modal-body label span {
display: none;
}
#CnaeSecund h1 {
width: 98%;
font-family: arial;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
font-size: 13px;
}
#CnaeSecund label {
width: 98%;
margin-bottom: 6px !important;
float: left;
margin-left: 2px;
color: #555;
}
.cancel {
/* background: #ffffff;
color: #959595 !important;
border: solid 1px #cfcdcd !important; */
}
.opcao_Cnaemodal {
/* color: #fff;
float: right;
border-radius: 3px;
cursor: pointer;
text-align: center;
font-size: 12px;
text-decoration: none !important;
padding: 4px 0;
margin-right: 8px;
width: 100px; */
}
.goop {
background: #2A5597;
color: #fff !important;
}
.atvbts {
float: right;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 0em;
}
.sameend {
white-space: normal!important;
text-align: left!important;
font-size: 15px;
color: #555;
}
.sameend label{
margin-bottom: 0!important;
}
.sameend input[type="checkbox"] {
margin-right: 6px !important;
}
#dialog-cnae .ui-autocomplete {
display: block !important;
z-index: 999 !important;
top: 0px !important;
}
#term,
#term-cnae {
margin-top: 10px;
/* width: 100%;
color: #2A5597;
padding: 5px 0; */
}
.ui-autocomplete {
max-height: 180px;
max-width: 82vw;
overflow-y: auto;
position: absolute;
top: 0;
left: 33.6719px;
z-index: 9999;
}
.ie6 .ui-autocomplete {
max-height: 180px;
overflow-y: auto;
position: absolute;
top: 0;
left: 33.6719px;
z-index: 9999;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9 !important;
background-color: #000000;
/*display: none;*/
}
/*---*/
.ui-autocomplete {
position: absolute;
font-size: 12px;
top: 100%;
left: 0;
z-index: 9999;
float: left;
display: none;
min-width: 160px;
width: 160px;
padding: 0 !important;
margin: 2px 0 0 0;
list-style: none;
background-color: #ffffff;
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-right-width: 2px;
border-bottom-width: 2px;
overflow-x: hidden;
text-align: left;
}
.ui-menu-item a {
padding-bottom: 3px;
padding-top: 3px !important;
}
.ui-menu-item>a.ui-corner-all {
display: block;
clear: both;
font-weight: normal;
line-height: 110%;
color: #2A5597;
white-space: pre-line;
padding-left: 5px;
}
.ui-menu-item>a:hover {
text-decoration: none !important;
background: #eee;
cursor: pointer;
margin-bottom: 0px;
}
#modalConsultarCnae .modal-header {
font-family: 'roboto' !important;
color: #2A5597;
padding: 15px;
border-bottom: 1px solid #f5f5f5 !important;
}
#modalConsultarCnae .modal-body {
position: relative;
padding: 15px;
font-size: 15px;
color: #838485;
}
#modalConsultarCnae label {
width: 100%;
}
#modalCnaeSecundario .modal-header {
font-family: 'roboto' !important;
color: #2A5597;
padding: 15px;
border-bottom: 1px solid #f5f5f5 !important;
}
#modalCnaeSecundario .modal-body {
position: relative;
padding: 15px;
font-size: 15px;
color: #838485;
}
#modalCnaeSecundario label {
width: 100%;
}
.cad-voltar {
font-family: 'roboto';
background: #4475bb;
border: none;
color: #fff;
font-size: 14px;
text-align: center;
width: 111px;
border-radius: 3px;
padding: 5px 0;
margin-left: 0px !important;
float: left !important;
margin-right: 10px;
}
#formulario_pf #sendFormPessoaFisica2 {
float: left;
margin-left: 0px;
cursor: pointer;
}
#formPessoaFisica {
position: relative;
}
.cad-voltar:hover,
.cad-voltar:active,
.cad-voltar:focus {
box-shadow: 0px 0px 3px #22457a !important;
opacity: 1 !important;
background: #22457a;
}
.buttonCancelar {
font-family: 'roboto';
background: #e7ebec;
color: #4475bb;
border: solid 1px #ccc;
font-size: 14px;
text-align: center;
width: 111px;
border-radius: 3px;
padding: 4px 0;
float: left;
margin-left: 0px !important;
cursor: pointer;
}
.buttonCancelar:hover,
.buttonCancelar:active,
.buttonCancelar:focus {
box-shadow: 0px 0px 3px #ccc !important;
opacity: 1 !important;
text-decoration: none;
border-color: #bdc1c1;
background: #ccd0d1;
}
#modalDesatualizado .modal-header {
color: #b64848 !important;
text-align: left;
padding: 3px 0 10px;
height: 50px;
margin-bottom: 15px;
}
#modalDesatualizado .modal-header h1 {
background: url(../img2016/all/cliente/warning.svg)left center no-repeat;
background-size: 20px;
font-size: 18px !important;
padding-left: 24px;
text-align: center;
background-position-x: 0;
margin-top: 8px;
}
#modalDesatualizado .modal-body {
font-size: 14px;
}
/*
PADRAO DE MODAL
COM BASE NO #modalDesatualizado
*/
.modal-padrao .modal-header {
color: #b64848;
text-align: left;
margin-bottom: 15px;
}
.modal-padrao .modal-header h1 {
background: url(../img2016/all/cliente/warning.svg)left center no-repeat;
background-size: 20px;
font-size: 18px !important;
padding-left: 20px;
text-align: center;
background-position-x: 0;
margin-top: 8px;
}
.modal-sm .modal-header h1 {
font-size: 14px !important;
}
.modal-padrao .modal-body {
font-size: 14px;
}
/*===========*/
/*FORMAS DE PAGAMENTO*/
.detBoleto {
margin-bottom: 13px;
}
.detBoleto p{
font-family: 'roboto';
font-size: 16px;
margin: 0 0 13px;
color: #718191;
width: 100%;
max-width: 620px;
}
.porboleto,
#select_boleto,
#select_cartao {
margin: 0 auto;
}
#select_cartao {
margin: 0 auto !important;
}
.porcartao {
margin: 0 auto;
}
#choiceBoleto {
margin: 4px 0 0;
margin-top: 1px 9px;
line-height: normal;
float: none;
}
.boleto h3 {
font-size: 16px;
color: #58636d;
width: 100% !important;
line-height: 143%;
cursor: pointer;
}
/* .cielo h3 {
font-size: 16px;
color: #58636d;
width: 100% !important;
line-height: 143%;
cursor: pointer;
} */
.boleto {
background: url(../img2016/carrinho/boleto.png) center left no-repeat;
padding-left: 38px;
height: 21px;
background-position: 6px center;
background-size: 22px;
}
/* .cielo {
background: url(../img2016/carrinho/cartao.png) center left no-repeat;
padding-left: 38px;
height: 21px;
background-position: 6px center;
background-size: 22px;
} */
#boletobancario p {
padding: 0;
width: 100%;
float: left;
text-align: left;
font-size: 16px;
margin-bottom: 0px !important;
font-family: 'roboto';
}
#boletobancario p > span .icon{
color: #354c63;
margin-left: 15px;
}
#boletobancario h1 {
padding: 20px 15px;
width: 70%;
float: left;
font-size: 15px;
color: #8a9199;
margin-bottom: 0px !important;
}
#boletobancario a {
float: right;
vertical-align: middle !important;
width: 16%;
margin: 10px 20px;
}
.btn_gerar_boleto {
text-align: center;
color: #fff;
text-decoration: none !important;
margin: 14px auto !important;
padding: 5px 0;
background-color: #7ab71e;
border-radius: 3px;
font-size: 16px;
width: 35%;
}
.btn-comprar:hover {
text-decoration: none !important;
}
.btn_efetuar_compra:hover,
.btn_efetuar_compra:active,
.btn_efetuar_compra:focus {
background-color: #6da01b;
}
.datalimite {
text-align: center;
}
.boleto_detalhes p {
text-align: center;
}
.porcartao select,
.campoPagar select,
.campoPagar input.fieldcard {
padding: 8px;
width: 100%;
border: solid 1px rgba(109, 139, 147, 0.57);
font-size: 13px;
color: #6d8b93;
border-radius: 3px;
margin: 5px 0;
}
/*====== PG ARQUIVOS ===================*/
.conteudo_digital_content {
border: none;
width: 100%;
}
.conteudo_planilhas ul#lista_planilhas,
ul#lista_videos {
list-style: none;
padding: 0;
text-align: justify;
}
.conteudo_planilhas ul#lista_planilhas {
list-style: none;
padding: 0;
width: 100%;
}
.conteudo_planilhas ul#lista_planilhas li:hover {
border-bottom: solid 2px #006EC7;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
}
.conteudo_planilhas ul#lista_planilhas li a:hover {
text-decoration: none !important;
}
.conteudo_planilhas ul#lista_planilhas li {
background: url(../img2016/all/conteudos/sheetss.png) no-repeat left top;
background-size: 30px;
padding-bottom: 0px;
width: 100%;
padding-left: 46px;
border-bottom: solid 2px #c9c9c9;
padding-bottom: 14px;
/* padding-top: 10px; */
display: inline-block;
background-position: 5px 17px;
opacity: 1;
}
.conteudo_planilhas ul#lista_planilhas li h1 {
font-size: 18px;
color: #666;
}
.conteudo_planilhas ul#lista_planilhas li h2 {
font-size: 15px;
/* color: #777;*/
color: #777;
line-height: 130%;
}
.btn_download {
/* text-align: center; */
width: 170px;
font-size: 15px;
color: #fff;
background: #006EC7;
text-align: center;
border-radius: 3px;
/* float: left; */
padding: 5px 0;
}
/*.conteudo_planilhas, .conteudo_videos{display: none;}*/
.conteudo_videos ul#lista_videos {
list-style: none;
padding: 0;
}
.conteudo_videos ul#lista_videos li:hover {
border-bottom: solid 2px #006EC7;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.conteudo_videos ul#lista_videos li {
background: url(../img2016/all/conteudos/cams.png) no-repeat left top;
background-size: 30px;
padding-bottom: 0px;
width: 100%;
padding-left: 45px;
border-bottom: solid 1px #c9c9c9;
padding-bottom: 14px;
/* padding-top: 10px; */
display: inline-block;
background-position: 4px 15px;
opacity: 1;
}
.conteudo_videos ul#lista_videos li h1 {
font-size: 18px;
color: #666;
}
.conteudo_videos ul#lista_videos li h2 {
font-size: 15px;
color: #777;
line-height: 130%;
}
#tabs {
width: 100% !important;
float: left;
background: transparent !important;
border: none !important;
}
.ui-tabs .ui-tabs-panel {
padding: 0 !important;
width: 100% !important;
border-radius: 0 !important;
border: none !important;
}
.conteudo_digital_content .ui-widget-header {
background: transparent !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: solid 1px #ddd !important;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none !important;
font-size: 17px;
color: #777;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px !important;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
border: solid 1px #ddd;
font-weight: 600;
background: #f5f5f5 !important;
}
/*========*/
.conteudo_digital_content .ui-state-active {
background: transparent !important;
border-bottom: solid 1px #f5f5f5;
}
/*=========*/
/*#modal_erros .modal-header {
font-family: 'roboto'!important;
color: #2A5597;
background: #f5f5f5;
padding: 15px;
border-bottom: 1px solid #f5f5f5!important;
text-align: center;
}
#modal_erros .modal-body {
position: relative;
padding: 15px;
font-size: 15px;
color: #838485;
}
*/
.tabconteudo {
background: rgba(198, 212, 221, 0.10) !important;
}
#modal_dados_atualizados .modal-header,
#modal_erros .modal-header {
color: #b64848;
}
.modal .modal-header *{
font-family: 'roboto' !important;
}
.modal .modal-header .close{
position: relative;
top: -23px;
right: -21px;
opacity: .3;
}
#modal_dados_atualizados .modal-header h1 {
font-size: 16px !important;
margin-top: 2px !important;
text-align: center !important;
margin-bottom: 3px;
}
#modal_erros .modal-header h4 {
background: url(../img2016/all/cliente/warning.svg)left center no-repeat;
background-size: 7%;
font-size: 18px !important;
padding-left: 24px;
text-align: center;
background-position-x: 22px;
}
#modal_erros .modal-body {
position: relative;
padding: 15px;
font-size: 14px;
color: #838485;
text-align: center;
font-family: 'roboto' !important;
}
#ajaxloader .modal-header {
font-family: 'roboto' !important;
color: #2A5597;
padding: 10px !important;
border-bottom: 1px solid #838485 !important;
}
#modalMsgEmail .modal-sm{
width: 320px!important;
}
#ajaxloader .modal-header h1 {
font-family: 'roboto';
font-size: 16px !important;
margin-top: 2px !important;
text-align: center !important;
margin-bottom: 3px;
}
#modalRecuperaSenha .modal-footer{
margin-top: 14px!important;
margin: 0!important;
padding: 0!important;
}
#ajaxloader .modal-body {
position: relative;
padding: 15px;
font-size: 18px;
color: #838485;
text-align: center;
font-family: 'roboto' !important;
}
#ajaxloader .modal-body {
position: relative;
padding: 15px;
font-size: 14px;
color: #838485;
text-align: center;
font-family: 'roboto' !important;
}
/*-------------*/
.quantidadelistadas {
font-size: 15px;
clear: both;
color: #a7b0ab;
width: 49%;
float: left;
text-align: left;
}
.paginationCount {
font-size: 15px;
padding: 0px 15px;
}
.bordered {
border-right: solid 1px #a7b0ab;
}
.container_paginacao {
text-align: right;
margin-top: 30px;
}
.container_paginacao a {
display: inline-block;
color: #868f93;
font-family: "roboto";
font-size: 15px;
}
.container_paginacao p {
padding: 0 10px;
color: #768F9B;
display: inline-block;
font-family: "roboto";
margin: 0;
font-weight: bolder;
}
.container_paginacao a:hover {
color: #254d6c;
}
.container_paginacao p i {
font-size: 17px;
position: relative;
bottom: -1px;
}
.container_paginacao .primeira-pagina i {
margin-right: 15px;
}
.container_paginacao .ultima-pagina i {
margin-left: 15px;
}
.paging{
border: solid 1px #e6e6e6;
border-radius: 3px;
padding: 15px;
width: auto;
float: right;
}
.iconFirst,
.iconPrev,
.iconProx,
.iconLast {
display: none;
}
.politicadeprivacidade {
background: #fff;
box-shadow: 0 0 3px #bababa;
padding: 15px;
margin-top: 15px;
}
.politicadeprivacidade h1 {
font-size: 23px;
color: #2e66b7;
margin: 3px 0 1% 0;
}
.politicadeprivacidade h2,
.politicadeprivacidade h3 {
font-size: 23px;
color: #2e66b7;
margin-bottom: 3%;
margin: 30px 0 0 0;
}
.politicadeprivacidade p {
font-size: 16px;
color: #817e7e;
;
line-height: 140%;
}
/*=========================================*/
.footer {
width: 100%;
color: #698190;
font-size: 15px;
position: relative;
clear: both;
margin-top: 0;
padding-bottom: 30px;
/* border-top: 1px solid #e7e6e6; */
word-break: break-word;
background: #FFF;
}
.footer #listaBandeiras i {
width: 47px;
height: 25px;
}
.captularFooter {
color: #354C63 !important;
font-size: 16px;
margin-top: 0px;
margin-bottom: 23px;
font-weight: 700;
font-family: 'roboto';
}
.footer-title{
font-family: 'roboto';
font-size: 20px;
color: #354c63;
margin-bottom: 11px;
clear: both;
}
.centralFooter {
max-width: 950px;
margin: 0 auto;
position: relative;
color: #354c63;
padding-top: 20px;
}
.backtotop {
position: fixed;
right: 2%;
bottom: 20px;
width: 74px;
height: 74px;
cursor: pointer;
background: url(../img2016/all/footer/backto.png);
}
.zerovaga {
width: 100%;
color: #fff;
background: #7c8f94 url(../img2016/evento/zerovagas.png)no-repeat 8% center;
background-size: 20px;
padding: 7px 0;
text-align: center;
padding-left: 9%;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lista_convites {
margin: 28px 0 0;
}
.assinatura {
display: block;
margin-top: 20px;
}
/*========*/
.centralrelacionamento ul li:first-child{
/* color: #354C63 !important;
font-size: 16px;
margin-top: 0px;
margin-bottom: 23px;
font-weight: 700; */
}
.centralrelacionamento ul li{
margin-top: 6px;
font-size: 15px;
font-family: 'roboto';
}
.centralrelacionamento ul li a{
/* color: #698190 !important; */
transition: 0.3s;
}
.centralrelacionamento ul li a:hover {
color: #2e66b7 !important;
transition: 0.3s;
}
.social {
text-align: left;
}
.centralrelacionamento h1,
.social h1,
.privacidade h1 {
font-size: 22px;
color: #2e66b7;
margin: 0px 0px 22px 0px;
}
.centralrelacionamento p {
color: #354c63;
font-size: 15px;
margin: 4px 0 10px 0 !important;
}
.centralrelacionamento p span {
font-size: 13px;
}
.privacidade ul{
text-align: center;
}
.privacidade ul li:first-child{
margin-left: 0;
}
.privacidade ul li{
margin-left: 0!important;
width: auto;
padding: 7px 10px;
}
.privacidade ul li a {
color: #2e66b7;
font-size: 16px;
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.1s ease-in-out;
}
.tt {
margin: 0 10px;
}
/*=========*/
.atcart {
width: 35px;
height: 23px;
background-size: 23px !important;
position: absolute;
top: 0px;
right: 0px;
background: #ff6c00 url("../img2016/all/boxevento/atcart.png") center center no-repeat;
text-align: center;
color: #fff;
border-radius: 0 0 5px 5px;
}
.pendentepg {
width: 35px;
height: 25px;
background-size: 30px !important;
position: absolute;
top: -1px;
right: 0px;
background: #ff6c00 url("../img2016/all/boxevento/pagamentopendente.png")top no-repeat;
text-align: center;
color: #fff;
border-radius: 0 0 5px 5px;
}
.taginscrito {
width: 35px;
height: 23px;
background-size: 22px !important;
position: absolute;
top: 0;
right: 0px;
background: #7ab71e url("../img2016/all/boxevento/inscritos.png")center 2px no-repeat;
text-align: center;
color: #fff;
border-radius: 0 0 5px 5px;
}
/* .nocarrinho {
border-top: solid 8px #ff6c00;
} */
/*======================*/
.insc_encerrada {
height: 56px;
line-height: 56px;
font-family: 'roboto';
color: #85909b;
clear: both;
margin: 20px 0 0;
border-radius: 0;
text-align: center;
background: #eaeaea;
}
.insc_encerrada_on .title_encerrado {
color: #fff;
line-height: 100%;
text-align: center;
width: 100%;
line-height: 34px;
font-size: 12px;
background: #98a2a6;
border-radius: 4px;
cursor: default;
text-transform: uppercase;
overflow: hidden;
}
.classePerfil img {
width: 30px !important;
height: 30px !important;
}
.perfil {
width: 100% !important;
margin-top: 10px;
}
.boxPr {
color: #FFF;
float: left;
font-weight: bold;
margin: 0px 5px 0 0px;
font-size: 11px;
}
.boxMei {
color: #FFF;
float: left;
font-weight: bold;
margin: 0px 5px 0 0px;
font-size: 11px;
}
.boxEmpe {
color: #FFF;
float: left;
font-weight: bold;
line-height: 13px;
margin: 0px 5px 0 0px;
font-size: 11px;
}
.boxSCE {
color: #FFF;
float: left;
font-weight: bold;
line-height: 13px;
margin: 0px 5px 0 0px;
font-size: 11px;
}
.boxAbrirnegocio {
color: #FFF;
float: left;
font-weight: bold;
margin: 0px 5px 0 0;
font-size: 11px;
}
/*============*/
div.radio {
display: inline-block;
overflow: hidden;
float: left;
margin-bottom: 16px;
}
label.forradio {
width: auto;
padding-right: 7px;
border-radius: 3px;
border: 1px solid #D1D3D4;
font-size: 14px;
}
/* hide input */
input.radio:empty {
margin-left: -999px;
border: solid 1px #6e8c95;
float: left;
}
/* style label */
input.radio:empty~label {
position: relative;
float: left;
line-height: 2.9em;
text-indent: 35px;
cursor: pointer;
background: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 2px;
color: #4a80ce;
}
input.radio:empty~label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 20px;
height: 20px;
background: transparent;
border-radius: 3px;
border: solid 1px #6e8c95;
top: 10px;
left: 7px !important;
}
/* toggle hover */
input.radio:hover:not(:checked)~label:before {
/* content: '\2714'; */
text-indent: 10px;
/*color: #fff!important; */
border: solid 1px;
}
input.radio:hover:not(:checked)~label {
color: #6e8c95;
}
/* toggle on */
input.radio:checked~label:before {
content: '\2714';
font-size: 1.4em;
text-indent: 0.2px;
line-height: 103%;
color: #fff !important;
border: solid 1px #fff;
}
input.radio:checked~label {
color: #fff;
background: #5e95e4;
box-shadow: inset 0 3px 3px #255396;
}
/* radio focus */
input.radio:focus~label:before {}
.showerror {
margin-bottom: 7px;
text-align: center;
color: #fc0d1b;
font-family: 'roboto';
text-align: left;
/*margin-bottom: 14px;*/
}
/* IDs modais */
#modal-aplicar-desconto .modal-header, #modalValidacaoNoCarrinho .modal-header, #modalLoginSocial .modal-header, #modalFalhaAlterarFormaDePagamento .modal-header,
#modal_proximos_eventos .modal-header, #modal_carrinho .modal-header, #modal_erros .modal-header, #restritoAoGrupo .modal-header, #cancelamentodecompra .modal-header,
#restritoAoGrupo2 .modal-header, #modalErroNoCarrinho .modal-header, #modalRemoverEvento .modal-header, #modalMsgEmail .modal-header, #modalValidacaoCadastro .modal-header,
#modal_dados_atualizados .modal-header, #modalDesvinculoSocial .modal-header, #modalRecuperaSenha .modal-header, #semCadastro .modal-header, #modalerroStatus .modal-header,
#cadastroExistente .modal-header, #modalRemoverConsultoria .modal-header, #compraGratis .modal-header {
font-family: 'roboto' !important;
text-align: left;
color: #2f2f2f !important;
border-radius: 3px 3px 0 0 !important;
padding: 3px 15px 10px 0;
border: none;
margin: 0;
}
#modal-aplicar-desconto .modal-title, #modalValidacaoNoCarrinho .modal-title, #modalLoginSocial .modal-title, #modalFalhaAlterarFormaDePagamento .modal-title,
#modal_proximos_eventos .modal-title, #modal_carrinho .modal-title, #modal_erros .modal-title, #restritoAoGrupo .modal-title, #cancelamentodecompra .modal-title, #restritoAoGrupo2 .modal-title,
#modalErroNoCarrinho .modal-title, #modalRemoverEvento .modal-title, #modalMsgEmail .modal-title, #modalValidacaoCadastro .modal-title, #modal_dados_atualizados .modal-title,
#modalDesvinculoSocial .modal-title, #modalRecuperaSenha .modal-title, #semCadastro .modal-title, #cadastroExistente .modal-title,
#modalerroStatus .modal-title, #modalRemoverConsultoria .modal-title, #compraGratis .modal-title {
font-size: 25px;
text-transform: none;
color: #354c63;
margin: 0;
line-height: 115%;
font-weight: 600;
}
#modal-aplicar-desconto p, #modalValidacaoNoCarrinho p, #modalLoginSocial p, #modalFalhaAlterarFormaDePagamento p, #modal_proximos_eventos p, #modal_erros p, #restritoAoGrupo p,
#cancelamentodecompra p, #restritoAoGrupo2 p, #modalErroNoCarrinho p, #modalRemoverEvento p, #modalMsgEmail p, #modalValidacaoCadastro p, #modal_dados_atualizados p,
#modalDesvinculoSocial p, #modalRecuperaSenha p, #modal_carrinho p, #modalRemoverConsultoria p, #compraGratis p{
line-height: 115%!important;
text-align: left!important;
/* margin: 5px 0 10px!important;*/
float: left!important;
font-size: 15px!important;
}
#modal-aplicar-desconto .modal-dialog, .modalValidacaoNoCarrinho .modal-dialog, #modalLoginSocial .modal-dialog, #modalFalhaAlterarFormaDePagamento .modal-dialog,
#modal_proximos_eventos .modal-dialog, #modal_erros .modal-dialog, #modal_Busca_desktop .modal-dialog, #restritoAoGrupo .modal-dialog, #cancelamentodecompra .modal-dialog,
#restritoAoGrupo2 .modal-dialog, #modal_instrucoes .modal-dialog, #modal_instrucoes2 .modal-dialog, #modal_instrucoes3 .modal-dialog, #modalErroNoCarrinho .modal-dialog,
#modalRemoverEvento .modal-dialog, #modalMsgEmail .modal-dialog, #modalValidacaoCadastro .modal-dialog, #modal_dados_atualizados .modal-dialog,
#modalDesvinculoSocial .modal-dialog, #modalRecuperaSenha .modal-dialog, #modal_carrinho .modal-dialog,
#semCadastro .modal-dialog, #compraGratis .modal-dialog {
max-width: 371px;
}
#politicaLgpd .modal-dialog {
margin-top: 5vh!important;
}
/* Instru��es */
.modal-dialog-prox-event {
margin: 0 auto;
width: 371px;
}
#modal_proximos_eventos .modal-content{
border: none;
}
#modal_proximos_eventos {
z-index: 9999;
position: fixed;
top: 92px;
}
.modal-dialog-carrinho {
margin: 0 auto;
width: 371px;
}
#modal_carrinho {
z-index: 9999;
position: fixed;
top: 92px;
}
#modal_carrinho .modal-content{
border: none;
}
#modal_instrucoes .modal-header, #modal_instrucoes2 .modal-header, #modal_instrucoes3 .modal-header {
font-family: 'roboto' !important;
text-align: left;
color: #fff !important;
border-radius: 3px 3px 0 0 !important;
padding: 3px 15px 10px 0;
border: none;
margin: 0;
}
#modal_instrucoes .modal-body, #modal_instrucoes2 .modal-body, #modal_instrucoes3 .modal-body {
max-height: 500px;
overflow: hidden;
overflow-y: visible;
padding: 0;
color: #9ac2fd;
}
#modal_instrucoes .modal-title, #modal_instrucoes2 .modal-title, #modal_instrucoes3 .modal-title {
font-size: 25px;
text-transform: none;
color: #fff;
margin: 0;
line-height: 115%;
}
#modal_instrucoes .modal-content, #modal_instrucoes2 .modal-content, #modal_instrucoes3 .modal-content {
border-radius: 4px !important;
padding: 41px;
border: 1px solid #2e66b7;
background-color: #2e66b7;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.26) !important;
}
#modal_instrucoes p, #modal_instrucoes2 p, #modal_instrucoes3 p {
line-height: 115%!important;
text-align: left!important;
margin: 5px 0 10px!important;
float: left!important;
font-size: 15px!important;
}
#modalRespostaCadastro {
padding-right: 0 !important;
}
#modalRespostaCadastro .modal-header {
border-bottom: none !important;
margin-bottom: 5px !important;
padding: 0;
}
#modalRespostaCadastro .modal-header h4 {
font: 600 30px 'roboto',sans-serif;
color: #fff;
}
#modalRespostaCadastro .modal-body p {
font: 300 23px 'roboto',sans-serif;
color: #fff;
}
/* Instru��es */
/* fim IDs modais */
#modalRemoverEvento .modal-footer a {
color: #fff !important;
}
.cadastroExistente{
max-width: 346px!important;
}
#modalRecuperaSenha .close{
top: -21px;
right: -31px;
}
#cadastroExistente .close{
top: -21px;
right: -31px;
}
#authentication .socials{
float: left;
width: 100%;
text-align: center;
font-size: 23px;
}
.ml-auto{
float: right!important;
}
#authentication .socials img {
width: 100%;
float: left;
}
#modalRecuperaSenha .modal-body h1,
#modalMsgEmail .modal-body h1,
#semCadastro .modal-body h1 {
font-family: 'roboto' !important;
text-align: center;
color: #2e66b7 !important;
font-size: 15px !important;
text-align: left;
line-height: 127%;
margin-top: -0px;
margin-bottom: 15px;
}
#modalValidacaoCadastro #cadigoCadastro, #modalRecuperaSenha #emailRecuperacao {
width: 99%;
padding: 11px;
border-radius: 4px;
border: solid 1px;
}
.modal-dialog{
margin: 10px auto 0;
}
.btn-modal-white {
border-radius: 4px;
width: 99%;
line-height: 45px;
background: #fff;
border: none !important;
color: #2e66b7 !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
margin-bottom: 11px;
font-family: 'roboto';
text-align: center;
float: left;
}
.btn-modal {
border-radius: 4px;
width: 99%;
line-height: 45px;
background: #2e66b7;
border: none !important;
color: #fff !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
margin-bottom: 11px;
font-family: 'roboto';
float: left;
text-align: center;
}
/* limpando algumas propriedades */
.btn-modal.clear{
width: auto !important;
line-height: inherit;
margin: 0 !important;
}
.btn-modal-close {
width: 100%;
line-height: 45px;
border: none !important;
color: #2e66b6 !important;
background-color: #fff !important;
font-size: 14px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
font-family: 'roboto';
font-weight: 600;
text-align: center;
float: left;
transition: 4.3s;
border-radius: 5px;
}
.btn-modal-close:hover {
-webkit-filter: brightness(.5);
filter: brightness(.9);
}
.btn-modal:hover {
text-decoration: none;
opacity: 0.9;
color: #f5f5f5;
}
/* --- TemplateConsultoriaQueroParticipar.jsp --- */
/* Validacao de CNPJ */
.not-empty-parent span,
.cnpj-validation span {
visibility: hidden; /* oculto, a menos que haja erros */
float: left;
text-align: left;
}
.not-empty-parent.has-error span,
.cnpj-validation.has-error span {
visibility: visible;
}
.warning { color: #a94442; }
/* linha input+button */
.row-input-btn {
width: 100%;
display: flex;
}
.row-input-btn input {
flex: 1;
}
.row-input-btn button {
width: auto;
line-height: 1em;
}
button.mask-cnpj-btn:disabled {
opacity: 0.5;
}
.row-input-btn .left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.row-input-btn .right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* ----------------------------------------------- */
/* efeitos em alguns botoes */
#modalRecuperaSenha label {
max-width: none;
}
#modalRecuperaSenha .msgsemail {
color: #EF4646!important;
margin: 5px 0!important;
font-size: 14px;
font-family: 'roboto';
font-weight: bold;
}
.hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 0.8em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
/*---*/
.hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.28s;
transition-duration: 0.28s;
}
.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
-webkit-transform: scale(1.08);
transform: scale(1.08);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.28s;
transition-duration: 0.28s;
}
.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
z-index: 1;
-webkit-transition: all 0.2s ease-in-out;
/* Safari */
transition: all 0.2s ease-in-out;
}
.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.modal-open {
overflow: visible !important;
}
/*=====================================================*/
#preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 99;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
/*---------------------------------------------------
NOVO SLIDER*/
.container_banners {
clear: both;
position: relative;
/* top: 36px; */
}
.slider_banners img{
width: 100%;
height: auto!important;
background-repeat: no-repeat;
background-position: center top;
object-fit: cover;
/* -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;*/
}
@media(min-width: 995px){
.slider_banners img{
width: 100%;
height: 300px!important;
}
}
@media(max-width: 374px){
#myModal .item-img-output{
margin-left: auto;
margin-right: auto;
background: url('static/images/imagemAmeiMobile.png') no-repeat;
}
}
.fechar_filtro_busca {
background: none !important;
border: none !important;
margin-right: 12px;
}
.open_filtro_busca {
display: none;
}
.mrg-top {
margin-top: 0px !important;
margin-right: 130px;
}
.topo_busca {
font-size: 16px;
color: #2e66bb;
margin-bottom: 16px;
width: 100%;
box-shadow: 0 2px 15px #bbb;
position: absolute;
left: 0px;
top: 0px;
padding: 15px;
}
.busca_evento {
/*z-index: 9999 !important;*/
position: relative;
background: #fff;
padding: 40px 30px 0 30px;
border-radius: 6px;
background: #fff;
box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
padding: 0;
margin: 20px 0 0;
}
.busca_evento_desktop {
margin-top: 0;
color: #354c63;
position: relative;
}
.busca_evento_desktop .info {
background: #f8f8f8;
margin-bottom: 1em;
padding: 8px;
font-size: 16px;
}
.busca_evento_desktop .info code {
display: inline-block;
background: white;
padding: 0 2px;
border: 1px solid #ddd;
border-radius: 3px;
}
.busca_evento_desktop .form__daterange {
font-size: 16px;
padding: 8px;
width: 30em;
}
.busca_evento_desktop .ui-datepicker-range > .ui-state-default {
background: lightsalmon;
}
/* busca mobile */
.btn-abrir-busca-mobile{
/* display: block !important; */
width: 60px;
height: 60px;
display: none;
background: #2e66b7;
color: #FFF;
position: fixed;
bottom: 15px;
right: 15px;
border-radius: 100%;
line-height: 70px;
z-index: 9999;
}
.btn-abrir-busca-mobile-pe{
/* display: block !important; */
width: 60px;
height: 60px;
display: none;
background: #2e66b7;
color: #FFF;
position: fixed;
bottom: 70px;
right: 15px;
border-radius: 100%;
line-height: 70px;
z-index: 1;
}
.btn-abrir-busca-mobile .icon{
font-size: 23px;
color: #FFF;
position: absolute;
top: calc(50% - 12.5px);
left: calc(50% - 12.5px);
}
/* busca mobile fim */
/* busca desktop flutuante */
.btn-abrir-busca{
display: block !important;
height: 56px;
display: none;
background-color: #2e66b7;
color: #FFF;
position: fixed;
bottom: 15px;
right: 15px;
border-radius: 66px;
line-height: 70px;
z-index: 1;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
}
.btn-abrir-busca .icon{
font-size: 16px;
color: #FFF;
top: calc(50% - 12.5px);
left: calc(50% - 12.5px);
}
.btn-abrir-busca span {
margin: 0 8px;
font-family: 'roboto';
text-transform: capitalize;
font-size: 22px;
color: #fff;
}
/* busca desktop flutuante fim */
.busca_evento_desktop .btn-mob-close{
display: none;
width: calc(100% - 30px);
font-size: 24px;
color: #404d62;
padding: 15px 15px 5px;
text-align: right;
margin: 0;
position: absolute;
top: 0;
right: 15px;
z-index: 999999999999999999999999999999999;
background: #FFF;
}
.busca_evento_desktop p {
font-size: 15px;
font-family: 'roboto'
}
.busca_evento_desktop .info-rodape{
display: block;
margin: 4px 0 0;
}
.btn-limpar{
font-family: 'roboto';
font-weight: 600;
font-size: 16px;
color: #2e66b7;
}
#sec_transacoes .btn-limpar{
display: block;
margin-top: 5px;
}
.busca_evento_desktop .info-rodape span{
line-height: 13px;
display: inline-block;
margin: 0 0 0 5px;
}
.btn-limpar .icon{
color: #2e66b7;
}
.btn-limpar span{
line-height: 13px;
display: inline-block;
margin: 0 0 0 5px;
}
.datepicker table {
width: 100%;
}
.datepicker table tr td span {
height: 30px !important;
line-height: 30px !important;
}
.yt {
margin-right: 10px;
}
.detalhes_evento_single figure {
/*display: none;*/
}
/*.itemEvento figure{
display: block!important;
object-fit: scale-down!important;
}*/
.valor p,
.vagas p,
.horario p {
margin-left: 6px;
}
.texto-carrinho {
margin-top: -13px;
font-weight: bold;
color: #75838e;
margin-left: 13px;
}
#texto-carrinho-boleto {
font-weight: bold;
color: #75838e;
margin-left: -5px;
margin-top: -23px;
font-size: 15px;
}
.lista_convites .evento_com_imagem figure {
position: absolute;
/* height: 175px !important; */
/* min-height: 175px !important; */
display: flex;
flex-direction: row;
width: 100%;
display: block;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.itemEvento figure,
.itemReservas figure {
height: 190px;
display: block;
overflow: hidden;
position: relative;
}
.itemEvento .top-content,
.itemReservas .top-content {
/*height: 454px;
position: relative;
padding: 20px 15px 0; */
}
.corpoCard {
height: 240px;
padding: 10px 15px 15px 15px;
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"top"
"center"
"footer";
}
.corpoCard .title-area {
grid-area: top;
align-self: start;
}
.corpoCard .footer_evento_single {
grid-area: footer;
align-self: end;
}
.corpoCard .footer_evento_single .local{
margin-bottom: 5px;
}
.itemEvento .top-content .title-area,
.itemReservas .top-content .title-area{
padding: 0 15px;
margin-top: 15px;
}
.itemEvento .top-content .image-area,
.itemReservas .top-content .image-area{
height: 0;
display: block;
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
/* Safari */
transition: all 0.2s ease-in-out;
}
/*.itemEvento .top-content .image-area.com-marcacao{
padding-bottom: 50px;
}*/
.itemEvento .evento_com_imagem .top-content .image-area{
height: 177px;
border-radius: 6px 6px 0 0;
}
.itemEvento .evento_sem_imagem .top-content .image-area{
height: 177px;
border-radius: 6px 6px 0 0;
}
.detalhes_evento_single .hover-screen{
position: relative;
bottom: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.itemEvento .evento_com_imagem .top-content,
.itemReservas .evento_com_imagem .top-content {
/* padding-bottom: 20px; */
}
.itemEvento .top-content--figure {
height: 100%;
position: absolute;
border-radius: 6px 6px 0 0;
top: 0;
left: 0;
right: 0;
margin: 0;
}
.itemEvento .top-content--cont-box {
overflow: hidden;
display: block;
clear: both;
position: absolute;
left: 0;
top: 0;
}
.evento_com_imagem .miniimg img, .evento_sem_imagem .miniimg img {
width: -webkit-fill-available;
height: auto;
display: block;
position: relative;
margin: 0 auto;
text-align: center;
}
.webkit .evento_com_imagem .miniimg img, .webkit .evento_sem_imagem .miniimg img{
height: 100%;
object-fit: cover !important;
}
.evento_com_imagem .margin {
padding: 0px;
margin: 0px;
width: 100% !important;
}
.evento_com_imagem .ovrl {
display: none;
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
bottom: 0px;
left: 0px;
-webkit-transition: all 0.2s ease-in-out;
/* Safari */
transition: all 0.2s ease-in-out;
}
#descreve {
width: 100%;
font-size: 18px;
color: #85909b;
line-height: 26px;
margin-bottom: 20px;
}
#descreve p{
font-family: 'roboto';
font-size: 18px;
line-height: 156%;
font-weight: normal;
word-break: break-word;
}
#descreve iframe {
max-width: 650px;
max-height: 450px;
}
#descreve .evimg {
display: block;
margin: 0 0 30px 0;
}
#descreve figure img {
width: 100%;
border-radius: 10px;
}
.intrinsic-container {
margin-top: 20px;
max-width: 600px;
width: 100%;
display: block;
clear: both;
position: relative;
height: 360px;
background: #2a60ad;
box-shadow: 0 6px 23px 0 rgba(0,0,0,.16);
border-radius: 6px;
overflow: hidden;
text-align: center;
}
.intrinsic-container h1 {
font-family: 'roboto';
font-weight: 600;
color: #fff;
}
.intrinsic-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
border: none !important;
height: 100% !important;
}
#cargaHoraria h2 {
background: url(../img2016/evento/time.png) center left no-repeat;
background-size: 15px;
padding-left: 22px;
}
#localidade h2 {
background: url(../img2016/evento/pin.png) center left no-repeat;
background-size: 11px;
padding-left: 20px;
}
#horario h2 {
background: url(../img2016/evento/horarios.png) center left no-repeat;
background-size: 15px;
padding-left: 20px;
}
.qtd_vagas {
width: 100%;
border: solid 2px #76ad40;
border-radius: 4px;
margin: 0 auto;
text-transform: uppercase;
}
.qtd_vagas h1 {
background: url(../img2016/evento/usr.png)left center no-repeat !important;
font-size: 25px;
color: #76ad40;
padding-left: 24px;
float: left;
margin: 2px 8px 3px 9px;
background-size: 20px !important;
}
.qtd_vagas p.stack {
float: right;
font-size: 12px;
color: #6a7f85;
margin: 4px 5px 0 0;
line-height: 120%;
}
.centered {
text-align: center !important;
margin: 0 auto !important;
float: none !important;
display: block;
width: 100%;
max-width: 400px;
}
.modalerrors {
/* top: 12vh !important; */
}
.modalerrors .modal-title {
font-size: 16px;
color: #9a2b09;
text-transform: uppercase;
}
.message {
font-size: 15px;
}
.msg_login {
text-align: center;
font-size: 15px;
color: #c43;
width: 100% !important;
max-width: 570px;
padding: 5px;
border-radius: 6px;
display: block;
text-align: left;
padding-left: 0;
font-family: 'roboto';
font-weight: bold;
}
/*======================*/
.formAlterarSenha {
margin-top: 45px;
}
.formAlterarSenha h1 {
color: #354c63;
font-size: 32px;
margin: 5% 0 2% 0;
}
.formAlterarSenha .control-group {}
.formAlterarSenha .control-group label {
font-size: 16px;
}
.formAlterarSenha .control-group input {
width: 100%;
max-width: 300px;
color: #354c63;
border: solid 1px #bbbbbb;
font-size: 16px;
padding: 6px 8px;
margin-bottom: 16px;
border-radius: 2px;
}
.alert_info {
font-size: 12px;
color: #828080;
}
.confirmasenha {
width: 120px !important;
height: 39px;
background: #2e66b7;
border: none !important;
color: #fff !important;
font-size: 18px !important;
outline: none;
cursor: pointer;
border-radius: 5px !important;
-webkit-appearance: none;
margin: 22px auto !important;
/* display: block!important; */
float: left !important;
/* margin: 25px; */
cursor: pointer;
}
.erroralert {
font-size: 14px;
color: #b01f1f;
}
.password_rules {
text-align: left;
font-size: 90%;
float: none !important;
display: block;
margin: 0 auto !important;
width: 80% !important;
color: #777;
margin-top: -10px !important;
}
.password_rules ul {
padding-left: 19px;
margin-top: -4px !important;
margin-bottom: 15px;
}
.password_rules ul li{
list-style: disc;
}
.password_rules_interna {
text-align: left;
font-size: 90%;
float: left !important;
display: block;
margin: 0 auto !important;
width: 100% !important;
color: #777;
margin-top: -10px !important;
}
.password_rules ul {
padding-left: 19px;
margin-top: -4px !important;
}
a.bt_alterarsenha {
position: absolute;
top: -25px;
right: 0px;
background: #4274bd;
border: none;
color: #fff;
font-size: 15px;
text-align: center;
width: 111px;
border-radius: 3px;
padding: 5px 0;
margin-left: 0px !important;
float: left !important;
margin-right: 10px;
width: 165px;
}
.bt_alterarsenha:hover,
.bt_alterarsenha:active,
.bt_alterarsenha:focus {
color: #f5f5f5 !important;
text-decoration: none !important;
background: #22457a;
}
#tipoPagamento{
margin: 0 0px 20px 0;
padding: 22px;
border: 1px solid #e7e6e6;
background: #FFF;
border-radius: 5px;
}
#tipoPagamento .nav{
display: flex;
vertical-align: top;
margin: 0 0 30px;
}
#tipoPagamento .nav li.active {
-webkit-filter: grayscale(0%);
filter: none;
/* IE6-9 */
color: #337ab7 !important;
opacity: 1;
}
#tipoPagamento .nav li.active h3 {
color: #337ab7 !important;
}
#tipoPagamento .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #337ab7;
background-color: #fff;
border-radius: 0px !important;
}
#tipoPagamento .tab-content{
width: 100%;
color: #354c63;
font-size: 16px;
display: inline-block;
vertical-align: top;
}
#tipoPagamento .btn_efetuar_compra,
#tipoPagamento .btnPagamento {
height: 43px;
line-height: 43px;
min-width: 100%;
padding: 0 15px;
max-width: 100%;
transition: 0.3s;
}
#infoPagamento{
display: block;
overflow: hidden;
width: 100%;
}
/*COMBOS*/
.tit_combo {
font-size: 25px;
color: #354c63;
margin: 40px;
}
/* correcoes */
.bottom_margin {
margin-bottom: 2%;
}
.button_wait {
background-image: url(../ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
width: 100px;
display: block;
margin: 0 auto;
padding: 7px 0;
border-radius: 5px;
height: 30px;
}
.boleto_bancario {
background-position: center;
background-repeat: no-repeat;
}
.text_justify {
text-align: justify
}
.bandeiras_cartoes {
width: 250px;
float: right;
margin-top: 10px;
}
.input_confirm_cadastro {
margin-right: 10px !important;
}
.cadastroUnico label.error {
width: 100% !important;
}
.formAtualCred {
margin-top: -9px;
}
.formspagamentotabs .nome-cartao {
text-transform: uppercase !important;
}
.formspagamentotabs label{
font-size: 14px;
}
.formspagamentotabs select,
.selected{
/* border: solid 1px #ababab;
border-radius: 4px;
padding: 6px;
font-size: 15px;
background: url(../img2016/all/down-arrow.svg)!important;
margin-right: 5px;
background: #FFF;
background-size: 13px;
margin-bottom: 5px;
padding-right: 0;*/
background: url(../img2016/all/down-arrows.svg);
background-size: 8px;
background-repeat: no-repeat;
background-position: 96% center;
}
.formspagamentotabs select::-ms-expand{
background-position: 0 center;
}
.webkit .formspagamentotabs select{
padding-right: 6px;
}
.formspagamentotabs input[type="text"] {
border: solid 1px #ababab;
border-radius: 4px;
background: #fff;
padding: 6px;
font-size: 15px;
margin-right: 5px;
margin-bottom: 10.5px;
width: 100%;
}
.formspagamentotabs h2 {
font-size: 16px;
text-align: left;
margin-top: 0px;
margin-bottom: 16px;
}
.area-app--filtro-data {
display: block;
margin-top: 15px;
}
.area-app--filtro-data .btn-app-pa-data {
display: block;
}
.area-app--filtro-data .row>div>.btn-app-pa-data {
width: calc(100% + 15px);
margin-left: -7.5px;
}
.area-app--filtro-data .btn-app-pa-data .data {
display: block;
}
.loja_app_pa .eventos {
margin-top: 15px !important;
}
.loja_app_pa .eventos h1 {
margin-top: 0 !important;
}
.loja_app_pa #principal,
.loja_app_pa .listavazia {
margin-top: 15px !important;
}
.loja_app_pa .voltarnotopo {
font-size: 14px !important;
padding: 5px 10px !important;
background-image: none;
}
.loja_app_pa .voltarnotopo:before {
content: "";
display: none;
}
.loja_app_pa .hvr-buzz-out {
display: block !important;
position: fixed;
top: inherit;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
background-size: contain;
opacity: 0.6;
}
.loja_app_pa .hvr-buzz-out:hover,
.loja_app_pa .hvr-buzz-out:focus {
opacity: 1;
}
.btn-azul {
width: auto;
text-align: center;
color: #f9fbfd;
border-radius: 2px !important;
display: inline-block;
margin: 0 auto;
padding: 5px 10px !important;
/* bottom: 15px; */
background: #2e66b7;
/* margin-bottom: 15px; */
cursor: pointer;
}
.btn-azul:hover,
.btn-azul:focus {
color: #FFF !important;
}
.loja_app_pa .container_banners {
top: 0;
}
.loja_app_pa #containerTopo {
height: auto;
}
.loja_app_pa #containerTopo>* {
/* margin-top: 9.8px !important; */
/* margin-bottom: 9.7px; */
}
.loja_app_pa #containerTopo #contaUsuario {
margin: 0 !important;
}
.loja_app_pa .busca_evento {
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
.loja_app_pa .topo_busca,
.loja_app_pa .busca_evento label {
display: none;
}
.loja_app_pa .busca_evento .campoBusca {
/* width: 75%; */
/* float: left; */
}
.loja_app_pa .busca_evento .btbusca {
width: 40px;
position: absolute;
top: 4px;
right: 30px;
height: 41px;
}
.certificado_seguranca {
position: absolute;
right: 20px;
top: 70px;
}
.informacoes-fixo-mobile {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
.card-informacoes-fixo-mobile {
box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
background: #FFF;
}
.informacoes-fixo-mobile .conteudo {
padding: 15px;
color: #2D4D61;
}
.informacoes-fixo-mobile .aviso_inscricao {
margin-bottom: 0.8em;
color: #666;
text-align: center;
}
.informacoes-fixo-mobile .informacoes_de_compra {
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
}
.informacoes-fixo-mobile .informacoes_de_compra .top_compra {
margin: 0;
font-size: 20px;
}
.informacoes-fixo-mobile h2.valor_desconto {
font-size: 22px;
margin: 0 !important;
}
.informacoes-fixo-mobile .vagas {
text-align: right;
font-size: 18px;
}
.menu-shadow {
display: none;
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 8;
-webkit-transition: all 0.2s ease-in-out;
/* Safari */
transition: all 0.2s ease-in-out;
background: rgba(0, 0, 0, 0.6);
}
.menu-principal {
display: none;
width: 100%;
padding: 25px 0 110px;
color: #354c63;
position: absolute;
top: 0;
word-break: break-word;
background: #FFF;
z-index: 999;
}
.footer .titulo {
font-family: 'roboto';
font-size: 30px;
margin-bottom: 9px;
}
.footer ul {
padding: 0;
margin: 0;
}
ul.list-block li {
display: block;
}
.menu-lista{
margin-top: -18px;
-webkit-transition: all 0.1s cubic-bezier(0, 0, 0.47, 0.51);
transition: all 0.1s cubic-bezier(0, 0, 0.47, 0.51);
opacity: 0;
display: none;
left: inherit;
right: 0;
border: 0;
border-radius: 6;
padding: 15px 0;
box-shadow: 0 0px 10px 0px rgba(0,0,0,0.2);
}
.open > .menu-lista{
opacity: 1;
top: 100%;
animation: openMenu 0.3s;
}
@keyframes openMenu {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.menu-lista li {
font-family: 'roboto';
font-size: 20px;
font-weight: 700;
padding: 0;
}
.menu-lista li.saudacao {
font-family: 'roboto';
/* font-family: 'roboto', sans-serif;
font-weight: bolder; */
font-weight: 900;
font-size: 23px;
margin-bottom: 14px;
line-height: normal;
text-transform: capitalize;
}
.menu-lista li a{
line-height: 30px;
font-family: 'roboto';
text-transform: capitalize;
margin: 2px 8px;
-webkit-transition: all 0.1s ease-in-out;
transition: 0.3s;
}
.menu-lista li a:hover,
.menu-lista li a:focus,
.menu-lista li a:active{
/* padding-top: 10px; */
/* padding-bottom: 10px; */
color: #FFF !important;
background: #2e66b7;
border-radius: 6px;
transition: 0.3s;
}
.menu-lista li a:hover .icon,
.menu-lista li a:focus .icon,
.menu-lista li a:active .icon{
color: #FFF !important;
}
.menu-lista li .icon-area{
width: 37px;
height: auto !important;
margin: 0;
padding: 0 !important;
text-align: center;
}
.menu-lista li .icon-certificado{
font-size: 22px;
}
.footer ul li .icon-area {
margin-right: 15px;
height: auto !important;
padding: 0 !important;
display: contents;
}
.footer ul li .icon-area svg {
height: 20px !important;
width: 20px !important;
}
.redes-sociais--title{
/* text-align: center; */
/*padding-left: 10px;*/
}
.redes-sociais {
/* text-align: center; */
margin-top: 15px!important;
margin-left: -11px!important;
}
#listaBandeiras {
margin: 20px 0 10px 0!important;
text-align: center;
}
.redes-sociais .item {
display: inline-block;
padding: 0;
list-style: none;
}
.redes-sociais .item a {
display: block;
font-size: 25px;
color: #85909b;
border-radius: 6px;
padding: 5px 10px;
position: relative;
overflow: hidden;
}
.linki{
width: 10px;
float: left;
}
.redes-sociais .item a:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.3s ease-in-out;
}
.lkd{
display: inline-block;
}
.lkd img{
width: 17px;
margin-top: -24px;
margin-left: 11px;
opacity: 1;
}
.redes-sociais .item a.site:hover{
color: #2e66b7;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.facebook:hover{
color: #325494;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.twitter:hover{
color: #00A1D5;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.youtube:hover{
color: #E5261B;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.linkedin:hover{
color: #0085d2;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.instagram i:hover{
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a.whats i:hover{
color: #1dc41d;
transition: all 0.3s ease-in-out;
}
.redes-sociais .item a:hover:before,
.redes-sociais .item a:focus:before,
.redes-sociais .item a:active:before {
opacity: 1;
}
.redes-sociais .item a i{
position: relative;
z-index: 1;
}
.footer .dados-cliente{
display: block;
margin-top: 9px;
}
.footer .list-block .item {
margin-top: 6px;
}
.footer .dados-cliente .item {
margin-bottom: 12px;
}
.footer .dados-cliente .item:last-child{
margin-bottom: 0;
}
.footer .dados-cliente .item > span{
display: table-cell;
vertical-align: top;
}
.footer .dados-cliente .item > a{
display: inline-block;
vertical-align: top;
}
.footer .dados-cliente .item > a:last-child {
width: calc(100% - 31px);
margin: -3px 0 0 4px;
}
.footer .dados-cliente .item .icon-area {
margin: 0;
width: 24px;
text-align: center;
float: left;
}
.footer .dados-cliente .item .icon-area .icon{
display: inline-block;
color: #354c63;
}
#containerTopo .footer .dados-cliente .item:first-child > span:last-child{
margin-top: 0;
}
#containerTopo .footer .dados-cliente .item .icon-area svg,
#containerTopo .footer .dados-cliente .item .icon-area img {
height: 19px;
}
.copyright-area{
margin-top: 20px;
display: block;
text-align: center;
}
.copyright {
color: #718191;
font-size: 14px;
display: block;
line-height: normal;
}
.copyright > span{
display: inline-table;
vertical-align: middle;
}
.copyright > span:last-child{
width: calc(100% - 45px);
}
#containerTopo .privacidade .link {
color: #718191;
}
#containerTopo .privacidade .link:hover,
#containerTopo .privacidade .link:focus,
#containerTopo .privacidade .link:active {
color: #354c63;
}
.telefoneftLine {
display: contents;
}
.telefoneftLine i{
color: #fff !important;
font-size: 23px;
display: block;
margin-right: 8px;
}
.telefoneftLine span{
color: #fff !important;
font-size: 18px;
font-family: 'Roboto';
font-weight: 700;
}
.telefoneftLine small span{
color: #c9d5dc !important;
font-size: 14px;
font-family: 'Roboto';
font-weight: 400;
}
.telefoneft i{
color: #354C63 !important;
font-size: 33px;
display: block;
}
.telefoneft span{
color: #354C63 !important;
font-size: 23px;
font-family: 'Roboto';
font-weight: 700;
}
.telefoneft small span{
color: #698190 !important;
font-size: 14px;
font-family: 'Roboto';
font-weight: 400;
}
/* BOTAO DO MENU */
button.menu-toggle,
input[type="button"].menu-toggle {
border: none;
border-radius: 0;
background: #000;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 1em 1.5em;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
}
.menu-toggle {
font-size: 0.875em;
padding: 1em;
}
.menu-toggle:focus {
outline: none;
outline-offset: 0;
}
/*
.icon-s {
display: table;
fill: currentColor;
background-size: cover;
background-color: #CCC;
mask-size: cover;
-webkit-mask-size: cover;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
-webkit-transition: all 0.4s ease-in-out;
/* Safari */
/* transition: all 0.4s ease-in-out;
} */
.icon-color {
display: inline-block;
background-size: cover;
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.1s ease-in-out;
}
.icon:before{
color: inherit;
/*-webkit-transition: all 0.1s ease-in-out;*/
/* Safari */
/*transition: all 0.1s ease-in-out;*/
}
.icon-lupa {
font-size: 14px;
}
.icon-certificado {
font-size: 29px;
}
.icon-carrinho {
font-size: 30px;
}
.icon-carrinho-add {
font-size: 34px;
}
.icon-carrinho-retirar {
font-size: 22px;
}
.icon-entrar{
font-size: 21px;
}
.icon-sair{
font-size: 19px;
}
.icon-meus-dados {
font-size: 18px;
}
.icon-inscricoes {
font-size: 21px;
}
.icon-pedidos {
font-size: 23px;
}
.icon-endereco {
font-size: 18px;
}
.icon-email {
font-size: 13px;
margin-top: 2px;
}
.icon-contato {
font-size: 20px;
}
.icon-limpar{
font-size: 12px;
}
.icon-calendario{
font-size: 13px!important;
}
.icon-cartao-credito{
font-size: 45px;
}
.icon-cartao-debito{
font-size: 45px;
}
.icon-boleto{
font-size: 45px;
}
#cartaodedebito .icon{
font-size: 30px!important;
}
.icon-modalidade-credito {
font-size: 30px!important;
margin-left: -4px!important;
}
.icon-modalidade-debito {
font-size: 29px;
margin-left: -4px!important;
}
.icon-pix {
font-size: 29px;
margin-left: -4px!important;
}
.icon-modalidade-boleto {
font-size: 29px;
margin: 0px 0 0 -3px!important;
}
.icon-home {
font-size: 13px;
margin-left: -1px;
}
.icon-localizacao {
font-size: 15px;
}
.jao2 {
font-size: 18px!important;
}
.icon-relogio{
font-size: 17px;
}
.icon-checked{
font-size: 13px;
}
.icon-bandeira-amex{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/american_express.svg);
}
.icon-bandeira-aura{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/aura.svg);
}
.icon-bandeira-bb{
width: 25px;
background-repeat: no-repeat;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/bb.svg);
}
.icon-bandeira-diners{
width: 25px;
height: 12px;
background-image: url(../images/icones/bandeira_cartoes/diners.svg);
background-size: contain;
background-repeat: no-repeat;
}
.icon-bandeira-discover{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/discover.svg);
}
.icon-bandeira-elo{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/elo.svg);
}
.icon-bandeira-jcb{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/jcb.svg);
}
.icon-bandeira-mastercard{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/master_card.svg);
}
.icon-bandeira-visa{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/visa.svg);
}
.icon-bandeira-boleto{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/boleto.svg);
}
.icon-bandeira-hipercard{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/hipercard.svg);
}
.icon-bandeira-pix{
width: 25px;
height: 12px;
/*A MASCARA usar o backgroun-color para definir a cor do atributo fill */
background-image: url(../images/icones/bandeira_cartoes/pix.svg);
}
/* Menu toggle styles. */
.icon-menu-toggle {
width: 2em;
height: 2em;
top: 0;
}
#containerTopo .topo-icones-acesso .icon-area .icon-menu-toggle{
width: 30px !important;
height: 30px;
}
/* Animate menu icon (lines). */
.svg-menu-toggle .line {
opacity: 1;
transform: rotate(0) translateY(0) translateX(0);
transform-origin: 1em 1em;
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
.svg-menu-toggle .line-1 {
transform-origin: 13px 36px;
}
.svg-menu-toggle .line-3 {
transform-origin: 14px 77px;
}
.menu-button.open .svg-menu-toggle .line-1 {
/* transform: rotate(45deg) translateY(0) translateX(0); */
-ms-transform: rotate(45deg) translateY(0) translateX(0); /* IE 9 */
-webkit-transform: rotate(45deg) translateY(0) translateX(0); /* Safari */
transform: rotate(45deg) translateY(0) translateX(0); /* Standard syntax */
}
.menu-button.open svg {
display: none !important;
}
.webkit .menu-button.open svg {
display: block !important;
}
.menu-button .close-icon {
display: none;
font-size: 23px;
margin: 0 2.5px!important;
}
.menu-button .close-icon {
display: none;
}
.menu-button.open .close-icon {
display: block;
}
.webkit .menu-button.open .close-icon {
display: none;
}
.menu-button.open .svg-menu-toggle .line-2 {
opacity: 0;
}
.menu-button.open .svg-menu-toggle .line-3 {
transform: rotate(-45deg) translateY(0.2em) translateX(0.5em);
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
/* /BOTAO DO MENU */
.combo_tipo_ev {
font-size: 88% !important;
color: #757575 !important;
margin: 0 0px 5px 0;
}
.valorSemDesconto {
font-size: 18px;
text-decoration: line-through;
}
#containerCarrinho #carrinho #colunaPagamento {
display: block;
position: relative;
}
#containerCarrinho #carrinho #colunaPagamento .boxPagamento,
.middleone {
width: 100%;
margin-bottom: 15px;
display: inline-block;
position: relative;
}
#finalizarTopo {
width: 100%;
text-align: center !important;
color: #fff;
float: left;
background-color: #79b736;
padding: 7px;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
#finalizarTopo_sm,
.btn-comprar,
.btn_efetuar_compra,
.btnPagamento {
font-family: 'roboto';
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
padding: 13px 60px;
border-radius: 3px;
cursor: pointer;
background-color: #7ab71e;
margin: 0;
width: 100%;
display: inline-block;
border: 0;
font-weight: bold;
transition: 0.3s;
}
#finalizarTopo_sm:hover,
#finalizarTopo_sm:focus,
.btn-comprar:hover,
.btn-comprar:focus,
.btn_efetuar_compra:hover,
.btn_efetuar_compra:focus,
.btnPagamento:hover,
.btnPagamento:focus {
background-color: #689c1a;
}
#finalizarTopo_sm .areaAnimacaoLoading {
margin: 3px;
}
.carrinho-quant {
background: url(static/img2016/carrinho/cart.png) no-repeat center center;
background-size: cover;
}
.icon-carrinho-area {
position: relative;
display: flex !important;
justify-content: center;
}
.icon-carrinho-area .carrinho-quant{
width: 33px;
height: 33px;
line-height: 33px;
display: block;
color: #FFF;
font-size: 15px;
font-weight: bold;
border-radius: 100%;
position: absolute;
top: -10px;
right: -22px;
z-index: 999;
text-align: center;
background: #fd6c22;
font-family: 'roboto';
}
.carrinho-quant-notification{
width: 33px;
height: 33px;
line-height: 33px;
display: block;
color: #FFF;
font-size: 15px;
font-weight: bold;
border-radius: 100%;
position: absolute;
top: -10px;
right: -15px;
z-index: 99999;
text-align: center;
background: #fd6c22;
font-family: 'roboto';
}
#btnModalCarrinho {
padding: 6px 12px 6px 6px;
}
#tipoPagamento .nav li {
margin: 0 5% 0 0;
float: none;
}
#tipoPagamento .nav li:last-child{
margin: 0;
}
#tipoPagamento .nav li a{
font-family: 'roboto';
font-weight: 700;
color: #364d62;
opacity: 0.4;
font-size: 14px;
text-align: center;
padding: 0;
}
#tipoPagamento .nav li a span{
display: block;
}
#tipoPagamento .nav li a span:first-child{
margin-bottom: 10px;
}
#tipoPagamento .nav li a .icon{
color: #364d62;
margin: auto;
}
#tipoPagamento .nav li a:hover,
#tipoPagamento .nav li a:focus,
#tipoPagamento .nav li.active a{
opacity: 1;
background: none;
}
#tipoPagamento .nav li.active a{
color: #2e66b7 !important
}
#tipoPagamento .nav li.active a .icon{
color: #2e66b7;
}
#tipoPagamento .nav li.active {
-webkit-filter: grayscale(0%);
filter: none;
/* IE6-9 */
color: #337ab7 !important;
opacity: 1;
}
#tipoPagamento .nav li.active h3,
#tipoPagamento .nav li h3 {
color: #337ab7 !important;
margin: 0 !important;
}
#tipoPagamento .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #337ab7;
background-color: #fff;
border-radius: 0px !important;
}
.totalRow {
padding: 25px 24px !important;
color: #354c63;
font-size: 25px;
font-weight: bold;
margin: 0 0px 20px 0;
border: 1px solid #e7e6e6;
background: #FFF;
border-radius: 5px;
}
.campoPagar {
width: 100%;
}
.campoPagar input,
.porcartao select,
.campoPagar select,
.campoPagar input.fieldcard {
padding: 8px;
width: 100% !important;
border: solid 1px rgba(109, 139, 147, 0.57);
font-size: 13px;
color: #6d8b93;
border-radius: 3px;
margin: 5px 0;
}
#containerCarrinho {
margin-top: 0px !important;
}
#orientacoes h2 {
font-size: 22px;
margin-bottom: 28px;
}
#orientacoes {
width: 100%;
/* max-width: 725px; */
background: #e7ebec;
padding: 24px;
color: #6d8b93;
line-height: 175% !important;
font-size: 13px !important;
float: left;
}
#orientacoes p * {
font-weight: normal;
text-decoration: none;
}
.btn-limpar-mob{
padding: 8px 28px;
float: inherit;
}
#templateQueroParticiparBotoes{
display: block;
}
#templateQueroParticiparBotoes .top_compra{
margin: 0 !important;
}
.push-notification {
font-family: 'roboto';
display: none;
width: 158px;
text-align: center;
position: fixed;
bottom: 60px;
/* left: calc(50% - 68px); */
left: 15px;
padding: 13px;
margin: auto;
color: #3268b5;
background-color: #FFF;
border-color: #e6e6e6;
z-index: 2;
}
.push-notification .loading-gif {
height: 25px;
margin-right: 12px;
}
.push-notification span{
display: inline-block;
vertical-align: middle;
}
.menu-meus-dados{
display: block;
margin: 9px 0 30px 0;
border-bottom: 1px solid #bbbbbb;
}
.menu-meus-dados li a{
display: block;
font-family: 'roboto';
font-weight: 600;
font-size: 18px;
color: #c0c7ce;
line-height: normal;
padding: 0 0 4px;
margin-right: 37px;
border-bottom: 3px solid transparent;
}
.menu-meus-dados li.active a,
.menu-meus-dados li a:hover{
color: #4475bb;
border-color: #4475bb;
}
.menu-meus-dados li a .icon {
margin-right: 6px;
}
.menu-meus-dados li.active a .icon,
.menu-meus-dados li a:hover .icon{
/* background-color: #4475bb; */
}
.menu-meus-dados li a .icon.icon-meus-dados {
font-size: 17px;
margin-right: 4px;
}
.menu-meus-dados li a .icon-conteudo_empresarial {
font-size: 19px;
}
.menu-meus-dados li a .icon-pedidos {
font-size: 21px;
}
.menu-meus-dados li a .icon.icon-inscricoes {
font-size: 21px;
}
.menu-meus-dados li a .icon.icon-certificado{
font-size: 23px;
bottom: -6px;
position: relative;
}
.menu-meus-dados li a span{
display: inline-block;
vertical-align: baseline;
}
#formulario_pf{
margin-top: 5.5%;
}
.inscri{
margin-top: 4%;
}
.box-form{
border: 1px solid #e7e6e6;
padding: 33px 22px;
border-radius: 5px;
background: #FFFFFF;
}
.box-form .title-button-area{
border: 0;
padding: 0;
margin: 12px 0 20px;
}
.box-form .title-button-area h2{
line-height: 44px;
}
.form-footer-buttons{
display: block;
margin-top: 12px;
}
.box-bandeiras-debito{
/*display: none;*/
font-size: 15px;
border: 1px solid #2e66b7;
color: #2e66b7;
padding: 15px;
border-radius: 3px;
margin: 16px 0 0;
background: #e5f0ff;
}
.box-bandeiras-debito .titulo-bandeiras{
font-family: 'roboto';
margin-bottom: 7px;
}
.debito-visa{
margin-bottom: 12px;
}
.box-bandeiras-debito strong{
font-family: 'roboto';
font-weight: bold;
}
.box-bandeiras-debito ul{
margin: 0;
}
.box-bandeiras-debito > ul > li{
margin-right: 35px;
}
.box-bandeiras-debito > ul > li > ul{
margin-left: -9px;
}
.box-bandeiras-debito li{
font-family: 'roboto';
}
.alert-danger {
color: #ff5a5f !important;
background-color: #fee6e7 !important;
border-color: #ff5a5f !important;
padding: 20px !important;
}
.sub-text {
font-family: 'roboto';
color: #79828a;
}
.titulo-produto {
color: #337ab7;
font-weight: 600;
margin: 0;
margin-top: 5px;
margin-bottom: 4px;
}
.mask-img {
width: 100%;
max-height: 150px;
overflow: hidden;
}
.mask-img img {
width: 100%;
}
.politica-privacidade h2,
.politica-comercializacao h2 {
margin: 0 0 30px !important;
font-size: 25px;
font-weight: bold;
color: #2e66b7;
}
.politica-privacidade h3,
.politica-comercializacao h3 {
margin: 26px 0 11px !important;
font-size: 25px;
font-weight: bold;
}
.politica-privacidade p strong,
.politica-comercializacao p strong {
line-height: 200%;
}
.pg-principal .backtotop{
bottom: 90px;
}
.descricoes .item .icon-calendario{
font-size: 18px!important;
}
.bt_gohome{
/* padding: 11px;
text-align: center;
color: #fff;
border-radius: 3px;
background: #;
font-family: 'roboto';
font-weight: bold;
float: left;
clear: both!important;
text-decoration: none;
font-size: 13px;*/
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.1s ease-in-out;
width: auto!important;
color: #fff;
background-color: #2E66B7;
padding: 8px 50px;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
border-radius: 3px;
max-width: 213px;
font-family: 'roboto';
font-weight: bolder!important;
float: left;
}
.bt_gohome:hover{
text-decoration: none;
color: #f5f5f5;
background: #275596;
-webkit-transition: all 0.1s ease-in-out;
/* Safari */
transition: all 0.1s ease-in-out;
}
.action{
font-family: 'roboto';
font-size: 18px;
color: #275596;
width: 100%;
border-top: solid 1px #ddd;
float: left;
clear: both;
margin-top: 29px;
}
.action p{
margin: 20px 0 15px;
}
.radios_represetante{
float: left!important;
position: relative!important;
}
.radios_represetante .error{
position: absolute!important;
top: 109%;
right: 20%!important;
margin-top: 0!important;
margin-right: 0!important;
}
@media(max-width: 510px){
.radios_represetante .error{
top: 230%!important;
}
.cancelarCompra {
width: 100%!important;
color: #fff;
background-color: #ce4a4a;
padding: 14px 33px;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
border-radius: 3px;
max-width: 100%;
font-family: 'roboto';
font-weight: bolder!important;
float: left;
}
.bt_gohome {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%!important;
color: #fff;
background-color: #2E66B7;
padding: 14px 50px;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
border-radius: 3px;
max-width: 100%;
font-family: 'roboto';
font-weight: bolder!important;
float: left;
}
}
.transacoesSection{
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 20px 0;
}
.pendenteinfo #compra li {
margin-bottom: 0!important;
}
.pendenteinfo .statusCompra{
margin-top: 0!important;
}
.penden{
margin-top: 12px!important;
width: 100%;
float: left;
max-width: 768px;
clear: both;
}
.canceladas-title-area {
display: flex;
justify-content: space-between;
padding: 4px 0 3px;
/* margin: 0 0 31px;
border-bottom: solid 1px #bbbbbb;*/
}
.canceladas-title-area > span {
display: inline-block;
vertical-align: middle;
}
.canceladas-title-area span:last-child {
margin-left: 8px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%!important;
max-width: 100%!important;
}
@media(max-width: 991px){
.select2-container--open .select2-dropdown--below{
margin-left: auto!important;
margin-right: auto!important;
left: 0!important;
right: 0!important;
}
.select2-container{
left: 0!important;
width: 100%!important;
max-width: none;
}
}
.icon-whatsapp{
width: 19px;
height: 19px;
float: left;
background: url(../img2016/all/footer/whatsapp.svg);
background-size: contain;
background-repeat: no-repeat;
margin-right: 6px;
}
.icone-telegram {
width: 19px;
height: 19px;
float: left;
background: url(../img2016/all/footer/telegram.svg);
background-size: contain;
background-repeat: no-repeat;
margin-right: 6px;
}
.error .form-control,
.error .form-control input{
border-color: none!important;
-webkit-box-shadow:none!important;
box-shadow: none!important;
}
@media(max-width: 600px){
#tipoPagamento .btn_efetuar_compra, #tipoPagamento .btnPagamento {
height: 43px;
line-height: 43px;
min-width: 240px;
padding: 0 15px;
max-width: 100%;
margin-top: 17px;
}
}
.fixohuhu{
position: fixed;
width: 100%;
top: 77px;
z-index: 9999;
width: 100%;
left: 0;
box-shadow: -1px -1px 10px 0px #bbb;
}
.fixohuhu .btbusca .icon {
color: #374e64!important;
font-size: 26px;
}
.fixohuhu .btbusca{
background: #fff!important;
}
.fixohuhu #filtrar .campo-periodo .form-control {
padding-right: 15px;
}
.fixohuhu .campo-periodo .form-control {
padding-right: 15px;
}
.fixohuhu .campo-periodo .form-control {
padding-right: 15px!important;
border-right: solid 2px #bbb!important;
border-radius: 0 5px 5px 0!important;
}
.fixohuhu #filtrar .campo-periodo .icon-calendario {
font-size: 16px;
position: absolute;
right: 90px;
bottom: 14px;
color: #354c63;
z-index: 2;
}
.fixohuhu .revmove{
display: none!important;
}
.modal-dialog{
margin-top: 19vh!important;
}
@media(max-width: 600px){
.btnSearch3 {
width: 30.9px;
height: 41px;
border: none;
background: #C6D4DD;
cursor: pointer;
outline: none;
position: absolute;
right: 1px;
border-radius: 0 4px 4px 0 !important;
bottom: 11px;
}
}
h3.produtoCart{
font-size: 19px;
font-family: 'roboto';
color: #2e66b7;
text-transform: uppercase;
font-weight: 800;
margin-top: 0;
/* font-weight: 800; */
}
.produtodet{
font-family: 'roboto';
font-size: 14px;
color: #99b3bb;
}
.detvalor{
color:#75B61B;
font-family: 'roboto';
}
/**/
#devolutiva{
}
#devolutiva h1{
font-family: 'roboto';
color: #fff;
font-size: 21px;
margin-top: 6px;
}
#devolutiva h2{
font-family: 'roboto';
font-size: 17px;
line-height: 135%;
}
#devolutiva p{
font-family: 'roboto';
font-size: 13px;
color: #ffffff;
position: relative;
}
#devolutiva p:after{
content: '';
width: 11px;
height: 4px;
background: #fff;
position: absolute;
bottom: -9px;
left: 1px;
}
#devolutiva h3{
font-weight: 600;
font-size: 29px;
line-height: 119%;
margin-top: 35px;
margin-bottom: 0;
}
.listaTemas li{
border-radius: 4px;
border: solid 1px;
background: #ffffff;
border: solid 1px #e6e6e6;
padding: 15px 10px;
margin: 15px 0;
font-size: 15px;
position: relative;
}
.listaTemas li .icon{
/* float: right; */
margin-top: 0px;
font-size: 20px;
width: 30px;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.listaTemas a{
color: #354c63!important;
font-family: 'roboto';
}
.listaTemas a:active{
background: #ffffff;
box-shadow: 0px 2px 12px 0px #5555;
}
.topoTemas{
width: 100%;
height: auto;
background-color: #2C62AE;
color: #fff;
padding: 20px 0;
}
.topoTemas .icon{
font-weight: 100;
font-size: 17px;
}
.topoTemasExibir{
width: 100%;
height: auto;
background-color: #fff;
color: #3f4871!important;
padding: 20px 0;
border-bottom: solid 1px #e6e6e6;
margin-bottom: 20px;
}
.topoTemasExibir .icon{
font-weight: 100;
font-size: 17px;
}
#accordionMenu input { display: none
}
#accordionMenu input:checked + label {
background: url(static/images2016/devolutiva);
}
#accordionMenu .cont {
cursor: pointer;
display: block;
border: solid 1px transparent;
width: 100%;
/* height: 40px; */
text-align: center;
line-height: 141%;
border-radius: 3px;
margin-bottom: 11px;
background: #fff;
border: solid 1px rgba(0,0,0,.15);
text-align: left;
float: left;
padding: 12px;
}
#accordionMenu label:last-child { margin-right: 0; }
#accordionMenu ul.listEv {
height: 0;
overflow: hidden;
-webkit-transition: height .25s linear, opacity .15s linear;
position: relative;
margin-bottom: 0;
color: #333;
font-family: helvetica;
font-size: 12px;
line-height: 18px;
opacity: 0;
}
#accordionMenu input:checked ~ .cont .listEv { clear:both;height: auto; margin-top: 2.3vh; opacity: 1; }
​ .each{
float: left;
}
@media (max-width: 991px) {
#accordionMenu .detalhes_evento_single .hover-screen {
display: block;
}
}
#devolutivaEx{
padding-bottom: 10vh;
}
#devolutivaEx h1{
font-family: 'roboto';
color: #3f4871;
font-size: 22px;
margin-top: 6px;
}
#devolutivaEx h2{
font-family: 'roboto';
font-size: 17px;
line-height: 135%;
}
#devolutivaEx p{
font-family: 'roboto';
font-size: 13px;
color: #3f4871;
position: relative;
margin-bottom: 4px;
}
#devolutivaEx h3.assunto{
font-weight: 600;
font-size: 15px;
line-height: 125%;
margin-top: 0;
color: #3f4871;
color: #3f4871;
font-weight: bolder;
margin: 8px 0px 13px 0;
width: 180px;
}
#devolutivaEx select {
font-family: 'roboto';
color: #3f4871;
width: 100%;
padding: 10px 10px;
font-size: 14px;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 30px;
border: solid 1px #eae9e9;
border-radius: 5px;
font-weight: bold;
position: relative;
background: #fff;
background: url(../img2016/devolutiva/sel.svg) no-repeat;
background-position: 97% center;
background-size: 29px;
}
/* CAUTION: IE hackery ahead */
#devolutivaEx select::-ms-expand {
display: none; /* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
#devolutivaEx select {
background:none\9;
padding: 5px\9;
}
}
#accordionMenu label{
font-family: 'roboto'!important;
color: #4f547c!important;
font-size: 14px!important;
margin-bottom: 0;
width: 100%;
position: relative;
}
@media(max-width: 767px){
#accordionMenu .btSaibaMais{
font-family: 'roboto';
font-weight: bold;
font-size: 16px;
padding: 11px;
margin-top: 0;
width: 100%;
border-radius: 4px;
margin-bottom: 3px;
}
#accordionMenu .btAddCarrinho {
font-family: 'roboto';
font-size: 16px;
background: #79b736;
color: #fff !important;
display: block;
height: 47px;
line-height: 47px;
text-align: center;
border-radius: 0;
font-weight: bold;
border-radius: 4px;
}
#accordionMenu .hoverBotoes {
padding: 12px;
}
#accordionMenu .footer_evento_single {
width: 100%;
display: block;
position: relative;
bottom: 0;
left: 0;
padding: 0 16px 0!important;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#accordionMenu .itemEvento .top-content,
#accordionMenu .itemReservas .top-content {
height: auto;
position: relative;
padding-bottom: 8px;
}
}
#accordionMenu .footer_evento_single .horario {
padding-top: 3px;
color: #718191;
font-size: 13px !important;
line-height: 130%;
font-family: 'roboto';
}
#accordionMenu .footer_evento_single .horario {
padding: 3px 0;
color: #718191;
font-size: 13px !important;
line-height: 130%;
font-family: 'roboto';
}
#accordionMenu .vagasDev{
font-family: 'roboto';
margin: 3px 0;
}
#accordionMenu .icon-meus-dados {
font-size: 14px;
color: #354c63;
}
#accordionMenu .footer_evento_single .tit_local {
margin-left: -3px;
font-size: 13px!important;
margin-top: 1.5px!important;
}
#accordionMenu .footer_evento_single .horario ul li:last-child {
margin-top: 0px;
}
#accordionMenu h3.tituloCurso{
margin-top: 10px;
}
#accordionMenu .itemEvento .evento_com_imagem .top-content .image-area {
height: 150px;
}
#accordionMenu .footer_evento_single{
position: relative!important;
padding: 0 20px 24px;
}
#accordionMenu label .ic {
background: url(../img2016/devolutiva/chev.svg) no-repeat;
background-size: 10px;
background-position: center right;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
}
#accordionMenu .each input[type="checkbox"]:checked + .cont label .ic{
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
transform: rotate(180deg);
}
.reservado{
background: #fe6c23;
position: absolute;
right: 10px;
top: 50px;
color: #fff;
padding: 9px 9px 9px 7px;
border-radius: 100%;
z-index: 9;
}
.reservado i{
font-size: 18px;
}
#accordionMenu .itemEvento .top-content--cont-box {
overflow: hidden;
display: block;
clear: both;
padding: 0 15px;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
overflow: visible;
}
/*.......*/
.confirmarInsc{
position: fixed;
bottom: 15px;
width: 100%;
max-width: 300px;
left: calc(50% - 150px);
background: #2d66b7;
color: #fff;
font-family: 'roboto';
border: none;
border-radius: 5px;
text-align: center;
padding: 16px;
box-shadow: 0px 2px 14px 0px #383838;
}
.confirmarInsc i{
font-size: 21px;
float: left;
position: relative;
}
.confirmarInsc i .cartNumber{
background: #fe6c23;
position: absolute;
right: -15px;
top: -7px;
color: #fff;
font-size: 12px;
padding: 3px 7px 4px 6px;
border-radius: 100%;
font-family: 'roboto';
}
.confirmarInsc h1{
font-size: 15px;
line-height: 140%;
}
.logomob{
display: none;
}
@media(max-width: 991px) {
.intro {
display: none!important;
}
.boxesacoes {
width: 100%;
}
.logomob{
margin: 15px 0;
display: flex;
justify-content: center;
}
.logomob img{
height: 50px;
}
}
#termoAceite .modal-dialog {
margin-top: 2vh!important;
}
#termoAceite .modal-content{
border-radius: 4px !important;
padding: 17px 33px!important;
}
.vagaicon{
width: 17px;
margin-right: 5px;
margin-bottom: 5px;
}
.relogioicon{
width: 17px;
margin-right: 5px;
margin-bottom: 5px;
}
.calendarioicon{
width: 17px;
margin-right: 5px;
margin-bottom: 5px;
}
.filtroLateral {
float: left;
border: 1px solid #e7e6e6;
padding: 15px;
border-radius: 5px;
background: #fafbfc;
padding: 15px;
width: 25%;
}
.imgModal {
display: block;
width: 200px;
max-width: 100%;
margin: 0 auto 20px auto;
}
.imgModalDesconto {
display: block;
width: 100px;
margin-bottom: 6px;
}
.imgchave {
display: block;
width: 250px;
max-width: 100%;
margin: 0 0 20px 20px
}
.imgchave {
display: block;
width: 236px;
max-width: 100%;
margin: 0 0 14px 23px;
}
.imgAtualizacaoRealizada {
display: block;
width: 250px;
max-width: 100%;
margin: 0 0 20px 20px
}
.bottomClose {
width: 99%;
line-height: 45px;
border: none !important;
color: #2e66b6 !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
font-family: 'roboto';
float: left;
}
.inputGroup {
display: table;
}
.cpfParticipante {
display: flex;
}
.inputCpfParticipante {
box-shadow: none;
font-family: 'roboto';
height: 30px;
width: 138px;
font-weight: normal;
border: solid 1px #bbbbbb;
border-radius: 4px 0 0 4px;
outline: none;
margin-bottom: 5px;
padding: 0 6px 0 6px;
}
.inputCpfParticipanteErro {
border: solid 1px #EF4646 !important;
}
.btnSearchParticipanteErro {
background: #EF4646 !important;
}
.listaIcons{
display: flex;
}
.btnIcon {
font-size: 19px;
padding: 0 0px 0 11px;
}
.btnIcon :hover {
color: #2e66b7;
}
.btnIconFechar{
font-size: 19px;
padding: 0 0px 0 11px;
color: #EF4646 !important;
}
.btnIconFechar :hover{
color: #c73b3b;
}
.btnDecrescente{
width: 30px;
height: 30px;
border: #2e66b7;
color: #FFF;
background: #2e66b7;
cursor: pointer;
outline: none;
position: absolute;
border-radius: 4px 0 0 4px !important;
}
.nParticipante {
box-shadow: none;
font-family: 'roboto';
height: 30px;
font-weight: normal;
border: solid 1px #bbb;
outline: none;
margin-left: 30px;
text-align: center;
width: 40px;
}
.btnCrescente{
width: 30px;
height: 30px;
border: #2e66b7;
color: #FFF;
background: #2e66b7;
cursor: pointer;
outline: none;
position: absolute;
border-radius: 0 4px 4px 0 !important;
}
.btnSearchParticipante{
width: 30px;
height: 30px;
border: #2e66b7;
color: #FFF;
background: #2e66b7;
cursor: pointer;
outline: none;
position: absolute;
border-radius: 0 4px 4px 0 !important;
}
.btnCadastrarCupom{
width: 35px;
height: 35px;
border: #2e66b7;
color: #FFF;
background: #2e66b7;
cursor: pointer;
outline: none;
position: absolute;
border-radius: 0 4px 4px 0 !important;
}
.btnCadastrarCupom i{
font-size: 20px;
}
.btnCadastrarCupomErro {
background: #EF4646 !important;
padding: 0;
}
.adicionarParticipante{
background: url(../img2016/all/down-arrows.svg);
background-size: 8px;
background-repeat: no-repeat;
background-position: 80% center;
box-shadow: none;
font-family: 'roboto';
height: 30px;
font-weight: normal;
border: solid 1px #bbbbbb;
border-radius: 4px;
outline: none;
padding: 0 20px 0 6px;
}
.clienteParticipante {
display: flex;
margin: 10px 0 10px 0;
}
.clienteParticipante label{
padding: 5px 0 0 40px;
font-family: 'roboto';
}
.inputCupomDesconto{
box-shadow: none;
font-family: 'roboto';
height: 30px;
font-weight: normal;
border: solid 1px #bbbbbb;
border-radius: 4px 0 0 4px;
outline: none;
margin-bottom: 2px;
padding: 0 20px 0 6px;
width: 85% !important;
}
.cupomDesconto {
padding-top: 18px;
}
.cupomDesconto label.error{
width: 100%;
color: #EF4646;
background: none;
font-size: 12px!important;
}
.cadastrarParticipante {
height: 17px;
width: auto;
margin: 0px 3px 1px 5px;
}
.alertaParticipante{
padding: 6px 0 0 35px;
font-family: 'roboto';
display: -webkit-inline-box;
color: #4475bb;
}
.alertaParticipante a{
color: #4475bb;
}
.alertaParticipante p{
color: #7ab71e;
white-space: nowrap;
width: 10em;
overflow: hidden;
text-overflow: ellipsis;
}
.alertaParticipanteEncontrado{
padding: 6px 0 0 35px;
font-family: 'roboto';
display: none;
color: #4475bb;
}
.alertaParticipanteEncontrado p{
color: #7ab71e;
}
.alertaParticipanteNaoEncontrado{
padding: 6px 0 0 35px;
font-family: 'roboto';
display: none;
color: #4475bb;
cursor: pointer;
}
.alertaParticipanteNaoEncontrado a{
color: #4475bb;
}
#loginSocail h2 {
margin: 0 0 12px;
}
.erroCpfParticipante label{
color: #EF4646;
}
.erroCpfParticipante span {
color: #EF4646;
padding-right: 4px;
}
.alertaParticipanteNaoEncontrado label {
padding: 5px 0 0 40px;
color: #EF4646;
}
.alertaParticipanteErro label {
white-space: nowrap;
padding: 5px 0 0 39px;
color: #EF4646;
}
.modalLarge {
padding: 17px 2px;
}
.figureEmpresarial {
width: 480px;
height: auto;
}
.topoFondo {
width: 100vw;
height: 87vh;
background: #2a60ad;
position: absolute;
top: 0px;
left: 0px;
}
.faixaDestaque {
background: #2a60ad;
top: 0px;
left: 0px;
margin-bottom: -30px;
}
.titulo-categoria {
color: #fff;
font-size: 25px;
font-weight: bold;
font-family: 'roboto';
}
.titulo-categoria a{
color: #fff;
margin: -8px 15px 0 0;
font: 700 30px 'roboto';
line-height: 120%;
}
/* Medida especifica reCAPTCHA */
.gmd{
margin-top: 12px;
margin-left: -22px;
}
@media (min-width: 992px) and (max-width: 1200px){
.gmd{
transform: scale(0.75);
margin-left: -48px;
}
/* Medida especifica reCAPTCHA final */
}
.detalhesEmpresarial {
margin: auto;
background: #ffffff;
border: 1px solid #e7e6e6;
border-radius: 6px;
overflow: hidden;
padding: 15px;
/*height: 220px;*/
margin-bottom: 30px;
}
.topImgCardEmpresarial {
overflow: hidden;
}
.ImgCardEmpresarial {
width: 100%;
border-radius: 4px;
}
.detalhesCardEmpresarial {
margin-left: 15px;
height: 145px;
}
.detalhesCardEmpresarial i {
color: #d26d34;
}
.detalhesCardEmpresarial p {
padding: 0;
margin: 0;
color: #718191;
font-size: 16px;
line-height: 130%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#detalheConteudo h1 {
font-family: "roboto";
font-size: 32px;
margin: 2px 0 5px;
font-weight: bolder;
line-height: 38px;
color: #2a60ad;
}
.linhaTopoConteudo {
display: flex;
justify-content: space-between;
}
#detalheConteudo .text {
color: #D26D34;
font-family: "roboto";
font-size: 14px;
}
.figureEmpresarialInterna {
margin-top: 30px;
margin-bottom: 30px;
width: 480px;
height: auto;
max-width: 100%;
box-shadow: 0 0px 20px 0px #00000066;
}
.fundoTopo {
height: 255px;
background: #2a60ad;
top: 0px;
left: 0px;
margin-bottom: 124px;
}
.fimEmpresarial {
width: 100%;
text-align: center;
margin-top: 49%;
}
.fimEmpresarial i{
color: #fff;
font-size: 35px;
}
.fimEmpresarial p{
color: #fff;
font-size: 15px;
font-family: 'roboto';
}
.fimEventos {
width: 100%;
text-align: center;
margin-top: 49%;
}
.fimEventos img {
margin: 10px 0 0 17px;
max-width: 192px;
}
.fimEventos i{
color: #2e66b7;
font-size: 35px;
}
.fimEventos p{
color: #2e66b7;
font-size: 15px;
font-family: 'roboto';
}
/** chat live**/
.geMxwi {
width: 67% !important;
}
.chatLive {
width: 100%;
height: 450px !important;
}
/** chat live fim**/
.vLive {
padding:37.25% 0 0 0;
position:relative;
}
.titleLogin {
font: 600 20px 'roboto';
display: grid;
text-align: center;
color: #354c63;
margin-bottom: 10px;
width: 100%;
}
.titleLogin rt {
font: 400 18px 'roboto';
margin-bottom: -5px;
}
.btn-full-outline {
text-align: center;
border-radius: 4px;
width: 99%;
line-height: 35px;
border: 1px solid #2e66b7 !important;
color: #2e66b7 !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
margin-bottom: 11px;
font-family: 'roboto';
float: left;
}
.btn-full {
text-align: center;
border-radius: 4px;
width: 99%;
line-height: 45px;
background: #2e66b7;
border: none !important;
color: #fff !important;
font-size: 17px !important;
outline: none;
cursor: pointer;
margin-top: 0!important;
margin-bottom: 11px;
font-family: 'roboto';
float: left;
}
.btn-full:hover {
background: #275596;
}
.txtInfo {
line-height: 130%!important;
text-align: left!important;
margin: -5px 0 13px!important;
/* float: left!important; */
font-size: 15px!important;
}
.contatosRecuperacao li {
width: 100%;
font-size: 16px;
font-family: "roboto";
color: #354c63;
}
.txtHyper {
font-family: "roboto";
cursor: pointer;
}
.boxAlertBlue {
color: #004085 ;
background-color: #cce5ff;
border: 1px solid #b8daff;
border-radius: 4px;
padding: 10px 10px 10px 4px;
}
.boxAlertRed {
color: #721c24 !important;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
font-size: 13px;
padding: 8px;
}
.boxAlertRed p {
color: #721c24 !important;
}
.boxAlert {
color: #721c24 !important;
background-color: #f8d7da !important;
border-color: #f5c6cb !important;
}
#omnichat-launcher {
bottom: 75px !important;
height: 70px !important;
width: 70px !important;
z-index: auto !important;
}
.imgInstWebinar1 {
width: 110px;
margin: 0 30%;
}
.imgInstWebinar2 {
width: 227px;
margin: 0 10%;
}
.imgInstWebinar3 {
width: 200px;
margin: 0 10%;
}
#InstroWEbinar p {
font-family: 'roboto';
font-weight: 700;
color: #354c63;
font-size: 20px;
display: block;
margin: 11px 0 3px 0;
}
#InstroWEbinar span {
font-family: "roboto";
color: #718191;
float: left;
width: 100%;
line-height: 140%!important;
margin: 0 0 20px 0;;
font-size: 15px;
}
#webinarData {
margin: 10px 0;
}
#webinarData p strong {
font-family: 'roboto';
font-style: normal;
font-weight: 800;
font-size: 19px;
}
.tagWEbinar {
font-family: 'Roboto';
border-radius: 4px;
border: solid 1px #c00;
padding: 1px 11px;
white-space: nowrap;
height: 23px;
font-size: 13px;
color: #c00 !important;
}
.displayFlexBlock {
display: flex;
}
.titleMid {
font-family: 'roboto' !important;
margin: 10px 0 !important;
font-size: 18px !important;
color: #354c63 !important;
}
.eOU {
font-family: 'roboto';
color: #354c63;
font-weight: bolder!important;
position: absolute;
font-size: 12px;
left: 348px;
top: 232px;
}
.ate {
text-align: center;
font-family: 'roboto';
color: #354c63;
font-weight: bolder!important;
position: absolute;
font-size: 12px;
left: 273px;
top: 37px;
width: 18px;
}
.btnNovoVinculo {
margin-top: -27px;
margin-left: 272px;
float: left;
}
.imgBox {
height: 75px !important;
width: 75px !important;
border-radius: 6px !important;
position: inherit !important;
background-color: #000 !important;
}
.imgBox img {
width: 100%;
height: 100%;
display: block;
position: relative;
margin: 0 auto;
text-align: center;
object-fit: cover !important;
}
.infoBox {
margin-left: 10px;
}
.infoBox h3.tituloCurso {
margin-top: 0px;
margin-bottom: 3px;
font-family: 'roboto';
font-size: 13px;
text-transform: uppercase;
color: #2e66b7;
line-height: 130%;
max-height: 67px;
}
#containerTopo .icon-area svg,
#containerTopo .icon-area img {
width: 26px;
height: 21px;
object-fit: contain;
display: block;
}
.imgBox i {
left: 19px;
top: 15px;
position: absolute;
color: #fff;
background-color: #000000b0;
border-radius: 100%;
padding: 10px 10px;
font-size: 18px;
opacity: 1;
}
#eventosGratis {
margin: 0px 6px 0 0px !important;
}
.bigSearch {
margin-bottom: 0px !important;
border: hidden !important;
height: 55px !important;
padding: 10px 10px 10px 24px !important;
font-size: 18px !important;
font-family: 'roboto' !important;
font-weight: 600;
border-radius: 10px !important;
}
#titulo::placeholder {
color: #C0C7CE;
}
.btnSearchHome {
border: none;
background: none;
/* margin: 13px; */
}
.btnSearchHome i {
transition: 0.3s;
font-size: 25px;
padding: 13px 12px 12px;
color: #2e66b7;
}
.btnSearchHome i:hover {
transition: 0.3s;
background: #e6effd;
border-radius: 5px;
}
.btnMaisFiltros {
border: none;
background: none;
width: auto;
margin: 3px;
height: 50px;
font-size: 16px !important;
font-family: 'roboto';
font-weight: 600;
color: #2e66b7;
padding: 0 8px 0 12px;
white-space: nowrap;
transition: 0.3s;
}
.btnMaisFiltros:hover {
transition: 0.3s;
background: #e6effd;
border-radius: 5px;
}
.btnMargin {
/* margin-left: 64px; */
padding: 0 !important;
}
#navHome {
/* float: right; */
display: flex;
font-size: 15px !important;
font-family: 'roboto';
/* margin: 0 0 18px 0; */
/* border-bottom: 1px solid #bbbbbb; */
}
#navHome li {
font-size: 18px !important;
font-family: 'roboto';
font-weight: 500;
background: none;
border: none;
/* cursor: pointer; */
}
#navHome a {
color: #c0c7ce;
padding: 3px 10px;
margin-right: 5px;
transition: 0.3s;
}
#navHome li a.active,
#navHome li a:hover{
color: #fff;
border-radius: 4px;
background: #4475bb;
border-color: #4475bb;
}
#navHome li a disabled {
pointer-events: none;
}
.tituloCategoria {
margin: -8px 15px 0 0;
font: 700 30px 'roboto';
color: #354C63;
line-height: 120%;
}
#TopCard .playCard {
/* left: 105px;
top: 47px;
position: absolute; */
color: #fff;
background-color: #000000b0;
border-radius: 30px;
padding: 18px;
font-size: 20px;
opacity: 1;
}
#TopCard .badge {
position: absolute;
right: 0;
background-color: #79b736 !important;
border-radius: 10px 6px 0 10px;
font-size: 13px;
padding: 4px 7px 3px 7px;
}
#TopCard .qrCard {
color: #fff;
background-color: #000000b0;
border-radius: 30px;
padding: 18px;
font-size: 20px;
opacity: 1;
}
.qrCard span {
font-family: 'roboto';
font-weight: 500;
font-size: 15px;
position: relative;
top: -3px;
}
.infoImg {
text-align: left;
position: absolute;
color: #fff;
padding: 23px 16px 0px 16px;
opacity: 1;
bottom: 0;
width: 100%;
background-image: linear-gradient( transparent, #000000a8 );
}
.infoImg .icon-relogio {
padding: 0 5px 0 0;
font-size: 16px;
}
.infoImg ul {
margin-top: -5px;
}
.infoImg p {
margin: 0;
}
.infoImgEv {
font-family: 'roboto';
font-size: 15px;
margin-bottom: -5px;
}
.infoImgDia {
font-family: 'roboto';
font-size: 22px;
}
.infoImgHora {
font-family: 'roboto';
}
.infoImg li {
display: inline-block;
font-size: 12px;
list-style-type: none;
padding: 3px 4px 3px 0px;
font-family: 'roboto';
}
.infoImg span {
padding-right: 3px;
font-family: 'roboto';
font-weight: 700;
font-size: 18px;
}
.detalhes-topo #tagAovivoInterna {
margin: 70px 0 5px;
}
#tagAovivoInterna span {
color: #fff !important;
}
#contentDetalhes #tagAovivoInterna span {
font: 400 16px 'roboto' !important;
}
.bthHide {
transition: 0.3s;
display: none;
font-family: 'roboto';
font-size: 15px;
background: #fff;
height: 33px;
line-height: 34px;
text-align: center;
border-radius: 3px;
font-weight: 500;
}
.contadorTOpo {
font-size: 14px !important;
margin-bottom: -6px;
text-align: left;
font-weight: 400 !important;
}
.btnlogoLogin {
margin: 20px 0 10px;
}
.btnlogoLogin img{
width: 90px;
}
.goBack {
font: 500 16px 'roboto';
margin: 20px 0 50px;
}
.goBack a {
display: flex;
align-items: baseline;
color: #2e66b7;
}
.goBack i {
font-size: 18px;
margin-right: 8px;
}
.showButtonTop {
opacity: 1 !important;
visibility: visible !important;
}
#modal_sem_evento_prox figure {
width: 100%;
display: block;
margin: 10px auto 20px;
max-width: 200px;
}
#modal_sem_evento_prox h1 {
font-family: 'roboto';
font-size: 22px;
color: #354c63;
margin: 29px 0 4px;
font-weight: 600;
text-align: center;
}
.ModalTopIcon {
font-size: 23px !important;
margin: 2px 7px 0 0;
color: #354c63;
}
.txtErro1 {
font-family: 'roboto';
font-size: 18px;
margin: 0;
color: #718191;
width: 100%;
max-width: 620px;
font-weight: 500;
margin-bottom: 15px;
}
.modal-full-blue {
width: 100% !important;
height: 100% !important;
max-width: none;
margin: 0 !important;
margin-top: 0 !important;
}
.content-blue {
background-color: #2e66b7f2;
height: 100% !important;
border-radius: 0 !important;
border: 1px solid #2e66b7f2 !important;
}
/* Loader */
.loader {
display: inline-block;
width: 30px;
height: 30px;
position: relative;
border: 4px solid #Fff;
top: 50%;
animation: loader 2s infinite ease;
border-radius: 3px;
margin-bottom: 20px;
}
.center-loader h3 {
font-weight: 450;
color: #fff;
font-size: 19px;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
.center-loader {
align-items: center;
display: flex;
height: 94vh!important;
justify-content: center;
text-align: center;
}
.fade-in {
animation: fadeIn ease 0.2s;
-webkit-animation: fadeIn ease 0.2s;
-moz-animation: fadeIn ease 0.2s;
-o-animation: fadeIn ease 0.2s;
-ms-animation: fadeIn ease 0.2s;
}
@keyframes fadeIn{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.activeCookies {
bottom: 0 !important;
transition: 400ms;
}
.cookies-notice {
font-family: 'roboto';
font-size: 16px;
color: #fff;
font-weight: 400;
text-align: left;
line-height: 19px;
margin-right: 20px;
}
.cookies-button {
border-radius: 4px;
white-space: nowrap;
padding: 12px;
background: #fff;
border: none !important;
color: #2e66b7 !important;
font-size: 14px !important;
cursor: pointer;
font-family: 'roboto';
font-weight: 600;
text-align: center;
float: right;
height: 40px;
display: block;
}
.pdfModal {
border: none;
height: 500px;
max-height: 500px;
width: 100%;
border-radius: 6px;
}
.radioModal {
margin: 4px 7px 0 2px !important;
}
.inputRadioModal {
display: flex;
margin-bottom: 6px;
}
#politicaLgpd {
background: #00000094;
}
#lgpdCadastro p {
font-size: 15px;
font-weight: 500;
font-family: 'roboto';
}
.instrucoesLgpd {
height: 150px;
overflow: auto;
margin-bottom: 15px;
border: 1px solid #e7e6e6;
background: #f7f7f7;
border-radius: 7px;
padding: 14px;
}
.instrucoesLgpd p {
color: #777;
}
.colorCheck {
color: #777;
}
#declaracao_lgpd {
opacity: 1;
}
.bgImageSemEvento {
width: 100%;
height: 100%;
background-image: url(../../static/images/bg_evento_nao_encontrado.jpg);
background-size: cover;
background-attachment: fixed;
margin: 0;
padding: 0;
}
.containerCenter {
align-items: center;
display: flex;
/*justify-content: center;*/
height: 100vh!important;
}
.containerSuspenso h1 {
color: #fff;
font-family: 'roboto';
font-weight: 600;
font-size: 45px;
max-width: 500px;
line-height: 49px;
margin-bottom: 20px;
}
.containerSuspenso p {
margin: 18px 0 3px 0;
font-family: 'roboto';
font-weight: bold;
font-size: 15px;
color: #fff;
}
.containerSuspenso img {
height: 52px;
margin-bottom: 10px;
}
.btn-White {
font-family: 'roboto';
font-weight: 600;
width: 92%;
padding: 12px 30px;
color: #2e66b7;
background: #fff;
border-radius: 4px;
text-align: center !important;
text-decoration: none !important;
font-size: 15px;
}
.btn-WhiteSocial {
font-family: 'roboto';
font-weight: 600;
width: 100%;
padding: 7px 17px !important;
color: #354c63 !important;
background: #fff;
border-radius: 4px !important;
text-align: center !important;
text-decoration: none !important;
font-size: 15px !important;
}
.contatosSuspensos {
color: #fff;
display: flex;
font-size: 16px;
}
.footerNaoEncontrado {
align-items: center;
position: absolute;
bottom: 15px;
width: auto;
height: 30px;
}
.enderecoNaoEncontrado {
float: left;
}
.enderecoNaoEncontrado span{
font-family: 'roboto';
color: #fff;
font-size: 14px;
}
.socialNaoEncontrado {
float: right;
}
.socialNaoEncontrado .redes-sociais{
margin-top: -9px!important;
}
.socialNaoEncontrado a{
color: #fff !important;
}
.bannerHotsite {
height: 500px;
background: #FD3E5B;
top: 0px;
left: 0px;
margin-bottom: 24px;
}
.containerCenterBanner {
align-items: center;
display: flex;
height: 50vh!important;
}
.containerCenterBanner img {
display: block;
width: 250px;
max-width: 100%;
margin: 0 0 23px 0;
}
.txtBanner {
color: #5EDBD7;
font-family: 'Roboto';
font-size: 30px;
font-weight: 400;
max-width: 300px;
line-height: 30px;
}
.txtBanner strong{
font-size: 40px;
font-weight: 800;
}
.txtBanner span{
font-size: 30px;
font-weight: 800;
}
.txtBannerInscricao {
color: #fff;
font-size: 35px;
font-weight: 300;
}
.descricaoHot {
margin: 60px 0;
}
.descricaoHot h1 {
font-size: 40px;
font-family: 'Roboto';
font-weight: 700;
color: #FF7D41;
margin-bottom: 9px;
}
.descricaoHot p {
font-family: 'Roboto';
color: #264E72;
font-size: 18px;
line-height: 28px;
max-width: 502px;
}
.faixaSocial {
background-color: #354C63 !important;
margin-bottom: 60px;
padding: 20px 0;
margin-top: 30px;
}
.faixaSocial .redes-sociais{
margin-top: 0px !important;
margin-left: 0px !important;
float: right;
}
.maisConteudo {
text-align: right;
color: #fff;
max-width: 150px;
margin-right: 11px;
}
.maisConteudo span:first-child {
font: 300 22px 'roboto';
line-height: 12px;
}
.maisConteudo span strong {
font: 800 22px 'roboto';
}
.icon-simboloSebrae {
font-size: 13px;
padding: 3px;
}
.valorDescontoEvento {
display: block;
text-transform: initial;
font-family: 'roboto';
width: 100%;
color: #718191;
font-size: 14px !important;
line-height: 100%;
font-weight: 400;
}
.evento_sem_imagem:hover .valorDescontoEvento {
color: #fff;
transition: 0.3s;
}
.evento_com_imagem:hover .valorDescontoEvento {
color: #fff;
transition: 0.3s;
}
.pixQrcode {
width: 100%;
}
#modalidadePix h2 {
color: #354C63 !important;
font-size: 19px;
font-family: 'Roboto';
font-weight: 700;
line-height: 130% !important;
}
.inputPIx {
margin: 30px 0;
}
#modalidadePix i{
font-size: 23px;
}
#modalidadePix .form-msg{
font-size: 16px;
font-weight: 500;
color: #354c63;
margin-top: 0;
display: block;
}
.detalhes_card_desconto {
background: #79b736;
z-index: 999;
padding: 15px;
margin: auto;
border: 1px solid #79b736;
border-radius: 6px;
height: 460px;
position: relative;
transition: 0.3s;
width: 100%;
box-shadow: 0 -3px 16px 0px #00000047;
animation: fadeIn cubic-bezier(0.36, 0.06, 0.18, 1.03) 0.5s;
}
.detalhes_card_desconto_interna {
background: #79b736;
z-index: 999;
padding: 15px;
margin: auto;
border: 1px solid #79b736;
border-radius: 6px;
height: 460px;
position: relative;
transition: 0.3s;
width: 100%;
box-shadow: 0 -3px 16px 0px #00000047;
animation: fadeIn cubic-bezier(0.36, 0.06, 0.18, 1.03) 0.5s;
}
.animationBox {
animation: fadeIn cubic-bezier(0.36, 0.06, 0.18, 1.03) 0.5s;
}
@keyframes scale-display {
0% {
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
}
.bodyCardDesconto {
position: absolute;
padding: 0 30px 16px 0;
width: 100%;
bottom: 0;
}
.bodyCardDescontoInterna {
position: absolute;
padding: 0 30px 16px 0;
width: 100%;
bottom: 0;
}
.title_card_desconto {
text-transform: none;
color: #ffffff;
margin: 0;
line-height: 115%;
font-weight: 600;
}
.btn-slim-white {
padding: 9px 12px 4px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
text-align: center;
border: 1px solid transparent;
border-radius: 4px;
width: 100%;
color: #79b736;
background: #fff;
}
.btn-slim-white span {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
margin-top: -7px;
}
.btn-slim-white i {
position: relative;
font-size: 23px;
}
.title-card-desconto {
text-transform: none;
color: #ffffff;
margin: 0;
line-height: 115%;
font-weight: 600;
font-size: 20px;
}
.inputCupomGreen {
margin-bottom: 0px !important;
border-radius: 4px 0 0 4px;
margin: 0;
border: 1px solid #c0f786 !important;
background: #deffba !important;
}
.btn-input-Green {
border-radius: 0 4px 4px 0;
padding: 0 12px 0 12px;
margin: 0;
background: #4d6f29;
border: none;
transition: all 200ms ease-out;
}
.btn-input-Green:hover {
transition: all 200ms ease-out;
background: #6c8a4d;
}
.btn-input-Green i{
font-size: 22px;
color: #fff;
}
.alerta_Card_cupom_erro {
color: rgb(255, 255, 255);
display: block;
line-height: 17px;
margin-top: 5px;
}
.close_card_cupom {
position: absolute;
color: #ffffff !important;
font-size: 20px;
margin-top: 0px;
font-weight: 400;
cursor: pointer;
background: transparent;
transition: all 200ms ease-out;
border: 0;
}
.cardBotao {
cursor: pointer;
}
.tipoEvento {
font: 500 14px 'roboto';
color: #718191;
}
.tipoEvento {
font: 500 14px 'roboto';
color: #718191;
transition: 0.3s;
}
.tagEventoOnline {
font: 500 14px 'roboto';
color: #F5624D;
transition: 0.3s;
}
.playCardEvento {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.iconesFlutuantes {
position: absolute;
right: 30px;
margin-top: -26px;
display: flex;
}
.identificadorStatus {
border-radius: 30px;
margin-left: 5px;
width: 30px;
height: 30px;
}
.identificadorStatus i{
color: #fff;
font-size: 20px;
}
.btnExpandirMenu {
padding: 0 !important;
margin: 0 !important;
border: unset !important;
background: unset !important;
}
.detalheTopModalProxEvento {
width: 20px;
height: 20px;
background: #fff;
transform: rotate(45deg);
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
}
.detalheTopModalCarrinho {
width: 20px;
height: 20px;
background: #fff;
transform: rotate(45deg);
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
}
.listaPreCarrinho {
list-style: none;
margin-bottom: 20px;
}
.listaPreCarrinho h3{
list-style: none;
font-family: 'roboto';
font-weight: 700;
font-size: 16px;
color: #354C63;
line-height: 125%;
max-height: 67px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 5px;
}
.listaPreCarrinho .valorListaEvento{
text-transform: uppercase;
font-family: 'roboto';
width: 100%;
color: #7ab71e;
font-size: 15px !important;
line-height: 100%;
font-weight: bold;
margin-bottom: 2px;
align-self: end;
word-break: break-all;
}
.contentScroll-Modal {
overflow-y: scroll !important;
height: 175px;
padding-right: 7px !important;
margin: 0 -5px 20px 0;
padding: 0;
}
/* Scroll Modal Carrinho */
.contentScroll-Modal::-webkit-scrollbar-track {
border-radius: 10px;
}
.contentScroll-Modal::-webkit-scrollbar {
width: 8px;
transition: 0.3s;
}
.contentScroll-Modal::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #afc1d2;
}
.contentScroll-Modal::-webkit-scrollbar-thumb:hover {
transition: 0.3s;
background-color: #8494a3;
}
/* Scroll Modal Carrinho */
.listaEventoContent {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
.listaEventoContent .infoPriConl {
grid-column-start: 1;
grid-column-end: 5;
}
.listaEventoContent .infoSegConl {
grid-column-start: 5;
grid-column-end: 7;
grid-row-start: 1;
text-align: right;
display: grid;
}
.listaEventoContent .infoSegConl i {
font-size: 20px;
}
.totalPreCarrinho {
display: grid;
margin: 15px 5px 9px 5px;
}
.totalPriConl {
grid-column-start: 1;
text-align: left;
}
.totalPriConl span {
color: #354c63;
font-size: 22px;
font-weight: bold;
}
.totalSegConl {
grid-column-start: 2;
text-align: right;
}
.totalSegConl span {
font-family: 'Roboto';
text-transform: uppercase;
width: 100%;
color: #7ab71e;
font-size: 25px ;
font-weight: bold;
text-align: right;
}
.containerCentralizado {
display: flex;
justify-content: center;
align-items: center;
}
.CardCarrinhoVazio img{
width: 200px;
margin-left: -10px;
}
.CardCarrinhoVazio h3{
font-size: 25px;
text-transform: none;
color: #354c63;
margin-top: 20px;
line-height: 115%;
font-weight: 600;
text-align: center;
}
.CardCarrinhoVazio p{
font-family: 'Roboto';
width: 100%;
margin-bottom: 20px;
color: #908f8f;
}
.cupomCarrinho {
display: flex;
justify-content: flex-end;
margin-right: 45px;
}
.inputCupomEvento {
box-shadow: none;
font-family: 'roboto';
height: 35px;
width: 194px;
font-weight: normal;
border: solid 1px #bbbbbb;
border-radius: 4px 0 0 4px;
outline: none;
padding: 0 6px 0 6px;
}
.inputCupomEventoErro {
border: solid 1px #EF4646 !important;
}
.retornoCupom {
text-align: right;
display: flex;
justify-content: flex-end;
}
.retornoCupom .icon-cupom{
font-size: 20px;
color: #354c63;
margin-right: 3px;
}
.retornoCupom .icon-iconTrash{
margin-left: 11px;
font-size: 20px;
}
.retornoCupom p{
color: #354c63;
font-size: 18px;
font-weight: bold;
}
.hide {
display: none;
}
.tagGratuito {
margin-bottom: -2px;
font-size: 16px !important;
font-family: 'roboto';
font-weight: 500;
margin: 0;
overflow: auto;
}
.detalhesTotalModal {
text-transform: none !important;
font-family: 'roboto';
display: block;
text-align: right !important;
font-size: 15px !important;
color: #838a91 !important;
margin: 0 !important;
font-weight: 500 !important;
float: unset !important;
line-height: 16px;
}
.centralizarTiquete {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.erroInputCupom {
color: #EF4646;
background: none;
margin-top: 0.5em;
font: 500 13px 'roboto';
}
.corteValorEvento {
text-decoration: line-through;
}
.btn-icon {
border: none;
transition: 0.3s;
}
.btn-icon:hover i {
color: #2e66b7 !important;
}
.detalheModalCarrinho {
color: #718191;
}
.detalheModalCarrinho span{
font-weight: 400 !important;
font-size: 14px !important;
}
.detalheModalCarrinho i{
font-size: 13px
}
.iconCalendarioCarrinho {
font-size: 13px !important;
}
.modalCarrinhoFooter {
display: flow-root;
}
.modalCarrinhoFooter .areaAnimacaoLoading {
margin: 15.5px;
}
.is-visible {
opacity: 1 !important;
pointer-events: auto !important;
}
.overlay {
z-index: 9999;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
position: fixed;
top: 92px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
.modalCarrinho {
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
}
.modalProxEvento {
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
}
.itemProxEvento {
padding-right: 0;
padding-left: 0;
}
.modalImageCarrinhoVazio {
width: 100% !important;
height: auto !important;
margin: 0 30px !important;
}
.imgProxEvento {
border-radius: 6px;
width: 100% !important;
height: 100% !important;
}
.TipoDoValor {
font-family: 'roboto';
display: block;
text-align: right;
font-size: 17px;
color: #7ab71e;
margin: 0 0 6px 6px;
}
.areaValorTotal {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
}
.infoGratuito {
margin-bottom: -5px !important;
text-transform: initial;
font-size: 13.5px !important;
font-weight: 500;
}
.areaThumbEvento {
background: #000;
width: 90px;
height: 90px;
border-radius: 6px;
margin-right: 8px;
display: block;
overflow: hidden;
}
.areaThumbEvento img{
width: 100%;
height: 100%;
object-fit: cover;
}
.scrollHorarios {
overflow-y: scroll !important;
height: 70px;
}
/* Scroll Modal Carrinho */
.scrollHorarios::-webkit-scrollbar-track {
border-radius: 10px;
}
.scrollHorarios::-webkit-scrollbar {
width: 8px;
transition: 0.3s;
}
.scrollHorarios::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #afc1d2;
}
.scrollHorarios::-webkit-scrollbar-thumb:hover {
transition: 0.3s;
background-color: #8494a3;
}
/* Scroll Modal Carrinho */
.btnExcluirCupom {
cursor: pointer;
font-size: 18px;
}
.areaContador li {
display: flex;
align-content: center;
align-items: flex-start;
}
.areaContador {
display: flex;
}
.timeEvento{
font: 800 30px 'lato',sans-serif !important;
color: #344B62 !important;
}
.areaContador li span{
padding: 0 2px;
font: 800 30px 'lato',sans-serif;
color: #85909b;
}
.areaContador p{
font: 500 13px 'lato',sans-serif;
text-align: center;
color: #718191;
}
.titleCounter {
font: 700 14px 'lato',sans-serif;
color: #718191;
margin: 0 0 -4px 4px;
}
.cupomDisponivelDetalhe {
font-size: 16px;
font-family: 'roboto';
color: #7ab71e;
font-weight: 500;
margin: 0;
display: flex;
align-items: center;
margin-bottom: 5px;
}
.cupomDisponivelDetalhe .icon-cupom{
font-size: 22px;
margin-right: 7px;
margin-top: -3px;
}
.containerDetalheEvento {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.containerCorpoDetalhe {
display: flex;
}
.btnVoltar {
padding: 10px;
color: #344b62;
width: 100%;
border: none;
background-color: #fff;
cursor: pointer;
font: 600 17px 'Roboto',sans-serif;
text-align: center;
float: left;
border-radius: 5px;
transition: 0.3s;
}
.btnVoltar:hover {
-webkit-filter: brightness(.5);
filter: brightness(.93);
}
#rodapeDetalheEvento .top_compra {
grid-column-start: 1;
grid-column-end: 5;
}
#rodapeDetalheEvento .btnVoltar {
grid-column-start: 5;
grid-column-end: 7;
grid-row-start: 1;
}
.detalhes-topo .endereco {
text-transform: uppercase;
}
.detalhes-topo .endereco:first-letter {
text-transform: uppercase;
}
.imgBlendTopArea {
position: absolute;
right: 0;
top: -30%;
bottom: 0;
width: 600px;
}
.imgBlendTopArea .imgBlend{
background-size: cover;
height: 100%;
width: auto;
mix-blend-mode: luminosity;
opacity: 0.9;
object-fit: cover;
}
.itemLInha {
color: #344b62;
font: 600 19px 'Roboto',sans-serif;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: -25px;
border-bottom: 1px solid #bbbbbb;
}
.areaErro {
display: flex;
align-items: center;
}
.bordaData {
border: 1px solid #fff;
padding: 6px 8px;
max-width: fit-content;
border-radius: 5px;
}
..dataInternaEventos {
display: flex;
color: #fff !important;
max-width: fit-content;
}
..dataInternaEventos .icon{
font-size: 18px!important;
margin-right: 7px;
}
..dataInternaEventos span{
font: 400 16px 'roboto',sans-serif;
}
.rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.ateData {
text-align: center;
font-family: 'roboto';
color: #354c63;
font-weight: bolder!important;
position: absolute;
font-size: 12px;
left: -8px;
top: 14px;
width: 18px;
}
.faixaConsultoria {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.21)), url(../../static/images/backgroudCOnsultoria.png), #2E66B7;
background-blend-mode: normal, overlay, normal;
mix-blend-mode: normal;
border-radius: 6px;
padding: 15px;
margin-bottom: 15px;
background-position: 50% 35%;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: #fff !important;
color: #2a60ad !important;
border: none;
border-radius: 100%;
padding: 0 !important;
font: inherit;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
transition: all .3s linear;
}
.owl-carousel {
margin-bottom: 20px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
display: flex;
align-items: flex-start;
justify-content: center;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
font: 800 38px 'roboto', sans-serif !important;
}
.owl-dot {
margin: 0 5px;
width: 16px;
height: 16px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
background:#4491ff !important;
color:#FFF !important;
}
.owl-theme .owl-nav .disabled{
opacity: .100% !important;
}
.owl-theme .owl-dots .owl-dot span{
width:8px !important;
height:8px !important;
margin:4px !important;
background: none !important;
transition:opacity .2s ease !important;
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#2a60ad !important;
}
.owl-next {
position: absolute;
top: calc(52% - 57px);
right: -25px;
width: 50px;
height: 50px;
border-radius: 100%;
}
.owl-prev {
position: absolute;
top: calc(52% - 57px);
left: -25px;
width: 50px;
height: 50px;
border-radius: 100%;
}
.lista_principal .margin-bottom {
margin-bottom: 20px;
}
#cardConsultoria {
cursor: pointer;
}
.areaDescricaoConteudo {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.areaDescricaoConteudo p {
color: #718191;
font: 400 15px 'roboto',sans-serif;
line-height: 130%;
word-break: break-word;
/* max-width: 25ch; */
}
.ItensListaPrimeriaMenu h3 {
font: 500 25px 'roboto',sans-serif;
color: #354C63;
margin-bottom: 20px;
}
.ItensListaPrimeriaMenu li {
margin-bottom: 5px;
}
#MenuItensMobile h3{
color: #718191;
font: 500 18px 'roboto';
margin-top: 10px;
}
#MenuItensMobile a{
color: #2E66B7;
font: 700 16px 'roboto';
}
#menuPizza.open .svg-menu-toggle .line-1 {
/* transform: rotate(45deg) translateY(0) translateX(0); */
-ms-transform: rotate(45deg) translateY(0) translateX(0); /* IE 9 */
-webkit-transform: rotate(45deg) translateY(0) translateX(0); /* Safari */
transform: rotate(45deg) translateY(0) translateX(0); /* Standard syntax */
}
#menuPizza.open .svg-menu-toggle .line-2 {
opacity: 0;
}
#menuPizza.open .svg-menu-toggle .line-3 {
transform: rotate(-45deg) translateY(0.2em) translateX(0.5em);
}
.rotacionar {
transform: rotate(180deg);
}
.linhaNavbar {
display: flex;
margin-bottom: 18px;
justify-content: space-between;
}
/* Card Consultoria */
.topCategoria {
overflow: hidden;
display: block;
clear: both;
position: absolute;
left: 0;
top: 0;
}
.cardConsultoria {
cursor: pointer;
}
.cardConsultoria .footer_evento_single .valor {
text-transform: uppercase;
font-family: 'roboto';
width: 100%;
color: #7ab71e;
font-size: 24px !important;
line-height: 100%;
font-weight: bold;
margin-top: 7px;
}
.cardConsultoria .footer_evento_single .valor strong{
text-transform: none;
font-size: 18px !important;
}
.cardConsultoria .footer_evento_single .valor p {
text-transform: initial;
margin-left: 0;
font-size: 13.5px !important;
margin-top: -5px;
font-weight: 500;
}
.cardConsultoria .top-content .image-area {
height: 177px;
border-radius: 6px 6px 0 0;
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cardConsultoria .top-content .image-area figure{
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0;
}
.cardConsultoria .top-content .image-area img{
height: 100%;
object-fit: cover !important;
}
/* hover */
.cardConsultoria:hover .tituloCurso {
color: #fff;
}
.cardConsultoria:hover .tagEvento {
color: #fff;
}
.cardConsultoria:hover .valor {
color: #fff;
}
.cardConsultoria:hover .horario {
color: #fff;
}
.cardConsultoria:hover .areaDescricaoConteudo p {
color: #fff;
}
.tagTipoConteudo {
color: #F5624D;
transition: 0.3s;
font: 500 14px 'roboto',sans-serif;
display: flex;
margin-bottom: 2px;
}
.tagTipoConteudo i{
}
.tagTipoConteudo p{
margin: -1px 0 0 5px;
}
.cardConsultoria .top-content--cont-box {
overflow: hidden;
display: block;
clear: both;
position: absolute;
left: 0;
top: 0;
}
/* Fim Card Consultoria */
.borderBottomPesquisa {
border-bottom: solid 1px #bbbbbb;
margin: 0 0 0 20px;
}
.AreaBoxsTopo {
display: flex;
margin-top: 20px;
cursor: pointer;
}
#menu_expandir .container {
margin-top: 20px;
margin-bottom: 40px;
}
#owl-eventos .itemEvento {
padding: 0 !important;
margin-bottom: 0 !important;
}
.disabledButton {
pointer-events: none !important;
cursor: default !important;
background: #e7ebec !important;
color: #354c63 !important;
}
/* Animation Loading button start */
.areaAnimacaoLoading {
display: flex;
justify-content: center;
}
.areaAnimacaoLoading div {
margin: 3px;
width: 8px;
height: 8px;
background-color: #354c63;
border-radius: 50%;
animation-duration: 0.8s;
animation-iteration-count: infinite;
}
.animacaoLoadingOne {
animation-name: load-one;
}
@keyframes load-one {
30% {
transform: translateY(-50%);
}
}
.animacaoLoadingTwo {
animation-name: load-two;
}
@keyframes load-two {
50% {
transform: translateY(-50%);
}
}
.animacaoLoadingThree {
animation-name: load-three;
}
@keyframes load-three {
70% {
transform: translateY(-50%);
}
}
/* Animation Loading button End */
.areaFormLogin {
max-width: 303px;
margin: 0 auto;
width: 100%;
}
#linhaVertical {
height: 300px;
border-right: #bbbbbb 1px solid;
position: absolute;
top: 120px;
left: 50%;
right: 50%;
}
.emailft {
color: #698190;
font-size: 15px;
}
.container-filtro-busca {
background-color: #8B324D;
height: 300px;
}