/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } body { margin: 0; font-family: Roboto, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; background-color: #FDFDFD; } a, button, input, textarea, select { outline: none !important; box-shadow: none !important; } a:focus, a:active, button:focus, button:active { outline: none !important; box-shadow: none !important; } * { -webkit-tap-highlight-color: transparent; } .popover{ font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; } /* link top */ a.top-link:link { color: #FFFFFF; text-decoration: none; } a.top-link:visited { color: #FFFFFF; text-decoration: none; } a.top-link:hover { color: #DDDDDD; text-decoration: none; } a.top-link:active { color: #FFFFFF; text-decoration: none; } /* link top flights */ a.top-flights-link:link { color: #BBBBBB; text-decoration: none; } a.top-flights-link:visited { color: #BBBBBB; text-decoration: none; } a.top-flights-link:hover { color: #DDDDDD; text-decoration: none; } a.top-flights-link:active { color: #BBBBBB; text-decoration: none; } /* link importar csv */ a.importarCSV-link:link { color: #BBBBBB; text-decoration: none; } a.importarCSV-link:visited { color: #BBBBBB; text-decoration: none; } a.importarCSV-link:hover { color: #BBBBBB; text-decoration: none; } a.importarCSV-link:active { color: #BBBBBB; text-decoration: none; } /* link password */ a.password-link:link { color: #CECEBF; text-decoration: none; } a.password-link:visited { color: #CECEBF; text-decoration: none; } a.password-link:hover { color: #858565; text-decoration: none; } a.password-link:active { color: #CECEBF; text-decoration: none; } /* link password wtb */ a.password-link-wtb:link { color: #7D55C7; text-decoration: none; } a.password-link-wtb:visited { color: #7D55C7; text-decoration: none; } a.password-link-wtb:hover { color: #6238AD; text-decoration: none; } a.password-link-wtb:active { color: #7D55C7; text-decoration: none; } a.copyright-link:link { color: #BBBBBB; text-decoration: none; } a.copyright-link:visited { color: #BBBBBB; text-decoration: none; } a.copyright-link:hover { color: #858585; text-decoration: none; } a.copyright-link:active { color: #BBBBBB; text-decoration: none; } a.copyright-link-showdevizinha:link { color:#BBBBBB !important; background-color:transparent !important; text-decoration:none; } a.copyright-link-showdevizinha:visited { color:#BBBBBB !important; background-color:transparent !important; text-decoration:none; } a.copyright-link-showdevizinha:hover { color:#FFFFFF !important; background-color:#C2185B !important; text-decoration:none; border-radius:2px; } a.copyright-link-showdevizinha:active { color:#FFFFFF !important; background-color:#AD1457 !important; text-decoration:none; border-radius:2px; } a.copyright-linkGreen:link { color: #3c763d; text-decoration: none; } a.copyright-linkGreen:visited { color: #3c763d; text-decoration: none; } a.copyright-linkGreen:hover { color: #3A743C; text-decoration: none; } a.copyright-linkGreen:active { color: #3c763d; text-decoration: none; } a.copyright-link-buskauto:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-buskauto:visited { color: #FFFFFF; text-decoration: none; } a.copyright-link-buskauto:hover { color: #036074; text-decoration: none; } a.copyright-link-buskauto:active { color: #FFFFFF; text-decoration: none; } a.linkVendedorDetalhes:link { color: #ACACAC; text-decoration: none; } a.linkVendedorDetalhes:visited { color: #ACACAC; text-decoration: none; } a.linkVendedorDetalhes:hover { color: #858585; text-decoration: none; } a.linkVendedorDetalhes:active { color: #ACACAC; text-decoration: none; } a.linkVendedorDetalhes-sv:link { color: #F277C6; text-decoration: none; } a.linkVendedorDetalhes-sv:visited { color: #F277C6; text-decoration: none; } a.linkVendedorDetalhes-sv:hover { color: #F2CCFF; text-decoration: none; } a.linkVendedorDetalhes-sv:active { color: #F277C6; text-decoration: none; } a.tituloDestaqueProduto:link { color: #BBBBBB; text-decoration: none; } a.tituloDestaqueProduto:visited { color: #BBBBBB; text-decoration: none; } a.tituloDestaqueProduto:hover { color: #858585; text-decoration: none; } a.tituloDestaqueProduto:active { color: #BBBBBB; text-decoration: none; } a.tituloDestaqueProduto-sv:link { color: #F277C6; text-decoration: none; } a.tituloDestaqueProduto-sv:visited { color: #F277C6; text-decoration: none; } a.tituloDestaqueProduto-sv:hover { color: #F2CCFF; text-decoration: none; } a.tituloDestaqueProduto-sv:active { color: #F277C6; text-decoration: none; } a.copyright-link-tc:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-tc:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-tc:hover { color: #FFF3C6; text-decoration: none; } a.copyright-link-tc:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-rotaturismoclube:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-rotaturismoclube:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-rotaturismoclube:hover { color: #FFF3C6; text-decoration: none; } a.copyright-link-rotaturismoclube:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-maisviajar:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-maisviajar:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-maisviajar:hover { color: #59C9FF; text-decoration: none; } a.copyright-link-maisviajar:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-institutocannabis:link { color: #BDFBF4; text-decoration: none; } a.copyright-link-institutocannabis:visited {color: #BDFBF4; text-decoration: none; } a.copyright-link-institutocannabis:hover { color: #00D9A8; text-decoration: none; } a.copyright-link-institutocannabis:active { color: #BDFBF4; text-decoration: none; } a.copyright-link-funcionarioonline:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-funcionarioonline:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-funcionarioonline:hover { color: #00D9A8; text-decoration: none; } a.copyright-link-funcionarioonline:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop:hover { color: #9CBBC9; text-decoration: none; } a.copyright-link-robotop:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop-shopping:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop-shopping:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-robotop-shopping:hover { color: #9CBBC9; text-decoration: none; } a.copyright-link-robotop-shopping:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-via:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-via:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-via:hover { color: #8A132B; text-decoration: none; } a.copyright-link-via:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-cw:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-cw:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-cw:hover { color: #8BF8ED; text-decoration: none; } a.copyright-link-cw:active { color: #FFFFFF; text-decoration: none; } a.copyright-link-pv:link { color: #8BCED8; text-decoration: none; } a.copyright-link-pv:visited {color: #8BCED8; text-decoration: none; } a.copyright-link-pv:hover { color: #4479AB; text-decoration: none; } a.copyright-link-pv:active { color: #8BCED8; text-decoration: none; } a.copyright-link-sv:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-sv:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-sv:hover { color: #EA22A4; text-decoration: none; } a.copyright-link-sv:active { color: #FFFFFF; text-decoration: none; } /* Chuva Urbana - links do rodape: somente a cor da fonte muda */ a.copyright-link-chuvaurbana:link, a.copyright-link-chuvaurbana:visited { color:#111111; background:transparent !important; text-decoration:none; transition:color .15s ease; } a.copyright-link-chuvaurbana:hover, a.copyright-link-chuvaurbana:focus { color:#7A5A00 !important; background:transparent !important; text-decoration:none; } a.copyright-link-chuvaurbana:active { color:#4F3A00 !important; background:transparent !important; text-decoration:none; } /* Menu principal da Chuva Urbana: cada item define o proprio amarelo no barra_menu.php */ a.menuChuvaUrbanaTopo, a.menuChuvaUrbanaTopo:link, a.menuChuvaUrbanaTopo:visited { color:#111111 !important; text-decoration:none !important; transition:background-color .18s ease, color .18s ease, box-shadow .18s ease; } a.menuChuvaUrbanaTopo b, a.menuChuvaUrbanaTopo i { color:inherit !important; } /* O hover de fundo fica nas classes chuva-menu-tom-*; aqui alteramos apenas a cor do texto. */ a.menuChuvaUrbanaTopo:hover, a.menuChuvaUrbanaTopo:focus { color:#000000 !important; text-decoration:none !important; } a.menuChuvaUrbanaTopo:hover b, a.menuChuvaUrbanaTopo:hover i, a.menuChuvaUrbanaTopo:focus b, a.menuChuvaUrbanaTopo:focus i { color:#000000 !important; } /* Pagina atual: mantem o amarelo individual e marca apenas com a linha inferior. */ a.menuChuvaUrbanaTopoAtivo, a.menuChuvaUrbanaTopoAtivo:link, a.menuChuvaUrbanaTopoAtivo:visited { color:#000000 !important; box-shadow:inset 0 -4px 0 rgba(0,0,0,.70) !important; } a.menuChuvaUrbanaTopoAtivo b, a.menuChuvaUrbanaTopoAtivo i { color:#000000 !important; } /* Item atual no rodape: sem box; somente tipografia. */ a.rodapeChuvaUrbanaAtivo, a.rodapeChuvaUrbanaAtivo:link, a.rodapeChuvaUrbanaAtivo:visited { color:#4F3A00 !important; background:transparent !important; font-weight:700 !important; text-decoration:none !important; } a.rodapeChuvaUrbanaAtivo:hover, a.rodapeChuvaUrbanaAtivo:focus { color:#7A5A00 !important; background:transparent !important; } a.copyright-link-sv-modal:link { color: #F59CD7; text-decoration: none; } a.copyright-link-sv-modal:visited {color: #F59CD7; text-decoration: none; } a.copyright-link-sv-modal:hover { color: #EA22A4; text-decoration: none; } a.copyright-link-sv-modal:active { color: #F59CD7; text-decoration: none; } a.copyright-link-escuro:link { color: #333333; text-decoration: none; } a.copyright-link-escuro:visited {color: #333333; text-decoration: none; } a.copyright-link-escuro:hover { color: #222222; text-decoration: none; } a.copyright-link-escuro:active { color: #333333; text-decoration: none; } a.copyright-link-cinza:link { color: #999999; text-decoration: none; } a.copyright-link-cinza:visited {color: #999999; text-decoration: none; } a.copyright-link-cinza:hover { color: #BBBBBB; text-decoration: none; } a.copyright-link-cinza:active { color: #999999; text-decoration: none; } a.copyright-link-wtb:link { color: #FFFFFF; text-decoration: none; } a.copyright-link-wtb:visited {color: #FFFFFF; text-decoration: none; } a.copyright-link-wtb:hover { color: #DDDDDD; text-decoration: none; } a.copyright-link-wtb:active { color: #FFFFFF; text-decoration: none; } a.copyright-tournament:link { color: #BBBBBB; text-decoration: none; } a.copyright-tournament:visited { color: #BBBBBB; text-decoration: none; } a.copyright-tournament:hover { color: #858585; text-decoration: none; } a.copyright-tournament:active { color: #BBBBBB; text-decoration: none; } a.copyright-time0:link { color: #BBBBBB; text-decoration: none; } a.copyright-time0:visited { color: #BBBBBB; text-decoration: none; } a.copyright-time0:hover { color: #777777; text-decoration: none; } a.copyright-time0:active { color: #BBBBBB; text-decoration: none; } a.copyright-time1:link { color: #BBBBBB; text-decoration: none; } a.copyright-time1:visited { color: #BBBBBB; text-decoration: none; } a.copyright-time1:hover { color: #777777; text-decoration: none; } a.copyright-time1:active { color: #BBBBBB; text-decoration: none; } /* link box info */ a.box-info-link-co:link { color: #33E4FF; text-decoration: none; } a.box-info-link-co:visited { color: #33E4FF; text-decoration: none; } a.box-info-link-co:hover { color: #00A3D9; text-decoration: none; } a.box-info-link-co:active { color: #33E4FF; text-decoration: none; } /* link box info */ a.box-info-link-im:link { color: #D96D00; text-decoration: none; } a.box-info-link-im:visited { color: #D96D00; text-decoration: none; } a.box-info-link-im:hover { color: #FFAE5E; text-decoration: none; } a.box-info-link-im:active { color: #D96D00; text-decoration: none; } /* link corpo desconto */ .tit_link_desconto { color:#CCCCCC; text-decoration:none; } .tit_link_desconto a{ color:#CCCCCC; text-decoration:none; } .tit_link_desconto a:hover{ color:#CCCCCC; text-decoration:none; } .tit_link_desconto a:active{ color:#DDDDDD; text-decoration:none; } /* link corpo rodape */ .tit_link_pag_nav { font-size:14px; color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav a{ color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav a:hover, .tit_link_pag_nav a:active{ background-color:#1ABC9C; color:#FFFFFF; text-decoration:none; } /* link corpo rodape */ .tit_link_pag_nav_buskauto { font-size:14px; color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_buskauto a{ color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_buskauto a:hover, .tit_link_pag_nav_buskauto a:active{ background-color:#05A7C9; color:#FFFFFF; text-decoration:none; } /* link corpo rodape */ .tit_link_pag_nav_co { font-size:14px; color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_co a{ color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_co a:hover, .tit_link_pag_nav a:active{ background-color:#33E4FF; color:#FFFFFF; text-decoration:none; } /* link corpo rodape */ .tit_link_pag_nav_cw { font-size:14px; color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_cw a{ color:#BBBBBB; text-decoration:none; } .tit_link_pag_nav_cw a:hover, .tit_link_pag_nav a:active{ background-color:#00C1B8; color:#FFFFFF; text-decoration:none; } /* link top */ a.top-link-blog:link { color: #BBBBBB; text-decoration: none; } a.top-link-blog:visited { color: #BBBBBB; text-decoration: none; } a.top-link-blog:hover { color: #DDDDDD; text-decoration: none; } a.top-link-blog:active { color: #BBBBBB; text-decoration: none; } a.titulo-link-concursos:link { color: #666666; text-decoration: none; } a.titulo-link-concursos:visited {color: #666666; text-decoration: none; } a.titulo-link-concursos:hover { color: #666666; text-decoration: none; } a.titulo-link-concursos:active { color: #666666; text-decoration: none; } input[type="text"]:disabled { color: #555555 !important; } /* input[type="file"] { display: none; } */ object-fit: cover; .brancoAvatarTimesDetalhes { background-color:#FFFFFF; width:80px; height:80px; position:absolute; margin-left:236px; margin-top:-150px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .brancoAvataComentarioPrincipal { background-color:#FFFFFF; width:58px; height:58px; position:absolute; margin-left:88px; margin-top:15px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .brancoAvatarTimes { background-color:#FFFFFF; width:39px; height:39px; position:absolute; margin-left:10px; margin-top:12px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .brancoAvatarMenu { background-color:#FFFFFF; width:39px; height:39px; position:absolute; margin-left:118px; margin-top:-60px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .brancoAvatarMenuResponsivo { background-color:#FFFFFF; width:39px; height:39px; position:absolute; margin-left:148px; margin-top:-8px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .AvatarMenuResponsivo { position: absolute; margin-top:-6px; margin-left:150px; pointer-events:none; } .brancoAvatarConta { background-color:#FFFFFF; width:80px; height:80px; position:absolute; margin-left:176px; margin-top:-12px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .alinhaAvatarContaRede { margin-left:369px; margin-top:20px; position:absolute; } .alinhaRedesSocialProduto { width:100%; height:30px; } .brancoAvatarContaRede { background-color:#FFFFFF; width:55px; height:55px; position:absolute; margin-left:-2px; margin-top:-2px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .brancoAvatarTimeGrande { background-color:#FFFFFF; width:80px; height:80px; position:absolute; margin-left:217px; margin-top:-53px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .brancoAvatarUpload { background-color:#FFFFFF; width:258px; height:258px; position:absolute; margin-left:-4px; margin-top:-4px; border-top-left-radius: 129px; border-top-right-radius: 129px; border-bottom-left-radius: 129px; border-bottom-right-radius: 129px; } .brancoAvatarUsuario { background-color:#FFFFFF; width:162px; height:162px; position:absolute; margin-left:-2px; margin-top:-2px; border-top-left-radius: 129px; border-top-right-radius: 129px; border-bottom-left-radius: 129px; border-bottom-right-radius: 129px; } .alinhaAvaliacaoAtleta { width:40px; height:40px; background-color:#5bc0de; position:absolute; margin-left:17px; margin-top:0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 6px; } .alinhaAvaliacaoAtletaCriarEditar { width:40px; height:40px; background-color:#5bc0de; position:absolute; margin-left:115px; margin-top:0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 6px; } .alinhaAvaliacaoAtletaCartola { width:40px; height:40px; background-color:#5bc0de; position:absolute; margin-left:-10px; margin-top:0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 6px; } .alinhaBotaoPlusLessAthletes { float:right; margin-top:-8px; margin-right:12px; } .alinhaIrJogoNextGame { position:absolute; margin-left:360px; } .avaliacaoAtleta { display: flex; align-items: center; justify-content: center; height: 100%; color:#FFFFFF; font-weight:bold; } .line-grey-my-word { background-image: url(../../images/bg/line-grey.png); height: 1px; margin-top:4px; width:500px; margin-bottom: 25px; } .toplogin { overflow: hidden; float: left; height: 30px; width:100%; background-color:#014E81; } .topambiente { overflow: hidden; /*float: left;*/ height: 30px; width:100%; background-color:#FF0000; color:#FFFFFF; } .topambiente-center { margin: 0 auto; text-align:center; padding: 5px; } .toprevendedor { overflow: hidden; float: left; height: 30px; width:100%; background-color:#4071B3; color:#FFFFFF; } .alinhaEnvioJogoWhatsapp { display:none; } .alinhaVideo { display: flex; justify-content: center; align-items: center; width: 341px; height: 100px; margin-top: 75px; } .alinhaVideoCanais { display: flex; justify-content: center; align-items: center; width: 341px; height: 100px; margin-top: 120px; } .ajusteControlesVizinhasIndicadas { width:80%; height:30px; float:right; margin-top:4px; margin-right:37px; } .alinhaDivBarraDetalhes { /*width:516px; */ height:40px; background-color:#E0E0E0; position:absolute; margin-top:310px; } .toprevendedor-center { margin: 0 auto; text-align:center; padding: 5px; } .barlogin { color: #FFFFFF; float: left; text-align: right; margin-top:5px; margin-right:10px; } .barcountries { float: left; text-align: right; width:80px; height:21px; margin-top:4px; } .barcountriesFlag { width:35px; float: left; text-align: right; } .posicaoFotoEscudoDetalhesAtleta { width:100px; position:absolute; margin-left:360px; margin-top:-55px; } .topnav { overflow: show; width:100%; height:80px; background-image: url("../../images/shoppingmilhas/bk_degrade.png"); /*background-color:#74D7FC;*/ } .topnav a { float: right; display: block; color: #f2f2f2; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav a:hover { background-color: #016CB6; color: black; } .topnav a.active { background-color: #4CAF50; color: white; } .topnav .icon { display: none; } .topnav-tm { overflow: show; width:100%; height:80px; background-image: url("../../images/topmilhas/bk_degrade_tm.png"); /*background-color:#74D7FC;*/ } .topnav-tm a { float: right; display: block; color: #f2f2f2; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-tm a:hover { background-color: #FFFFFF; color: black; } .topnav-tm a.active { background-color: #FFFFFF; color: white; } .topnav-tm .icon { display: none; } .topnav-40 { overflow: show; width:100%; height:80px; background-image: url("../../images/40gramas/bk_degrade_40.png"); background-color:#F4F8F7; } .topnav-40 a { float: right; display: block; color: #f2f2f2; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-40 a:hover { background-color: #FFFFFF; color: black; } .topnav-40 a.active { background-color: #FFFFFF; color: white; } .topnav-40 .icon { display: none; } .topnav-co { overflow: show; width:100%; height:80px; background-color:#11111f; } .topnav-co a { float: right; display: block; color: #33E4FF; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-co a:hover { background-color: #FFFFFF; color: black; } .topnav-co a.active { background-color: #FFFFFF; color: white; } .topnav-co .icon { display: none; } .topnav-rotaturismoclube { overflow: show; width:100%; height:80px; background-color:#282217; } .topnav-rotaturismoclube a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-rotaturismoclube a:hover { background-color: #FFFFFF; color: black; } .topnav-rotaturismoclube a.active { background-color: #FFFFFF; color: white; } .topnav-maisviajar a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-maisviajar a:hover { background-color: #FFFFFF; color: black; } .topnav-maisviajar a.active { background-color: #FFFFFF; color: white; } .topnav-le { overflow: show; width:100%; height:80px; background-color:#BBBBBB; } .topnav-le a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-le a:hover { background-color: #FFFFFF; color: black; } .topnav-le a.active { background-color: #FFFFFF; color: white; } .topnav-pv .icon { display: none; } .topnav-pv { overflow: show; width:100%; height:80px; background-color:#BBBBBB; } .topnav-pv a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-pv a:hover { background-color: #FFFFFF; color: black; } .topnav-pv a.active { background-color: #FFFFFF; color: white; } .topnav-pv .icon { display: none; } .topnav-institutocannabis a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-institutocannabis a:hover { background-color: #FFFFFF; color: black; } .topnav-institutocannabis a.active { background-color: #FFFFFF; color: white; } .topnav-funcionarioonline { overflow: show; width:100%; height:80px; background-color:#004233; } .topnav-funcionarioonline a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-funcionarioonline a:hover { background-color: #FFFFFF; color: black; } .topnav-funcionarioonline a.active { background-color: #FFFFFF; color: white; } .topnav-via { overflow: show; width:100%; height:80px; background-color:#BBBBBB; } .topnav-via a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-via a:hover { background-color: #FFFFFF; color: black; } .topnav-via a.active { background-color: #FFFFFF; color: white; } .topnav-robotop { overflow: show; width:100%; height:80px; background-color:#2C3A41; } .topnav-robotop a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-robotop a:hover { background-color: #FFFFFF; color: black; } .topnav-robotop a.active { background-color: #FFFFFF; color: white; } .topnav-robotop a.active { background-color: #FFFFFF; color: white; } .topnav-sv a { float: right; display: block; color:#CECECE; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-sv a:hover { background-color: #FFFFFF; color: black; } .topnav-sv a.active { background-color: #FFFFFF; color: white; } .topnav-sv .icon { display: none; } .topnav-buskauto0 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto0.png"); background-color: #07A9CB; } .topnav-buskauto0 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto0 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto0 a.active { background-color: #FFFFFF; color: white; } .topnav-buskauto1 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto1.png"); background-color: #07A9CB; } .topnav-buskauto1 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto1 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto1 a.active { background-color: #FFFFFF; color: white; } .topnav-buskauto2 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto2.png"); background-color: #07A9CB; } .topnav-buskauto2 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto2 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto2 a.active { background-color: #FFFFFF; color: white; } .topnav-buskauto3 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto3.png"); background-color: #07A9CB; } .topnav-buskauto3 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto3 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto3 a.active { background-color: #FFFFFF; color: white; } .topnav-buskauto4 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto4.png"); background-color: #07A9CB; } .topnav-buskauto4 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto4 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto4 a.active { background-color: #FFFFFF; color: white; } .topnav-buskauto5 { overflow: show; width: 100%; height: 80px; background-image: url("../../images/buskauto/bk_degrade_buskauto5.png"); background-color: #07A9CB; } .topnav-buskauto5 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-buskauto5 a:hover { background-color: #FFFFFF; color: black; } .topnav-buskauto5 a.active { background-color: #FFFFFF; color: white; } .topnav-chuvaurbana0 { overflow: show; width: 100%; height: 80px; background-color: #FFE414; } .topnav-chuvaurbana0 a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width: 85px; font-size: 18px; line-height: 18px; } .topnav-chuvaurbana0 a:hover { background-color: #FFFFFF; color: black; } .topnav-chuvaurbana0 a.active { background-color: #FFFFFF; color: white; } .topnav-100fila { overflow: show; width:100%; height:80px; background-color:#1D2E36; } .topnav-100fila a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-100fila a:hover { background-color: #FFFFFF; color: black; } .topnav-100fila a.active { background-color: #FFFFFF; color: white; } .topnav-ob .icon { display: none; } .topnav-ob { overflow: show; width:100%; height:80px; background-color:#BBBBBB; } .topnav-ob a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-ob a:hover { background-color: #FFFFFF; color: black; } .topnav-ob a.active { background-color: #FFFFFF; color: white; } .topnav-ob .icon { display: none; } .topnav-wtb .icon { display: none; } .topnav-wtb { overflow: show; width:100%; height:80px; background-color:#7D55C7; } .topnav-wtb a { float: right; display: block; color: #BBBBBB; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-wtb a:hover { background-color: #FFFFFF; color: black; } .topnav-wtb a.active { background-color: #FFFFFF; color: white; } .topnav-wtb .icon { display: none; } .topnav-tc { overflow: show; width:100%; height:80px; background-color:#47141E; } .topnav-tc a { float: right; display: block; color: #33E4FF; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-tc a:hover { background-color: #FFFFFF; color: black; } .topnav-tc a.active { background-color: #FFFFFF; color: white; } .topnav-tc .icon { display: none; } .topnav-cw { overflow: show; width:100%; height:80px; background-color:#002D2B; } .topnav-cw a { float: right; display: block; color: #33E4FF; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-cw a:hover { background-color: #FFFFFF; color: black; } .topnav-cw a.active { background-color: #FFFFFF; color: white; } .topnav-cw .icon { display: none; } .topnav-im { overflow: show; width:100%; height:80px; background-image: url("../../images/intermilhas/bk_degrade_im.png"); background-color:#FF792B; } .topnav-le { overflow: show; width:100%; height:80px; background-image: url("../../images/leveneen/bk_degrade_le.png"); background-color:#DDDDDD; } .topnav-rotaturismoclube { overflow: show; width:100%; height:80px; /*background-image: url("../../images/rotaturismoclube/bk_degrade_rotaturismoclube.png");*/ background-color:#282217; } .topnav-maisviajar { overflow: show; width:100%; height:80px; /*background-image: url("../../images/maisviajar/bk_degrade_maisviajar.png");*/ background-color:#003651; } .topnav-institutocannabis { overflow: show; width:100%; height:80px; /*background-image: url("../../images/institutocannabis/bk_degrade_institutocannabis.png");*/ background-color:#00624B; } .topnav-via { overflow: show; width:100%; height:80px; background-image: url("../../images/viame/bk_degrade_via.png"); background-color:#EC778E; } .topnav-pv { overflow: show; width:100%; height:80px; background-image: url("../../images/encurtadorgratis/bk_degrade_pv.png"); background-color:#34AFC9; } .topnav-sv { overflow: show; width:100%; height:80px; background-image: url("../../images/showdevizinha/bk_degrade_sv.png"); background-color:#232323; } .topnav-ob { overflow: show; width:100%; height:80px; background-image: url("../../images/supershoppingbrasil/bk_degrade_ob.png"); background-color:#BBBBBB; } .topnav-wtb { overflow: show; width:100%; height:80px; background-image: url("../../images/webtvbr/bk_degrade_wtb.png"); background-color:#7D55C7; } .topnav-im a { float: right; display: block; color: #33E4FF; text-align: center; padding: 22px 22px; text-decoration: none; width:85px; font-size: 18px; line-height: 18px; } .topnav-im a:hover { background-color: #FFFFFF; color: black; } .topnav-im a.active { background-color: #FFFFFF; color: white; } .topnav-im .icon { display: none; } /* @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; left: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: right; } } */ .topBar { width:100%; height:502px; } .topBarCo { width:100%; /*height:659px;*/ } .topBarBuskauto { width:100%; background-color:#F0F8FF; /*height:659px;*/ } .topBarViaMe { width:100%; background-color:#F9C6CE; /*height:659px;*/ } .topBarRotaTurismoClube { width:100%; background-color:#85714D; /*height:659px;*/ } .topBarMaisViajar { width:100%; background-color:#004262; /*height:659px;*/ } .topBarInstitutoCannabis { width:100%; background-color:#00A982; /*height:659px;*/ } .topBarFuncionarioOnline { width:100%; background-color:#005945; /*height:659px;*/ } .topBarRobotop { width:100%; background-color:#1D2E36; /*#2C3A41;*/ /*height:659px;*/ } .corpo-buscador-sp { width:800px; } .corpo-buscador-co { width:800px; } .corpo-buscador-bk { width:800px; } .corpo-buscador-sv { width:800px; } .topBarOutras { width:100%; height:155px; background-color:#FDF9ED; } .topBarOutras-co { width:100%; height:155px; background-color:#0095AA; } .topBarOutras-sp { width:100%; height:155px; background-color:#DBFDFA; } .topBarOutras-sv { width:100%; height:155px; background-color:#484848; } .topBarOutras-ob { width:100%; height:155px; background-color:#DDDDDD; } .topBarOutras-wtb { width:100%; height:155px; background-color:#AF97DD; } .topBarOutras-im { width:100%; height:155px; background-color:#FFC488; } .topBarOutras-tc { width:100%; height:155px; background-color:#FEF2ED; } .topBarOutras-cw { width:100%; height:155px; background-color:#F7F7F7; } .topBarOutras-le { width:100%; height:155px; background-color:#CCCCCC; } .topBarOutras-rotaturismoclube { width:100%; height:155px; background-color:#AF9A74; } .topBarOutras-maisviajar { width:100%; height:155px; background-color:#004262; } .topBarOutras-institutocannabis { width:100%; height:155px; background-color:#BDFBF4; } .topBarOutras-funcionarioonline { width:100%; height:155px; background-color:#005945; } .topBarOutras-robotop { width:100%; height:155px; background-color:#F0F8FF; } .topBarOutras-100fila { width:100%; height:155px; background-color:#273F49; } .topBarOutras-via { width:100%; height:155px; background-color:#FAD8DE; } .topBarOutras-br { width:100%; height:155px; background-color:#CCCCCC; } .topBarOutras-eg { width:100%; height:155px; background-color:#CCCCCC; } .topBarOutras-pv { width:100%; height:155px; background-color:#6299B8; } .topBarOutras_SemBuscador { width:100%; height:65px; background-color:#FDF9ED; } .homeSlider { height:502px; background-color: transparent; } .homeSliderBuskAutoIndex { height:502px; background-color: transparent; } .homeCadastroBonus { position:absolute; width:298px; height:220px; background-color: transparent; } .homeSliderCO { height:155px; background-color: transparent; } .homeSliderRobotop { height:155px; background-color: transparent; } .homeSliderBuskauto { height:220px; background-color: #1D5F73; } .homeSliderChuvaUrban { height:220px; background-color: #EEC827; } .homeSliderBuskautoIndex { height:220px; background-color: #1D5F73; } .homeSliderChuvaUrbanaIndex { height:220px; background-color: #EEC827; } .homeSlider100Fila { height:155px; background-color: transparent; } .homeSliderCW { height:155px; background-color: transparent; } .homeSliderBox { width:900px; height:175px; margin: 0 auto; } .homeSliderBoxIndex { width:900px; height:175px; margin: 0 auto; } .homeSliderBox-Via { width:900px; height:175px; margin: 0 auto; } .posicaoBoxUploadModal { margin-left:22px; } .posicaoTextUploadModal { margin-left:0px; } .homeSliderBox-co { width:900px; height:175px; margin: 0 auto; } .homeSliderBox-sv { width:900px; height:175px; margin: 0 auto; } .homeSliderBox-cw { width:900px; height:175px; margin: 0 auto; } .homeSliderBox-le { width:900px; height:175px; margin: 0 auto; } .homeSliderBoxOutras { width:900px; height:155px; margin: 0 auto; } .homeSliderBoxOutras_SemBuscador { width:900px; height:155px; margin: 0 auto; } .homeSliderBoxLogo { z-index: 1; position: absolute; margin-top:-72px; width:184px; height:175px; cursor:pointer; } .homeSliderBoxLogoCo { z-index: 1; position: absolute; margin-top:-15px; width:184px; height:175px; cursor:pointer; } .homeSliderBoxLogoCW { z-index: 1; position: absolute; margin-top:-55px; width:185px; height:199px; cursor:pointer; } .homeSliderBoxLogoLe { z-index: 1; position: absolute; margin-top:-55px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoRobotop { z-index: 1; position: absolute; margin-top:-52px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoBuskauto { z-index: 1; position: absolute; margin-top:-58px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoChuvaUrbana { z-index: 1; position: absolute; margin-top:-72px; width:182px; height:64px; cursor:pointer; } .homeSliderBoxLogo100Fila { z-index: 1; position: absolute; margin-top:-55px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoVia { z-index: 1; position: absolute; margin-top:-68px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoPV { z-index: 1; position: absolute; margin-top:-63px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoSV { z-index: 1; position: absolute; margin-top:-55px; width:184px; height:175px; cursor:pointer; } .homeSliderBoxLogoOB { z-index: 1; position: absolute; margin-top:-63px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoWTB { z-index: 1; position: absolute; margin-top:-63px; width:176px; height:34px; cursor:pointer; } .homeSliderBoxLogoBlog { position:absolute; z-index:1; margin-top:80px; margin-left:120px; cursor:pointer; } .homeSliderBoxLogoBlog-co { position:absolute; z-index:1; margin-top:80px; margin-left:150px; cursor:pointer; } .homeSliderBoxLogoBlog-sv { position:absolute; z-index:1; margin-top:80px; margin-left:150px; cursor:pointer; } .homeSliderBoxLogoBlog-ob{ position:absolute; z-index:1; margin-top:80px; margin-left:150px; cursor:pointer; } .homeSliderBoxLogoBlog-wtb{ position:absolute; z-index:1; margin-top:80px; margin-left:150px; cursor:pointer; } .homeSliderBoxLogoBlog-le { position:absolute; z-index:1; margin-top:-31px; margin-left:65px; cursor:pointer; } .homeSliderBoxLogoBlog-institutocannabis { position:absolute; z-index:1; margin-top:-31px; margin-left:65px; cursor:pointer; } .homeSliderBoxLogoBlog-maisviajar { position:absolute; z-index:1; margin-top:-31px; margin-left:155px; cursor:pointer; } .homeSliderBoxLogoBlog-funcionarioonline { position:absolute; z-index:1; margin-top:0px; margin-left:155px; cursor:pointer; } .homeSliderBoxLogoBlog-robotop { position:absolute; z-index:1; margin-top:0px; margin-left:155px; cursor:pointer; } .homeSliderBoxLogoBlog-100fila { position:absolute; z-index:1; margin-top:0px; margin-left:155px; cursor:pointer; } .homeSliderBoxLogoBlog-pv { position:absolute; z-index:1; margin-top:-31px; margin-left:65px; cursor:pointer; } .homeSliderBoxLogoBlog-tc { position:absolute; z-index:1; margin-top:0px; margin-left:125px; cursor:pointer; } .homeSliderBoxLogoBlog-cw { position:absolute; z-index:1; margin-top:0px; margin-left:125px; cursor:pointer; } .homeSliderBoxLogoOutras { z-index: 1; position: absolute; margin-top:-72px; width:184px; height:175px; cursor:pointer; } .displayBoxCenter { width:900px; margin: 0 auto; margin-top:25px; margin-bottom:15px; } .displayBoxCenterIndexProduto { width:900px; margin: 0 auto; margin-top:5px; margin-bottom:15px; } .displayBarraProdutosDestaques { margin-top:-20px; width:100%; } .displayBoxCenterBlog { width:920px; margin: 0 auto; margin-top:25px; margin-bottom:15px; } .displayBoxCenterProdutos { width:900px; margin: 0 auto; margin-top:-20px; margin-bottom:15px; margin-left:2px; } .displayBoxCenterDestaqueCo { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueTc { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueInstitutoCannabis { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; height:300px; } .displayBoxCenterDestaqueFuncionarioOnline { width:900px; margin: 0 auto; margin-top:30px; height:300px; margin-bottom:15px; } .displayBoxCenterDestaqueRobotop { width:900px; margin: 0 auto; margin-top:30px; height:250px; margin-bottom:15px; } .displayBoxCenterDestaqueViaMe { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; background-color:#FDEEF0; } .displayBoxCenterDestaqueBr { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueEg { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueCp { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueOb { width:900px; margin: 0 auto; margin-top:50px; margin-bottom:15px; } .displayBoxCenterDestaqueIM { width:900px; margin: 0 auto; /*margin-top:50px;*/ margin-bottom:15px; /*background-color:#FF792B;*/ } .displayDestaqueIM { width:100%; height:400px; margin-top:-20px; background-image:url(../../images/intermilhas/bk_degrade_detalhes_normal.png); background-repeat:no-repeat; background-position:center; } .ajusteDetaquesIM { margin-top:130px; } .displayBoxCenterDestaqueMaisViajar { width:900px; margin: 0 auto; /*margin-top:50px;*/ margin-bottom:15px; background-color:#004262; } .displayDestaqueMaisViajar { width:100%; height:400px; margin-top:-20px; /*background-image:url(../../images/intermilhas/bk_degrade_detalhes_normal.png); */ background-color:#004262; background-repeat:no-repeat; background-position:center; } .ajusteDetaquesMaisViajar { margin-top:100px; } .displayBoxCenterSports { width:900px; margin: 0 auto; /*margin-top: 10px;*/ margin-bottom:15px; } .displayBoxCenterSportsGames { width:900px; margin: 0 auto; margin-top: -5px; margin-bottom:15px; } .displayBoxCenterSportsGamesAlinha { width:900px; margin: 0 auto; margin-top: -5px; margin-bottom:15px; } .divPlusSportsAthletes_futebol { position:absolute; margin-left:5px; margin-top:5px; width:15px; height:15px; background-image:url(../../images/icon/plus-verde.png); background-repeat:no-repeat; background-position:center; } .divPlusSportsAthletes_basquete { position:absolute; margin-left:5px; margin-top:5px; width:15px; height:15px; background-image:url(../../images/icon/plus-alaranjado.png); background-repeat:no-repeat; background-position:center; } .divPlusSportsAthletes_volei { position:absolute; margin-left:5px; margin-top:5px; width:15px; height:15px; background-image:url(../../images/icon/plus-alaranjado-escuro.png); background-repeat:no-repeat; background-position:center; } .divPlusSportsAthletes_hoquei { position:absolute; margin-left:5px; margin-top:5px; width:15px; height:15px; background-image:url(../../images/icon/plus-cinza.png); background-repeat:no-repeat; background-position:center; } .divPlusSportsAthletes_beisebol { position:absolute; margin-left:5px; margin-top:5px; width:15px; height:15px; background-image:url(../../images/icon/plus-verde-claro.png); background-repeat:no-repeat; background-position:center; } .classeFiltrosEsportes { margin-top:0px; } .classeFiltrosEsportesCartola { margin-top:0px; height:49px; } .classeFiltrosEsportesPCMobile { margin-top:0px; } .classeFiltrosEsportesPCMobile1Linha { margin-top:0px; } .posicaoFiltroEsporte { float:right; margin-top:-49px; } .posicaoFiltroPesquisaEsporte { float:right; margin-top:-49px; } .posicaoFiltroEsportePCMobile { float:right; margin-top:-49px; } .posicaoFiltroTipoFavoritos { float:right; margin-top:0px; margin-right:5px; } .tamanhoBuscaAbas { height:44px; width:100%; } .word-break { word-break: break-word; overflow-wrap: break-word; } .setaPretaBaixo { position:absolute; width:33px; height:42px; margin-left:-5px; margin-top:-41px; background-image:url(../../images/icon/seta-preta-baixo.png); background-repeat:no-repeat; background-position:center; z-index:999; } .setaPretaDireitaEsquema { position:absolute; width:42px; height:33px; margin-left:135px; margin-top:-39px; background-image:url(../../images/icon/seta-preta-direita.png); background-repeat:no-repeat; background-position:center; z-index:99; } .displayBoxLeftCamp { width:340px; margin: 0 auto; margin-top:25px; margin-bottom:15px; float:left; } .divCampSchema { padding:10px; } .marcaDaguaCampo { position:absolute; margin-left:15px; margin-top:15px; } .divEsquemaTaticoPosicoes { display:none; margin-left:10px; } .divEscalacaoEscolhida { position: absolute; margin-left: 240px; margin-top: 10px; height:20px; background-color: #FFFFFF; color: #707079; display: inline-block; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE 5-7 */ -moz-opacity: 0.7; /* Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ opacity: 0.7; /* Good browsers */ display: none; padding: 3px 5px; /* Adiciona espaçamento de 5 pixels nas bordas esquerda e direita */ white-space: nowrap; /* Impede que o texto quebre para baixo */ } .displayBoxRightCamp { margin: 0 auto; margin-top:25px; margin-bottom:15px; float:right; } .displayBoxPost { /*width:900px;*/ margin: 0 auto; margin-top:25px; } .displayBoxCenterResumoOferta { width:900px; margin: 0 auto; margin-top:25px; margin-left:4px; } .displayBoxCenterVWT { width:600px; margin: 0 auto; } .divEntrevistaPadrao { /*display:none;*/ } .divEntrevistaPadraoMobile { display:none; } .displayBoxCenterTela{ width:600px; margin: 0 auto; margin-top:0px; } .displayBoxCenterTelaGrande{ width:900px; margin: 0 auto; margin-top:0px; } .site-body { position: relative; min-height: 60px; /*background-color: #FDFDFD;*/ margin-top: 10px; } .site-body-abaixo { position: relative; min-height: 60px; /*background-color: #FDFDFD;*/ margin-top: 10px; } .site-body-voos { position: relative; min-height: 60px; background-color: #FDFDFD; margin-top: 10px; } .site-body-visto { position: relative; min-height: 60px; background-color: #FDFDFD; margin-top: 25px; } .site-body-login-telas { position: relative; min-height: 60px; background-color: #FDFDFD; margin-top: 25px; } .site-body-buscador { position: relative; min-height: 60px; background-color: #FDFDFD; margin-top: 10px; } #container { padding: 0px; } .site-container { text-align:justify; margin-top: 15px; } .site-container-sv { text-align:justify; margin-top: 15px; color: #FFFFFF; } .site-container-cm { text-align:justify; margin-top: 15px; color:#CCCCCC; font-size:16px; } .site-container-detalhes-cm { text-align:center; margin-top: 15px; color:#CCCCCC; font-size:16px; line-height: 1; } .site-container-institutocannabis { text-align:justify; margin-top: 15px; color:#CCCCCC; font-size:16px; } .site-container-detalhes-institutocannabis { text-align:center; margin-top: 15px; color:#FFFFFF; font-size:16px; line-height: 1; } .site-container-maisviajar { text-align:justify; margin-top: 15px; color:#CCCCCC; font-size:16px; } .site-container-detalhes-maisviajar { text-align:center; margin-top: 15px; color:#CCCCCC; font-size:16px; line-height: 1; } .site-container-funcionarioonline { text-align:justify; margin-top: 15px; color:#CCCCCC; font-size:16px; } .site-container-robotop { text-align:justify; margin-top: 15px; color:#CCCCCC; font-size:16px; } .site-container-detalhes-funcionarioonline { text-align:center; margin-top: 15px; color:#FFFFFF; font-size:16px; line-height: 1; } .site-container-detalhes-im { text-align:center; margin-top: 15px; color:#CCCCCC; font-size:16px; line-height: 1; } .site-container-buy { width: auto; margin-top: 15px; display: flex; grid-gap: 20px; } .promo-timer { display: flex; align-items: end; } .displayBoxCorpo { width:900px; margin: 0 auto; margin-top:25px; } .displayBoxCenterEmail { width:590px; margin: 0 auto; margin-top:150px; } .displayBoxCenterEmailPequeno { width:590px; margin: 0 auto; margin-top:90px; } .displayBoxCenterEmailPequeno-cw { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-tc { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-le { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-rotaturismoclube { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-maisviajar { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-institutocannabis { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-funcionarioonline { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-robotop { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-buskauto { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-100fila { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-via { width:590px; margin: 0 auto; margin-top:50px; } .displayBoxCenterEmailPequeno-eg { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-br { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-cp { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-40 { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterEmailPequeno-sv { width:590px; margin: 0 auto; margin-top:-10px; } .displayBoxCenterBarraTimesAtletas { width:800px; margin: 0 auto; margin-top:50px; } .displayBoxCenterBarraShowDeVizinha { width:900px; margin: 0 auto; /*margin-top:-15px;*/ margin-top:-15px; } .displayBoxCenterBarraCartolaOnline { width:900px; margin: 0 auto; margin-top:10px; /*50px;*/ /*background-color:#4D4D4D;*/ } .displayBoxCenterBarraTurboConcursos { width:900px; margin: 0 auto; margin-top:-20px; } .displayBoxCenterBarraConcursosNaWeb { width:900px; margin: 0 auto; margin-top:-20px; } .displayBoxCenterBarraLeveneen { width:900px; margin: 0 auto; margin-top:-20px; } .displayBoxCenterBarraInstitutoCannabis { width:900px; margin: 0 auto; margin-top:50px; } .displayBoxCenterBarraFuncionarioOnline { width:900px; margin: 0 auto; margin-top:0px; } .displayBoxCenterBarraRobotop { width: 900px; margin: 0 auto; margin-top: -30px; /* só o topo negativo */ } .displayBoxCenterBarra100Fila { width:900px; margin: 0 auto; margin-top:60px; } .displayBoxCenterBarra40Gramas { width:900px; margin: 0 auto; margin-top:-30px; } .displayBoxCenterBarraViaMe { width:900px; margin: 0 auto; margin-top:-30px; } .displayBoxCenterBarraOb { width:900px; margin: 0 auto; margin-top:50px; } .displayBoxCenterBarraWebTvBr { width:900px; margin: 0 auto; margin-top:50px; } .displayBoxCenterRepresentante { width:590px; margin: 0 auto; margin-top:170px; } .displayBoxCenterRepresentanteBuskauto { width:590px; margin: 0 auto; margin-top:150px; } .displayBoxCenterBuskauto { width:590px; margin: 0 auto; margin-top:50px; } .displayBoxCenterEmailRecuperacao { width: 300px; height: 200px; margin: 0 auto; margin-top: 10px; } .boxOfertasViagens { width:300px; height:250px; float:left; } .boxOfertasShoppingTela { width:300px; height:315px; float:left; } .boxMilhasVenda { width:300px; height:570px; float:left; } .boxMilhasResumo { width:300px; height:420px; float:left; } .boxMilhasResumoComeco { width:300px; height:350px; float:left; } .boxMilhasResumoMeio { width:300px; height:350px; float:left; } .boxMilhasResumoFinal { width:300px; height:350px; float:left; } .boxOfertas3xMilesMeio { width:290px; height:330px; float:left; padding:30px; line-height:15px; background-color:#EBF9FE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxMilhasResumoMeioMedio { width:300px; height:340px; float:left; } .boxOfertas3xMilesMeioMedio { width:266px; height:310px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxMilhasResumoMeioGrande { width:300px; height:530px; float:left; } .boxOfertas3xMilesMeioGrande { width:266px; height:310px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxMilhasDuvidas { height:135px; float:left; margin: 0 15px; } .boxVagasConsulado { height:110px; float:left; margin: 0 7px; } .boxCreditosSaldos { height:170px; float:left; margin: 0 7px; } .boxTimeSaldos { height:100px; float:left; margin: 0 7px; } .boxAtletaResumos { height:50px; float:left; margin: 0 7px; } .boxSports { height:130px; float:left; margin: 0 7px; } .priImagemFoco { position:absolute; margin-top:-5px; margin-left:42px; } .priImagemFotoPreto { border-top-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ } .boxSports .segImagemFoco { visibility: hidden; opacity: 0; position:absolute; margin-top:-5px; margin-left:42px; } .boxSports:hover .segImagemFoco { visibility: visible; opacity: 1; } .priImagemBranco { position:absolute; margin-top:30px; margin-left:13px; } .boxSports .segImagemAzul { visibility: hidden; opacity: 0; position:absolute; margin-top:30px; margin-left:13px; } .boxSports:hover .segImagemAzul { visibility: visible; opacity: 1; } .divVagasAgendamentoVisto { margin-left:0px; } .divCreditosSaldos { margin-left:0px; } .barraVerdeTelaVender { width:266px; height:5px; background-color:#7DCDCE; margin-top:0px; position:absolute; margin-top:535px; } .barraVerdeTelaDuvidas { width:266px; height:5px; background-color:#7DCDCE; margin-top:0px; position:absolute; margin-top:100px; } .barraVerdeTelaVenderMilhas { width:266px; height:5px; background-color:#7DCDCE; margin-top:0px; position:absolute; margin-top:305px; } .barraVerdeTelaVagas { width:170px; height:5px; background-color:#7DCDCE; margin-top:0px; position:absolute; margin-top:100px; } .barraAlaranjadaTelaCreditoSaldo { width:180px; height:5px; background-color:#DDDDDD; margin-top:0px; position:absolute; margin-top:155px; } .barraVerdeTelaVenderGrande { width:573px; height:5px; background-color:#7DCDCE; margin-top:0px; position:absolute; margin-top:75px; } .boxDepoimentos { width:300px; height:365px; float:left; } .boxDepoimentosPost { width:300px; height:365px; float:left; } .boxJogo { width:300px; /*height:265px;*/ float:left; padding:5px; } .boxCorpoDepoimento { width:300px; height:400px; float:left; padding:5px; } .depoimentosNome { width:285px; height:90px; float:left; margin-top:95px; margin-left:15px; position:absolute; } .fotoDepoimento { background-color:#EFEFEF; width:290px; height:160px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; /* Tornar o conteúdo flexível */ justify-content: center; /* Centralizar horizontalmente */ align-items: center; /* Centralizar verticalmente */ } .tamanhoRegistrosAba { width:110px; } .boxPlayerVideo { width:496px; } .boxAbaMinhasComprasDetalhes { width:100%; } .boxTituloProduto { width:384px; } .alinhaRankingVizinhasIndicadas { margin-left:0px; } .alinhaResultadoNumerosPremiados { width:100%; justify-content: center; align-items: center; margin-left:2px; } .video-container { width: 496px; height: 280px; background-color: #BBBBBB; } /* Estilo para o player de vídeo dentro da div */ .video-js { width: 100% !important; /* Obrigatório para ajustar a largura */ height: 100%; /* Altura igual à da div */ } .bannerPublicidadeMobile { width:496px; max-width:496px; margin-top:10px; } .alinhaGaleriaFotos { margin-top:10px; margin-left:6px; } .alinhaResultados{ margin-top:5px; width:100%; } .alinhaResultadosSemEsporte{ margin-top:0px; width:100%; } .corpoJogo { /*width:290px;*/ border-top-left-radius: 10px; border-top-right-radius: 10px; } /* Estilo quando o mouse passa sobre a div */ .corpoJogo:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ /*cursor:pointer;*/ } .corpoConcurso { /*width:290px;*/ border-top-left-radius: 10px; border-top-right-radius: 10px; } /* Estilo quando o mouse passa sobre a div */ .corpoConcurso:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ cursor:pointer; } .boxProdutos { width:225px; height:435px; float:left; } /* Estilo padrão */ .bordaProduto { color: #999; text-align: left; width: 215px; height: 425px; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProduto:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosSV { width:225px; height:375px; float:left; } /* Estilo padrão */ .bordaProdutoSV { color: #999; text-align: left; width: 215px; height: 365px; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoSV:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosMaior { width:225px; height:430px; float:left; } /* Estilo padrão */ .bordaProdutoMaior { color: #999; text-align: left; width: 215px; height: 420px; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoMaior:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosBuskAuto { width:225px; height:280px; float:left; position: relative; /* Necessário para centralizar o conteúdo absoluto */ } /* Estilo padrão */ .bordaProdutoBuskAuto { color: #999; text-align: left; width: 215px; height: 255px; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoBuskAuto:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .logoMarca { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); /* Centraliza horizontal e verticalmente */ opacity: 0.02; filter: grayscale(100%); z-index: 0; text-align: center; /* Caso precise alinhar o conteúdo interno ao centro */ } .divEmpresaAtende { padding: 17px 36px 0px 26px; height:260px; margin-top:10px; } .boxProdutoSorteado { width:165px; height:282px; float:left; } /* Estilo padrão */ .bordaProdutosSorteado { width:160px; height:266px; cursor:pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top:10px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutosSorteado:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } /* Estilo padrão */ .bordaProdutosSorteadoPrincipal { width:100%; height:214px; cursor:pointer; margin-left:-2px; background-color:#4A4A4A; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top:10px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutosSorteadoPrincipal:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosFotos { width:128px; height:126px; float:left; } /* Estilo padrão */ .bordaProdutoFotos { color: #999; text-align: left; width: 120px; height: 118px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoFotos:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .containerImagem108x108 { width: 108px; height: 108px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem108x108 img { width: 100%; height: 100%; object-fit: cover; } .boxProdutosFotosBuskAuto { width:124px; height:122px; float:left; } /* Estilo padrão */ .bordaProdutoFotosBuskAuto { color: #999; text-align: left; width: 116px; height: 114px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoFotosBuskAuto:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .containerImagem108x108BuskAuto { width: 104px; height: 104px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem108x108BuskAuto img { width: 100%; height: 100%; object-fit: cover; } .thumbVideoContainer { position:relative; width:100%; height:100%; overflow:hidden; border-radius:6px; background-color:#000000; } .thumbVideoPreview { width:100%; height:100%; object-fit:cover; display:block; } .videoPlayIcon { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:42px; height:42px; border-radius:50%; background:#000000A6; /* Preto com transparência */ display:flex; align-items:center; justify-content:center; pointer-events:none; box-shadow:0 2px 10px #00000059; /* Sombra preta suave */ /* Cor padrão */ color:#FFFFFF; transition:all 0.2s ease; } /* Hover rosa */ .thumbVideoContainer:hover .videoPlayIcon { color:#EA22A4; /* Rosa */ text-shadow:0 0 8px #EA22A4; /* Glow rosa */ } /* Após clique volta branco */ .thumbVideoContainer:active .videoPlayIcon, .thumbVideoContainer:focus .videoPlayIcon, .thumbVideoContainer:focus-within .videoPlayIcon { color:#FFFFFF; text-shadow:none; } .videoDurationLabel { position:absolute; right:6px; bottom:5px; background:#000000BF; /* Preto com transparência */ color:#FFFFFF; font-size:11px; padding:4px 6px; border-radius:4px; line-height:1; } .boxProdutosFotosPequeno { width:124px; height:122px; float:left; } /* Estilo padrão */ .bordaProdutoFotosPequeno { color: #999; text-align: left; width: 120px; height: 118px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoFotosPequeno:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .alinhaBoxFS { margin-left:0px; } .boxProdutosFilmeSerie { width:178px; height:268px; padding-left:10px; padding-bottom:15px; float:left; } /* Estilo padrão */ .bordaProdutoFilmeSerie { color: #999; text-align: left; height: 254px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ } /* Estilo quando o mouse passa sobre a div */ .bordaProdutoFilmeSerie:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosVizinhasIndicadas { width:180px; height:325px; float:left; } /* Estilo padrão */ .bordaVizinhasIndicadas { color: #999; text-align: left; width: 170px; height: 311px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaVizinhasIndicadas:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .alinhaBatalhasVizinhasIndicadas { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 16px; width: 100%; align-items: flex-start; } .boxBatalhasVizinhas { width: calc(50% - 8px); float: none; box-sizing: border-box; } .bordaBatalhasVizinhas { color: #999; text-align: left; width: 100%; height: 405px; padding: 5px; border-radius: 5px; box-sizing: border-box; transition: box-shadow 0.3s ease; text-decoration: none; } .bordaBatalhasVizinhas:hover { box-shadow: 0px 0px 10px 0px #DDD; } .boxProdutosVizinhasIndicadasSegundo { width:98.8px; height:130px; float:left; } /* Estilo padrão */ .bordaVizinhasIndicadasSegundo { color: #999; text-align: left; width: 89.8px; height: 120px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaVizinhasIndicadasSegundo:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .boxProdutosVizinhasIndicadasTerceiro { width:109px; height:139px; float:left; } /* Estilo padrão */ .bordaVizinhasIndicadasTerceiro { color: #999; text-align: left; width: 99px; height: 130px; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } /* Estilo quando o mouse passa sobre a div */ .bordaVizinhasIndicadasTerceiro:hover { box-shadow: 0px 0px 10px 0px #DDD; /* Adicione uma sombra */ } .containerImagem158x229 { width: 158px; height: 229px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem158x229 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem143x214 { width: 143px; height: 214px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem143x214 img { width: 100%; height: 100%; object-fit: cover; } .containerImagemResponsivo { /*width: 143px; height: 214px;*/ min-height: 214px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagemResponsivo img { width: 100%; height: 100%; object-fit: cover; } .containerImagem79x112 { width: 79px; height: 112px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem79x112 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem77x108 { width: 77px; height: 108px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem77x108 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem87x118 { width: 87px; height: 118px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem87x118 img { width: 100%; height: 100%; object-fit: cover; } .boxProdutosCarrinho { width:100%; height:187px; float:left; } /* Estilo padrão */ .bordaProdutoCarrinho { color: #999; text-align: left; width:100%; height: 170px; padding: 15px; border: 1px solid #EEE; /* Adicione esta linha para a borda */ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } .boxProdutosCarrinhoDetalhes { width:100%; min-height: 200px; /* Altura mínima de 160px */ float:left; } /* Estilo padrão */ .bordaProdutoCarrinhoDetalhes { color: #999; text-align: left; width:100%; min-height: 200px; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } .boxProdutosCarrinhoComprasDetalhes { width:100%; min-height: 160px; /* Altura mínima de 160px */ float:left; } /* Estilo padrão */ .bordaProdutoCarrinhoComprasDetalhes { color: #999; text-align: left; width:100%; min-height: 155px; padding: 15px; border: 1px solid #EEE; /* Adicione esta linha para a borda */ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: box-shadow 0.3s ease; /* Transição suave para a sombra */ text-decoration: none; /* Remove sublinhado padrão de links */ /*cursor:pointer;*/ } .imagemFundoFotoProduto { width:185px; height:185px; position:relative; cursor:pointer; } .imagemFundoFotoProduto72 { width:185px; height:72px; position:relative; cursor:pointer; } .corpoTextoProdutoLista { width:185px; height:100px; margin-top:10px; color:#BBBBBB; line-height:1.1; vertical-align: top; } .corpoTextoProdutoListaJs { width:185px; height:80px; margin-top:10px; color:#BBBBBB; line-height:1.1; vertical-align: top; } .posicaoBarraLadoBlog { width:300px; margin-left:18px; } .posicaoBarraLadoProdutos { width:220px; } .tamanhoDestaqueBlog { width:300px; } .tituloUltimasPostagensBlog { width:285px; height:65px; background-color:#E8FDFD; line-height:17px; border-top-left-radius: 15px; border-top-right-radius: 15px; float:left; } .tituloUltimasPostagensProdutos { width:220px; height:45px; background-color:#E8FDFD; line-height:17px; border-top-left-radius: 15px; border-top-right-radius: 15px; float:left; } .boxProximoJogoClaroBlog { width:100%; height:140px; background-color:#FDF9ED; margin-top:0px; } .boxProximoJogoClaroBlogPremiacao { width:100%; height:170px; background-color:#FDF9ED; margin-top:0px; } .boxTamanhoPlacarPost { width:344px; margin-top:15px; margin-right:15px; float:right; } .boxTamanhoPlacarPostPremiacao { width:344px; margin-top:35px; margin-right:15px; float:right; } .displayBoxCenter2x { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenterBuskAuto2x { width:670px; height:1150px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xBuskauto { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; margin-left:60px; } .displayBoxCenter2xMaisViajar { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xCo { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xCW { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2x60 { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xSV { width:670px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xSM { width:670px; height:540px; display: flex; margin: 0 auto; margin-top:25px; margin-bottom: 15px; } .displayBoxCenter2xBK { width:670px; height:540px; display: flex; margin: 0 auto; margin-top:-10px; margin-bottom: 15px; } .displayBoxCenterVisto2x { width:670px; display: flex; margin: 0 auto; margin-top:25px; } .displayBoxCenter2xMilhas { width:680px; display: flex; margin: 0 auto; } .displayBoxCenterConta { width:670px; /*height:370px;*/ margin: 0 auto; /*margin-top:25px;*/ margin-bottom: 15px; } .displayBoxCenterContaBuskAuto { width:670px; /*height:370px;*/ margin: 0 auto; /*margin-top:25px;*/ margin-bottom: 15px; } .displayBoxCenterContaInterno { width:690px; /*height:370px;*/ margin: 0 auto; /*margin-top:25px;*/ margin-bottom: 15px; } .displayBoxCenterContaPrincipal { width:670px; /*height:500px;*/ margin: 0 auto; /*margin-top:25px;*/ } .displayBoxCenterSenha { width:335px; height:530px; margin: 0 auto; margin-top:25px; } .boxOfertas2x { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xMaisViajar { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E6F7FF; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xMaisViajarClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#ECFAFF; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertasTC { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FEF5F1; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xSM { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxDataNoticias { width: 40px; height: 40px; font-size: 18px; font-weight: bold; text-align: center; background-color: #DDDDDD; color: #FFFFFF; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: flex; /* Adiciona flex para centralizar verticalmente */ align-items: center; /* Centraliza verticalmente */ justify-content: center; /* Centraliza horizontalmente (opcional) */ } .ajustaAirportFrom { margin-left:15px; } .ajustaChangeAirports { margin-left:118px; margin-top:-15px; } .ajustaClearAirportToMobile { margin-top:-50px; } .ajustaLineAirplaneSearchesToMobile { margin-top:15px; } .ajustaDates { margin-left:15px; } .dates { margin-top:130px; } .datesIndex { margin-top:0px; } .datesMilhas { /*margin-top:130px;*/ } .ajustaPeople { margin-left:15px; margin-top:66px; } .ajustaClasse { margin-left:13px; margin-top:128px; } #fromToModal { display: flex; flex-wrap: wrap; flex-direction: column; } #fromToModal > div { margin: 0 0 5px 0; width: 232px; } .boxMesAnoNoticias { text-align:center; color:#BABABA; } .boxOfertas2xCinzaClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xCinzaRosaClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FEF3F4; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xAzulClaroCW { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E1FFFE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xAzulClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E6F7F9; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xAzulClaroBuskauto { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E6F7F9; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xBF { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xTC { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FEF5F1; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xCW { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#F3FEFD; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLE { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLe { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#CCCCCC; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2x60 { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#DBFDFA; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2x60Claro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#F4F8F7; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xTCClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FDEBE3; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xCOClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#F8F8F8; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xSVClaro { width:320px; height:385px; float:left; padding:30px; line-height:15px; background-color:#2E2E2E; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xWTB { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#B7A0E0; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xVia { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#F9CCD2; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xBr { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#B7A0E0; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xRotaTurismoClube { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FAF4E4; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xInstitutoCannabis { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E2FEFB; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xFuncionarioOnline { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#CCFFF3; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xRobotop { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#DAE6EB; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xBuskauto { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#D3ECF1; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2x100Fila { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#DAE6EB; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xWTBClaro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#E1D9F2; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xPV { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#C8EAEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xCO { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xSV { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#777777; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xOB { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#EFEFEF; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xTCEscuro { width:320px; height:470px; float:left; padding:30px; line-height:15px; background-color:#FAEDEF; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastro { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroBF { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroCO { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#F8F8F8; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroTC { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#FDEBE3; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroCW { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#F3FEFD; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastro60 { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#F4F8F7; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroMaisViajar { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#D3ECF1; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroBuskAuto { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#C6EBFF; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroSV { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#555555; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xLoginCadastroLE { width:320px; height:160px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xDadosMilhas { width:320px; height:420px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .FecharMenuResponsivo { text-align:right; padding: 0px 25px 25px 20px; } .posicaoBoxTimeEsporteTitulo { margin-left:32px; } .boxOfertas2xDadosTimeMenor { width:384px; /*height:370px; */ /*float:left;*/ background-image:url(../../images/bk/sports.png); background-repeat:no-repeat; background-position:center; padding:30px; line-height:15px; /*background-color:#EEEEEE; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .tamanhoResponsivoGrandePremio { width:165px; height:44px; position:absolute; background-color:#626262; color:#FFFFFF; font-size:16px; border-top-left-radius: 5px; text-align:center; display: flex; flex-direction: column; justify-content: center; text-align:center; } .tamanhoResponsivoGrandePremioDetalhe { width:165px; height:214px; background-color:#3B3B3B; float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align:center; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; } .tamanhoResponsivoGrandePremioFoto { width:160px; height:214px; background-color:#4A4A4A; float:left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display: flex; align-items: center; justify-content: center; margin-right:6px; } .cabecalhoCampo { height:50px; } .alinhaVerMaisDepoimentos { float:right; margin-top:-45px; margin-right:15px; } .posicaoLogoEsquemaCampo { position:absolute; margin-left:155px; margin-top:-36px; } .boxOfertas2xDadosTime { /*width:320px; */ height:580px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .boxOfertas2xDadosTimeM1 { /*width:320px; */ height:600px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .boxOfertas2xDadosTimeM2 { /*width:320px; */ height:540px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .boxOfertas2xDadosTimeM3 { /*width:320px; */ height:335px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .boxOfertas2xDadosTimeM4 { /*width:320px; */ height:660px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .boxOfertas2xDadosTimeM5 { /*width:320px; */ height:595px; /*float:left;*/ padding:30px; margin-top:25px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ /*margin: 10px 10px;*/ } .fromToBuskauto { margin-top:0px; } .posicaoUploadAvatar { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:3px; margin-top:45px; z-index:9; } .posicaoUploadAvatarResponsivo { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:0px; margin-top:0px; z-index:9; } .posicaoUploadAvatarGrande { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:230px; margin-top:18px; z-index:9; } .posicaoUploadAvatarConta { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:190px; margin-top:55px; z-index:9; } .posicaoUploadAvatarDocuments { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index:9; } .posicaoUploadAvatarVehicle { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index:9; } .posicaoUploadAvatarSuperchat { position:absolute; width:55px; height:20px; color:#BBBBBB; background-color:#33E4FF; display:none; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-left:90px; margin-top:55px; z-index:10; } .progress-bar-buy { width: 100%; height: 30px; border: 1px solid #E9E9E9; text-align: center; } .progress-buy { height: 100%; color: white; text-align: center; line-height: 30px; } .imagemEsporteCor-Futebol { width:304px; height:470px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Futebol { width:304px; height:470px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .imagemEsporteCor-Volei { width:304px; height:494px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Volei { width:304px; height:494px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .imagemEsporteCor-Basquete { width:304px; height:470px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Basquete { width:304px; height:470px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .imagemEsporteCor-Futebol-Americano { width:304px; height:496px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Futebol-Americano { width:304px; height:496px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .imagemEsporteCor-Hoquei-Gelo { width:304px; height:437px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Hoquei-Gelo { width:304px; height:437px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .imagemEsporteCor-Baiseball { width:304px; height:240px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .imagemEsportePreto-Baiseball { width:304px; height:240px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE */ opacity : 0.2; } .boxOfertas2xDadosProposta { width:320px; height:260px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xDadosResgatar { width:320px; /*height:260px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xMilhas { width:320px; height:560px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xMilhasGrande { width:320px; height:640px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #7DCDD1;*/ margin: 10px 10px; } .boxOfertas2xGrande { width:330px; height:660px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xGrandeSV { width:330px; height:680px; float:left; padding:30px; line-height:15px; background-color:#555555; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xGrande-le { width:330px; height:660px; float:left; padding:30px; line-height:15px; background-color:#F8FFE6; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xGrande-tc { width:330px; height:660px; float:left; padding:30px; line-height:15px; background-color:#FEF5F1; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xGrande-cw { width:330px; height:660px; float:left; padding:30px; line-height:15px; background-color:#F3FEFD; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xCinza { width:320px; height:660px; float:left; padding:30px; line-height:15px; background-color:#F8F8F8; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xCinzaSV { width:320px; height:680px; float:left; padding:30px; line-height:15px; background-color:#777777; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2xCinzaEscuro { width:320px; height:660px; float:left; padding:30px; line-height:15px; background-color:#3C3C3C; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .box5RazoesEsquerda { width:500px; height:400px; float:left; padding:30px; line-height:15px; float:left; margin-top:100px; } .box5RazoesEsquerdaShowDeVizinha { width:500px; height:400px; float:left; padding:30px; line-height:15px; float:left; margin-top:-40px; } .box5RazoesEsquerdaBuskAuto_Homem { width:500px; height:400px; float:left; /*padding:30px;*/ line-height:15px; float:left; margin-left:-20px; margin-top:100px; } .box5RazoesEsquerdaBuskauto { width:500px; height:400px; float:left; padding:30px; line-height:15px; float:left; margin-top:30px; } .box5RazoesEsquerdaBuskauto_Aba1 { width:500px; height:240px; float:left; padding:30px; line-height:15px; float:left; margin-top:0px; } .box5RazoesDireita { width:320px; height:640px; float:left; padding:20px; line-height:15px; } .box5RazoesDireitaBuskauto { width:320px; height:500px; float:left; padding:20px; line-height:15px; } .box5RazoesDireitaBuskauto_Aba1 { width:400px; height:240px; float:left; padding:20px; line-height:15px; } .box5RazoesDireitaBuskauto_Aba2 { /*width:350px; height:300px;*/ float:left; padding:20px; /*line-height:15px;*/ } .box8RazoesDireita { width:320px; height:940px; float:left; padding:20px; line-height:15px; } .box7RazoesDireita { width:320px; height:800px; float:left; padding:20px; line-height:15px; } .box6RazoesDireita { width:320px; height:700px; float:left; padding:20px; line-height:15px; } .box6RazoesDireitaFuncionarioOnline { width:320px; height:820px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados { width:320px; height:810px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados-le { width:320px; height:845px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados-cw { width:320px; height:845px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados-co { width:320px; height:895px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaCartolaCoin-co { width:320px; height:805px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados-40 { width:320px; height:995px; float:left; padding:20px; line-height:15px; } .box7RazoesDireitaRedeAfiliados-SV { width:320px; height:525px; float:left; padding:20px; line-height:15px; } .box8RazoesDireitaRedeAfiliados-BK { width:320px; height:905px; float:left; padding:20px; line-height:15px; } .boxOfertas2x_Sucesso { width:360px; height:290px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2x_Sucesso_PIX { width:320px; height:170px; float:left; padding:28px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas2x_Mensagem { width:320px; height:170px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: 10px 10px; } .boxOfertas4x { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-co { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-im { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-le { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-maisviajar { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#D2F0FF; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-rotaturismoclube { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#FAF4E4; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-robotop { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-100fila { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-via { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#FEF3F4; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-br { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-eg { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-vp { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-wtb { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#E1D9F2; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-sv { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#2E2E2E; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-tc { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#FEF5F1; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-cw { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas4x-40 { width:320px; /*height:340px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .alinhaBoxLinkDados { width:320px; float:left; /*margin-left:-20px;*/ } .boxBoxConta { width:320px; height:400px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-co { width:315px; /*height:630px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-co-claro { width:315px; height:460px; float:left; padding:30px; line-height:15px; background-color:#F8F8F8; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-im { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-le { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-rotaturismoclube { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-rotaturismoclube-direita { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#FAF4E4; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-robotop { width:315px; /*height:324px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-100fila { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-via { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#FEF3F4; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-br { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-eg { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-pv { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#E0EAF3; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-tc { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#FEF5F1; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-cw{ width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#E1FFFE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-Direita-cw{ width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F3FEFD; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-40 { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#DBFDFA; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxContaDireita-40 { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F4F8F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .divloadingbartitle { color: #333; } .divloadingbartitle-maisviajar { color: #006A9D; } .divloadingbartitle-sv { color: #FFF; } .divloadingbartitleCategories { color:#BBBBBB; font-size:28px; margin-top:0px; line-height:90%; } .divloadingbartitleCategories-maisviajar { color:#56ABDD; font-size:28px; margin-top:0px; line-height:90%; } .divloadingbartitleCategories-sv { color:#FFF; font-size:28px; margin-top:0px; line-height:90%; } .divloadingbartitleCategories-wtb { color:#333; font-size:28px; margin-top:0px; line-height:90%; } .boxBoxConta-sv { width:315px; /*height:394px;*/ float:left; padding:30px 30px 0; line-height:15px; background-color:#3C3C3C; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxContaDireita-sv { width:315px; /*height:394px;*/ float:left; padding:30px; line-height:15px; background-color:#2E2E2E; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .classDivBodyConta { font-size:14px; margin-top:15px; color:#888888; } .classDivBodyConta-sv { font-size:14px; margin-top:15px; color:#FFFFFF; } .classDivBodyConta-wtb { font-size:14px; margin-top:15px; color:#333; } .boxBoxConta-ob { width:315px; /*height:304px;*/ float:left; padding:30px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxBoxConta-wtb { width:315px; height:304px; float:left; padding:30px; line-height:15px; background-color:#E1D9F2; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertasSaldo { width:320px; height:250px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertasLoja { width:320px; height:100px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertasSenhas { width:320px; height:500px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .preto-e-branco { filter: grayscale(100%); } .boxOfertas3x { width:266px; height:335px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas3xMiles { width:266px; height:540px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas3xValue { width:290px; height:330px; float:left; padding:30px; line-height:15px; background-color:#EBF9FE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas3xValueResumoFinal { width:290px; height:330px; float:left; padding:30px; line-height:15px; background-color:#EBF9FE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas3xMiles_TitularDasMilhas { width:266px; height:320px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxOfertas3xDuvidas { width:266px; height:100px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .alinhaRodapePaginacao { margin-top:-20px; } .alinhaRodapePaginacaoAba { margin-top:-20px; } .alinhaRodapePaginacao_Produtos { margin-top:0px; } .alinhaRodapePaginacao_FilmesDownload { margin-top:-10px; } .alinhaRodapePaginacao_Favoritos { margin-top:-10px; } .alinhaRodapePaginacao_BroadcastMoviesSeries_Urls { margin-top:-20px; } .alinhaRodapePaginacao_RankingVizinhas { margin-top:5px; } .alinhaRodapePaginacao_MeusJogos { margin-top:10px; } .alinhaRodapePaginacao_MeusTimes { margin-top:10px; } .alinhaRodapePaginacao_Conteudos { margin-top:20px; } .corpoCalendario { height:140px; margin-top:0px; float:left; } .boxVagas5x { width:170px; height:100px; float:left; padding:5px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas4xCredito { width:180px; height:160px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas4xMeusCredito { width:180px; height:160px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas5xMeusCredito { width:132px; height:160px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas6xMeusCredito { width:138px; height:160px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxCreditosRede { height:130px; float:left; margin: 0 7px; } .boxVagas4xRede { width:215px; height:115px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas6xVendas { width:138px; height:125px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas4xCreditoDepositar { width:319px; height:160px; float:left; padding:5px; margin-left:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas6xCreditoDepositar { width:132px; height:160px; float:left; padding:5px; margin-left:5px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7*/ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxVagas2xSaldo { width:180px; height:90px; float:left; padding:5px; line-height:15px; background-color:#00ADC6; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxAtletas4x { height:70px; float:left; padding:5px; line-height:15px; background-color:#EEEEEE; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxSports5xVagas { width:165px; height:115px; float:left; padding:5px; line-height:15px; background-color:#FFF2EB; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .boxSports3xVagas { width:300px; height:115px; float:left; padding:10px; line-height:15px; background-color:#FFF2EB; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .barra-de-progresso-avaliacao { width: 100px; height: 16px; background: linear-gradient(to right, #33E4FF var(--porcentagem), #DDD var(--porcentagem)); } .displayBoxCenterEntreContato2x { width:598px; height:410px; margin: 0 auto; margin-top:25px; } .boxContato2x { width:598px; height:520px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxPerfil { width:320px; height:185px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxMeusDados { padding: 20px 20px 20px 20px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #7DCDD1; } .boxMeusDados-co { padding: 20px 20px 20px 20px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-le { padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-maisviajar { padding: 20px 20px 20px 20px; line-height:15px; background-color:#ECFAFF; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #D2F0FF; } .boxMeusDados-robotop { padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-buskauto { padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; /*#E1F3F7; */ /*border-top-left-radius: 10px;*/ /*border-top-right-radius: 10px;*/ /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-Modal-Claro { padding: 20px 20px 20px 20px; line-height:15px; background-color:#FDF9ED; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #7DCDD1; } .boxMeusDados-100fila { padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-via { padding: 20px 20px 20px 20px; line-height:15px; background-color:#FEF3F4; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #F9CCD2; } .boxMeusDados-pv { padding: 20px 20px 20px 20px; line-height:15px; background-color:#E0EAF3; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-tc { padding: 20px 20px 20px 20px; line-height:15px; background-color:#FEF5F1; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #FCD8D8; } .boxMeusDados-cw{ padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-40 { padding: 20px 20px 20px 20px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-im { padding: 20px 20px 20px 20px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .boxMeusDados-sv { padding: 20px 20px 20px 20px; line-height:15px; /*background-color:#CECECE;*/ background-color:#2E2E2E; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ /*border-bottom: solid 5px #C9C9C9;*/ border-bottom: solid 5px #555555; } .boxMeusDados-sv-modal { padding: 20px 20px 20px 20px; line-height:15px; background-color:#CECECE; /*background-color:#2E2E2E;*/ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #C9C9C9; /*border-bottom: solid 5px #555555;*/ } .boxMeusDados-Sugestao { padding: 20px 20px 20px 20px; line-height:15px; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ } .boxMeusDados-CadastroBonus { width:298px; height:240px; padding: 20px 20px 20px 20px; line-height:15px; } .boxMeusDados-ob { padding: 20px 20px 20px 20px; line-height:15px; background-color:#F7F7F7; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #EFEFEF; } .boxMeusDados-IndicarVizinha { padding: 20px 20px 20px 20px; line-height:15px; background-color:#CECECE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #C9C9C9; } .boxMeusDados-wtb { padding: 20px 20px 20px 20px; line-height:15px; background-color:#E1D9F2; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #B7A0E0; } .boxDadosBuscadorModal { padding: 20px 20px 0px 20px; line-height:15px; background-color:#FDF9ED; /*border-top-left-radius: 10px;*/ /*border-top-right-radius: 10px;*/ /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #7DCDD1; } .boxDadosBuscadorModal-CO { padding: 20px 20px 0px 20px; line-height:15px; background-color:#EAEAEA; /*border-top-left-radius: 10px;*/ /*border-top-right-radius: 10px;*/ /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #DDDDDD; } .meus-dados { padding: 20px 26px; } .meus-rodape-botoes { padding: 17px 36px 0px 26px; height: 50px; /*border-top: 1px dotted #cccccc;*/ margin-top: 20px; /* Ajuste a margem superior para descer a linha */ } .grid-dados { display: grid; grid-template-columns:repeat(3, 1fr); } /* #div_block_kind_0, #div_block_kind_1 { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; } */ .fechamentoBoxMeusDados { width:867px; height:5px; background-color:#7DCDCE; margin-top:-35px; } .boxEmailRecuperacao { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-co { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-40 { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-le { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-robotop { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-100fila { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#EEEEEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-via { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#FEF3F4; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-pv { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#C8EAEE; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-tc { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#FEEEE7; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-cw { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#F7F7F7; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-wtb { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#E1D9F2; /*#E1F3F7; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxEmailRecuperacao-sv { /*width:350px;*/ height:185px; float:left; padding:30px; line-height:15px; background-color:#2E2E2E; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .boxSucesso { width:270px; height:185px; float:left; padding:30px; line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .boxSucesso_left { width:270px; height:185px; float:left; padding:30px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; flex-wrap: wrap; } .ofertasViagensBanners { width:285px; height:160px; float:left; } .ofertasViagensTrechos { width:285px; height:55px; float:left; margin-top:110px; margin-left:15px; position:absolute; } .ofertasViagensTrechosPost { width:285px; height:55px; float:left; margin-top:90px; margin-left:15px; position:absolute; } .tituloBlogNoticia { width:255px; height:90px; float:left; margin-top:75px; margin-left:15px; position:absolute; z-index:3; line-height:20px; } .alinhaVerMaisBlog { color:#DDD; margin-right:105px; text-align:right; } .emoji-container { max-width: 300px; /* ajuste o valor conforme necessário */ } .emoji-container span { display: inline-block; font-size: 16px; cursor: pointer; margin: 2px; vertical-align: top; } #divEmojis { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* ajuste a sombra do valor conforme necessário */ } #divConteudoChat { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* ajuste a sombra do valor conforme necessário */ } .tituloBlogDestaquePagina { width:400px; float:left; margin-top:100px; margin-left:15px; position:absolute; } .ofertasTextoVooDe { font-size:15px; font-weight:bold; color:#FFFFFF; } .ofertasTextoVooDePost { font-size:24px; font-weight:bold; color:#FFFFFF; } .ofertasTextoVooPara { font-size:13px; color:#FFFFFF; } .ofertasTextoVooParaPost { font-size:17px; color:#FFFFFF; } .ofertasTextoDe { font-size:14px; font-weight:bold; color:#0076AB; } .ofertasBoxValor { width:285px; height:30px; float:left; background-color:#62BFCE; } .ofertasBotao { width:33px; height:30px; float:left; } .ofertasBotaoComprar { width:100px; height:30px; display:table; float:left; font-size:16px; color:#FFFFFF; background-color:#0076AB; cursor: pointer; } .ofertasBotaoRemover { width:100px; height:30px; display:table; float:left; font-size:16px; color:#FFFFFF; background-color:#0076AB; cursor: pointer; } .ofertasComprarConteudo { font-weight: bold; text-align: center; vertical-align:middle; display:table-cell; } .ofertasValorPassagem { font-size:18px; color:#FFFFFF; padding: 3px 10px; text-align:right; } .ofertasValorPassagemPost { font-size:18px; color:#FFFFFF; text-align:left; position:absolute; } .boxVoosDestaqueTitulo { width:860px; margin-top:20px; margin-left:14px; height:50px; line-height:15px; } .boxVoosDestaqueTituloBuskauto { width:860px; margin-top:0px; margin-left:14px; line-height:15px; } .boxVoosDestaqueTituloPost { /*width:860px;*/ margin-top:20px; margin-left:14px; height:50px; line-height:15px; } .boxVoosDestaqueTituloNewsletters { width:260px; margin-top:20px; margin-left:14px; height:50px; line-height:15px; } .boxVoosDestaqueTituloNewsletters-via { width:260px; margin-top:20px; margin-left:14px; height:50px; line-height:15px; } .boxVoosDestaqueTituloNewsletters-ob { width:260px; margin-top:75px; margin-left:14px; height:50px; line-height:15px; } .boxDestaqueBarraTimesAtletas { width:260px; margin-top:0px; margin-left:0px; height:45px; line-height:15px; } .boxVoosDestaqueTituloAssessoria { width:380px; margin-top:20px; margin-left:14px; height:50px; line-height:15px; } .boxEmailMSGSucesso { width:450px; margin-top:20px; margin-left:14px; height:50px; line-height:22px; font-size:26px; color:#ffffff; font-weight: bold; } .tituloDestaquePagamento { font-size:22px; color:#353535; font-weight: bold; } .tituloDestaquePagamento-sv { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaquePagamento-wtb { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaquePagamento-via { font-size:22px; color:#E22C50; font-weight: bold; } .tituloDestaquePagamentoDetalhes-wtb { font-size:22px; color:#BBBBBB; font-weight: bold; } .tituloDestaque { font-size:22px; color:#004D80; font-weight: bold; } .tituloDestaque-tm { font-size:22px; color:#999999; font-weight: bold; } .tituloDestaque-co { font-size:22px; color:#00ADC6; /*#BBBBBB; */ font-weight: bold; } .tituloDestaque-ob { font-size:22px; color:#BBBBBB; /*#BBBBBB; */ font-weight: bold; } .tituloDestaqueProduto-co { font-size:22px; color:#FFFFFF; /*#BBBBBB; */ font-weight: bold; } .tituloDestaque-sv { font-size:22px; color:#F277C6; /*#BBBBBB; */ font-weight: bold; } .tituloDestaque-tc { font-size:22px; color:#ED4364; font-weight: bold; } .tituloDestaque-cw { font-size:22px; color:#008882; font-weight: bold; } .tituloDestaque-wtb { font-size:22px; color:#7D55C7; font-weight: bold; } .tituloDestaqueProduto-tc { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-cw { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-le { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-robotop { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-buskauto { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-100fila { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-via { font-size:22px; color:#E22C50; font-weight: bold; } .tituloDestaqueProduto-br { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-eg { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaqueProduto-cp { font-size:22px; color:#FFFFFF; font-weight: bold; } .tituloDestaque-40 { font-size:22px; color:#065E56; font-weight: bold; } .tituloDestaque-le { font-size:22px; color:#BBBBBB; font-weight: bold; } .tituloDestaque-maisviajar { font-size:22px; color:#006A9D; font-weight: bold; } .tituloDestaque-robotop { font-size:22px; color:#BBBBBB; font-weight: bold; } .tituloDestaque-buskauto { font-size:22px; color:#036074; font-weight: bold; } .tituloDestaque-100fila { font-size:22px; color:#BBBBBB; font-weight: bold; } .tituloDestaque-via { font-size:22px; color:#E22C50; font-weight: bold; } .tituloDestaque-pv { font-size:22px; color:#395486; font-weight: bold; } .tituloDestaque-im { font-size:22px; color:#D96D00; /*#BBBBBB; */ font-weight: bold; } .tituloDestaqueDias { font-size:18px; color:#004D80; font-weight: bold; } .tituloDestaqueValoresDias { font-size:14px; color:#A3D900; font-weight: bold; } .tituloDestaqueValoresDiasPreco { font-size:14px; color:#CCCCCC; } .tituloDestaqueAgenda { font-size:16px; color:#004D80; font-weight: bold; margin-top:10px; margin-left:10px; } .subtituloDestaque { font-size:18px; color:#016CB6; font-weight: bold; } .subtituloDestaquePagamento { font-size:18px; color:#333333; font-weight: bold; } .subtituloDestaquePagamento-sv { font-size:18px; color:#FFFFFF; font-weight: bold; } .subtituloDestaquePagamento-wtb { font-size:18px; color:#FFFFFF; font-weight: bold; } .subtituloDestaquePagamento-via { font-size:18px; color:#EB6D87; font-weight: bold; } .subtituloDestaquePagamentoDetalhes-wtb { font-size:18px; color:#BBBBBB; font-weight: bold; } .tituloDestaqueSaldoCredito { font-size:16px; font-weight: bold; margin-top:10px; margin-left:10px; } .tituloDestaqueSports { font-size:14px; font-weight: bold; margin-top:83px; margin-left:15px; position:absolute; color:#FFFFFF; } .boxSports:hover .tituloDestaqueSports { color:#33E4FF; } .subtituloDestaqueSaldoCredito { font-size:20px; color:#999999; margin-top:5px; margin-left:10px; } .subtituloDestaqueSaldoTime { font-size:20px; color:#FFFFFF; margin-top:5px; margin-left:10px; } .subtituloDestaqueAtletaDados { font-size:20px; color:#BBBBBB; margin-top:5px; margin-left:10px; } .subtituloDestaque-tc { font-size:18px; color:#F48787; font-weight: bold; } .subtituloDestaque-cw { font-size:18px; color:#00C1B8; font-weight: bold; } .subtituloDestaque-wtb { font-size:18px; color:#6238AD; font-weight: bold; } .subtituloDestaqueProduto-tc { font-size:18px; color:#FCD8C9; font-weight: bold; } .subtituloDestaqueProduto-cw { font-size:18px; color:#00C1B8; font-weight: bold; } .subtituloDestaqueProduto-le { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-robotop { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-buskauto { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-100fila { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-via { font-size:18px; color:#EB6D87; font-weight: bold; } .subtituloDestaqueProduto-br { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-eg { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaqueProduto-cp { font-size:18px; color:#EEEEEE; font-weight: bold; } .subtituloDestaque-40 { font-size:18px; color:#10EBD5; font-weight: bold; } .subtituloDestaque-tm { font-size:18px; color:#BBBBBB; font-weight: bold; } .subtituloDestaque-le { font-size:18px; color:#BBBBBB; font-weight: bold; } .subtituloDestaque-maisviajar { font-size:18px; color:#56ABDD; font-weight: bold; } .subtituloDestaque-robotop { font-size:18px; color:#BBBBBB; font-weight: bold; } .subtituloDestaque-buskauto { font-size:18px; color:#069DBD; font-weight: bold; } .subtituloDestaque-100fila { font-size:18px; color:#BBBBBB; font-weight: bold; } .subtituloDestaque-100fila { font-size:18px; color:#BBBBBB; font-weight: bold; } .subtituloDestaque-via { font-size:18px; color:#EB6D87; font-weight: bold; } .subtituloDestaque-pv { font-size:18px; color:#4479AB; font-weight: bold; } .subtituloDestaque-co { font-size:18px; color:#707079; font-weight: bold; } .subtituloDestaque-ob { font-size:18px; color:#707079; font-weight: bold; } .subtituloDestaqueProduto-co { font-size:18px; color:#999999; font-weight: bold; } .subtituloDestaque-sv { font-size:18px; color:#F2CCFF; font-weight: bold; } .subtituloDestaque-im { font-size:18px; color:#707079; font-weight: bold; } .subtituloDestaquePostVoo { font-size:18px; color:#016CB6; font-weight: bold; margin-top:-10px; } .subtituloDestaqueDias { font-size:32px; color:#91D8F7; font-weight: bold; margin-top:10px; } .subtituloDestaqueValorReceber { font-size:32px; color:#91D8F7; font-weight: bold; margin-top:10px; } .subtituloDestaqueValorReceberCotarMilhas { font-size:38px; color:#FF8000; font-weight: bold; margin-top:10px; } .subtituloDestaqueAgenda { font-size:14px; color:#016CB6; font-weight: bold; margin-top:0px; margin-left:10px; } .boxCarrinhoCompra { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color: white; margin-top:20px; margin-left:5px; font-size:16px; font-weight: bold; position:absolute; } .posicaoReserva { display: none; } .descricaoDestaqueAgenda { font-size:14px; margin-left:10px; line-height:1; } .descricaoDestaqueDetalhesSaldoCredito { font-size:14px; margin-left:10px; line-height:1; margin-top:10px; } .subtituloProblema { font-size:18px; color:#888888; font-weight: bold; } .subtituloProblemaSV { font-size:18px; color:#FFFFFF; font-weight: bold; } .subtituloProblemaTexto { font-size:14px; color:#BBB; margin-left:28px; margin-top:2px; } .subtitulo5Razoes { font-size:14px; color:#FFF; margin-left:60px; margin-top:5px; width:260px; } .subtitulo5RazoesBuskauto { font-size:14px; color:#FFF; margin-left:60px; margin-top:5px; width:360px; } .subtituloDestaqueFinal { font-size:18px; color:#8DD5F6; font-weight: bold; } .tituloTabela { font-size:18px; color:#016CB6; font-weight: bold; float:left; } .subtituloDestaqueContadores { font-size:14px; color:#BBBBBB; } .subtituloCategoria1 { font-size:18px; color:#59AFC8; font-weight: bold; } .subtituloCategoria2 { font-size:18px; color:#59AFC8; } .tituloDestaqueBranco { font-size:28px; font-weight:1000; line-height: 0.8; color:#FFFFFF; } .tituloDestaqueAzul { font-size:28px; font-weight:1000; line-height: 0.8; color:#00A2D7; } .tituloDestaqueBranco-via { font-size:28px; font-weight:1000; line-height: 0.8; color:#E22C50; } .subtituloDestaqueBranco { font-size:18px; color:#ffffff; font-style:italic; font-weight: bold; } .subtituloDestaqueBranco-via { font-size:18px; color:#EB6D87; font-style:italic; font-weight: bold; } .tituloDestaqueBanner { position:absolute; font-size:32px; color:#FFFFFF; width:250px; margin-top:120px; font-weight:bold; margin-left:15px; } .tituloDestaqueServicos { margin-top:20px; font-size:22px; color:#999999; text-align:center; line-height: 1; font-weight:bold; } .tituloDestaqueBanner2Linha { position:absolute; font-size:28px; color:#FFFFFF; width:250px; margin-top:145px; margin-left:15px; } .tituloDestaqueBanner2LinhaEmpresa { position:absolute; font-size:26px; color:#FFFFFF; width:250px; margin-top:145px; margin-left:15px; } .tituloDestaqueBannerDireitos { position:absolute; font-size:28px; color:#FFFFFF; width:250px; font-weight:bold; margin-top:130px; margin-left:15px; } .subtituloDestaqueBanner { position:absolute; font-size:18px; color:#FFFFFF; width:255px; line-height: 1; margin-top:180px; margin-left:15px; } .subtituloDestaqueVisto { position:absolute; font-size:18px; color:#FFFFFF; width:220px; line-height: 1; margin-top:180px; margin-left:15px; } .subtituloDestaqueBannerDireitos { position:absolute; font-size:16px; color:#FFFFFF; width:260px; line-height: 1; margin-top:165px; margin-left:15px; } .subtituloDestaqueBannerRegulamentacoes { position:absolute; font-size:16px; color:#BBB; width:160px; line-height: 1; } .conteudoDestaque { text-align:justify; margin-top: 25px; } .displayBuscadorMobile { display: none; } .divSocialLateralDisplay { display: none; } .displayShopping { width:100%; height:470px; float:left; background-color:#EBF9FE; } .displayDepoimentos { width:100%; /*margin-left:10px;*/ } .displayNoticias { width:100%; float:left; background-color:#FDFDFD; } .displayDestaque { width:100%; height:600px; float:left; background-color:#FFFFFF; } .displayDestaqueUnico { width:100%; height:600px; float:left; background-color:#FFFFFF; } .displayDestaqueFerramentasUnico { width:100%; height:550px; float:left; background-color:#FFFFFF; } .displayDestaqueMarketplacesUnico { width:100%; height:950px; float:left; background-color:#FFFFFF; } .displayDestaqueClienteUnico { width:100%; height:310px; float:left; background-color:#FFFFFF; } .displayVoo { width:100%; float:left; /*background-color:#FFFFFF;*/ } .displayDepoimentosTela { width:100%; float:left; background-color:#FFFFFF; } .displayDestaqueServicos { width:100%; height:500px; margin-top:25px; float:left; background-color:#FFFFFF; } .displayDestaqueRegulamentacoes { width:100%; height:200px; float:left; background-color:#FDFDFD; } .displayDestaquesRepresentante { width:100%; height:500px; float:left; background-color:#FFFFFF; } .displayAereas { width:100%; height:150px; float:left; background-image: url("../../images/aereas/airlines.png"); } .displayShoppingBK { width:100%; height:48px; float:left; background-image: url("../../images/shoppingmilhas/bk_shopping.png"); background-position: center; } .displayObterEmail { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_email.png"); background-position: center; } .displayObterEmail-tc { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/turboconcursos/bk_email.png"); background-position: center; } .displayObterEmail-cw { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/concursosnaweb/bk_email.png"); background-position: center; } .displayObterEmail-wtb { width:100%; height:284px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/webtvbr/bk_email.png"); background-position: center; } .displayObterEmail-le { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/leveneen/bk_email.png"); background-position: center; } .displayObterEmail-rotaturismoclube { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/rotaturismoclube/bk_email.png"); background-position: center; } .displayObterEmail-maisviajar { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/maisviajar/bk_email.png"); background-position: center; } .displayObterEmail-institutocannabis { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/institutocannabis/bk_email.png"); background-position: center; } .displayObterEmail-funcionarioonline { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/funcionarioonline/bk_email.png"); background-position: center; } .displayObterEmail-robotop { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/robotop/bk_email.png"); background-position: center; } .displayObterEmail-buskauto { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/buskauto/bk_email.png"); background-position: center; } .displayObterEmail-100fila { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/100fila/bk_email.png"); background-position: center; } .displayObterEmail-via { width:100%; height:280px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/viame/bk_email.png"); background-position: center; } .displayObterEmail-br { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/bonusrifa/bk_email.png"); background-position: center; } .displayObterEmail-eg { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/encurtadorgratis/bk_email.png"); background-position: center; } .displayObterEmail-40 { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/40gramas/bk_email.png"); background-position: center; } .displayObterEmail-sv { width:100%; height:200px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/showdevizinha/bk_email.png"); background-position: center; } .displayObterEmail-ob { width:100%; height:280px; /*margin-top:-10px;*/ float:left; background-image: url("../../images/supershoppingbrasil/bk_email.png"); background-position: center; } .displayBarraTimesAtletas { width:100%; height:250px; margin-top:-10px; float:left; background-image: url("../../images/cartolaonline/bk_barra_times_atletas.png"); background-position: center; } .displayBarraShowDeVizinha { width:100%; height:900px; margin-top:-15px; float:left; background-image: url("../../images/showdevizinha/bk_barra_vizinhas.png"); background-position: center; } .displayBarraShowDeVizinhaSejaVendedor { width:100%; height:500px; margin-top:-15px; float:left; background-image: url("../../images/showdevizinha/bk_barra_vizinhas.png"); background-position: center; } .displayBarraCartolaOnline { width:100%; height:546px; /*margin-top:-40px; */ float:left; background-image: url("../../images/cartolaonline/bk_barra_cartola.png"); background-position: center; background-color:#4D4D4D; } .displayBarraTurboConcursos { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/turboconcursos/bk_barra_turbo.png"); background-position: center; } .displayBarraConcursosNaWeb { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/concursosnaweb/bk_barra_concursosnaweb.png"); background-position: center; } .displayBarraWebTvBr { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/webtvbr/bk_barra_webtvbr.png"); background-position: center; } .displayBarraLeveneen { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/leveneen/bk_barra_leveneen.png"); background-position: center; } .displayBarraInstitutoCannabis { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/institutocannabis/bk_barra_institutocannabis.png"); background-position: center; } .displayBarraFuncionarioOnline { width:100%; height:586px; margin-top:-15px; float:left; background-image: url("../../images/funcionarioonline/bk_barra_funcionarioonline.png"); background-position: center; } .displayBarraRobotop { width:100%; height:586px; margin-top:-15px; float:left; background-image: url("../../images/robotop/bk_barra_robotop.png"); background-position: center; } .displayBarra100Fila { width:100%; height:586px; margin-top:-15px; float:left; background-image: url("../../images/100fila/bk_barra_100fila.png"); background-position: center; } .displayBarraViaMe { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/viame/bk_barra_viame.png"); background-position: center; } .displayBarraBonusRifa { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/bonusrifa/bk_barra_bonusrifa.png"); background-position: center; } .displayBarraEncurtadorGratis { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/encurtadorgratis/bk_barra_encurtadorgratis.png"); background-position: center; } .displayBarraChavePremiada { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/chavepremiada/bk_barra_chavepremiada.png"); background-position: center; } .displayBarra40Gramas { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/40gramas/bk_barra_40gramas.png"); background-position: center; } .displayBarrasupershoppingbrasil { width:100%; height:546px; margin-top:-15px; float:left; background-image: url("../../images/supershoppingbrasil/bk_barra_supershoppingbrasil.png"); background-position: center; } .displayAssessoriaJuridica { width:100%; height:400px; margin-top:-150px; float:left; } .displayVenderMilhas { width:100%; height:400px; margin-top:-150px; float:left; } .displayDestaqueRevendedor { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_renda.png"); background-position: center; } .displayDestaqueRepresentante { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_time.png"); background-position: center; } .displayDestaqueAdvogado { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_advogado-destaque.png"); background-position: center; } .displayDestaqueVistometro { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_vistometro.png"); background-position: center; } .displayDestaqueSejaVendedor-tc { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/turboconcursos/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-cw { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/concursosnaweb/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueRendaExtra-cw { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/concursosnaweb/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-le { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/leveneen/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-robotop { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/robotop/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-buskauto { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/buskauto/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-100fila { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/100fila/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-co { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/cartolaonline/bk_destaque_renda.png"); background-position: center; } .displayDestaqueCartolaCoin-co { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/cartolaonline/bk_destaque_cartolacoin.png"); background-position: center; } .displayDestaqueRendaExtra-40 { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/40gramas/bk_destaque_renda.png"); background-position: center; } .displayDestaqueRendaExtra-sv { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/showdevizinha/bk_destaque_renda.png"); background-position: center; } .displayDestaqueComeceAgora-sv { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/showdevizinha/bk_destaque_comece_agora.png"); background-position: center; } .displayDestaqueSejaVendedor-40 { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/40gramas/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-le { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/leveneen/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-robotop { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/robotop/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-100fila { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/100fila/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-pv { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/encurtadorgratis/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-pv { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/40gramas/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueSejaVendedor-sv { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/showdevizinha/bk_destaque_vendedor.png"); background-position: center; } .displayDestaqueVenderMilhas { width:100%; height:400px; margin-top:-10px; float:left; background-image: url("../../images/shoppingmilhas/bk_vendermilhas.png"); background-position: center; } .displayDestaqueAdvogadoDireitos { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/shoppingmilhas/bk_advogado-destaque-direitos.png"); background-position: center; } .displayDestaqueVistoAmericanoDescisao { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/shoppingmilhas/bk_visto-desciao.png"); background-position: center; } .displayDestaqueBuskautoFature { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_fature.png"); background-position: center; } .displayDestaqueBuskautoInscricoes { width:100%; height:461px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_inscricoes.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .displayDestaqueBuskautoInscricoesPtBr { width:100%; height:461px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_inscricoes.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .displayDestaqueBuskautoInscricoesEnUs { width:100%; height:461px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_inscricoes.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .displayDestaqueBuskautoInscricoesCurto { width:100%; height:461px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_inscricoes_curto.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; } .displayDestaqueBuskautoAumente { width:100%; height:325px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_aumente.png"); background-position: center; justify-content: center; } .displayRodapeBuskauto { width:100%; height:53px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_rodape.png"); background-position: center; justify-content: center; } .displayRodapeBuskautoIndex { width:100%; height:53px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_rodape_index.png"); background-position: center; justify-content: center; } .displayDestaqueBuskauto { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/buskauto/bk_buskauto.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-tc { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/turboconcursos/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-cw { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/concursosnaweb/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-le { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/leveneen/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-robotop { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/robotop/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-100fila { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/100fila/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-pv { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/encurtadorgratis/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-40 { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/40gramas/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueDescisao-sv { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/showdevizinha/bk_decisao.png"); background-position: center; justify-content: center; } .displayDestaqueVender { width:100%; height:400px; margin-top:20px; float:left; background-image: url("../../images/shoppingmilhas/bk_vender.png"); background-position: center; justify-content: center; } .displayDestaqueAdvogadoCliente { width:100%; height:400px; margin-top:25px; float:left; background-image: url("../../images/shoppingmilhas/bk_advogado-cliente-aeroporto.png"); background-position: center; justify-content: center; } .displayCorteAzul { width:100%; height:170px; float:left; background-image: url("../../images/bk_paginas.png"); background-position: center; justify-content: center; } .divCaptainScheme { width:22px; height:18px; background-image:url(../../images/icon/capitan.png); background-repeat:no-repeat; background-position:center; margin-top:-53px; margin-left:2px; position:absolute; z-index:1; display:none; } .divAlinhaLogoCartolaCoin { position:absolute; margin-top:80px; margin-left:-70px; } .displayRodape { width:100%; height:400px; float:left; background-position: center; background-color:#EBF9FE; } .displayRodape-tm { width:100%; height:250px; float:left; background-position: center; background-color:#DDDDDD; } .displayRodape-co { width:100%; /*height:290px;*/ float:left; background-position: center; background-color:#11111f; } .displayRodape-le { width:100%; height:340px; float:left; background-position: center; background-color:#DDDDDD; } .displayRodape-via { width:100%; height:300px; float:left; background-position: center; background-color:#EC778E; } .displayRodape-tc { width:100%; height:330px; float:left; background-position: center; background-color:#47141E; } .displayRodape-rotaturismoclube { width:100%; height:230px; float:left; background-position: center; background-color:#85714D; } .displayRodape-maisviajar { width:100%; height:280px; float:left; background-position: center; background-color:#00699B; } .displayRodape-institutocannabis { width:100%; height:330px; float:left; background-position: center; background-color:#076960; } .displayRodape-funcionarioonline { width:100%; height:250px; float:left; background-position: center; background-color:#076960; } .displayRodape-robotop { width:100%; height:250px; float:left; background-position: center; background-color:#456D81; } .displayRodape-cw { width:100%; height:385px; float:left; background-position: center; background-color:#002D2B; } .displayRodape-40 { width:100%; height:300px; float:left; background-position: center; background-color:#F4F8F7; } .displayRodape-PV { width:100%; height:330px; float:left; background-position: center; background-color:#E9F5F8; } .displayRodape-SV { width:100%; height:325px; float:left; background-position: center; background-color:#151515; } .displayRodape-SV-Ingles { width:100%; height:290px; float:left; background-position: center; background-color:#151515; } .displayRodape-chuvaurbana { width:100%; height:295px; float:left; background-position:center; background-color:#FFE414; } .displayRodape-ob { width:100%; height:310px; float:left; background-position: center; background-color:#BBBBBB; } .displayRodape-wtb { width:100%; /*height:215px; */ float:left; background-position: center; background-color:#3A2268; } .displayRodapeAvisoEmpresa { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeAvisoEmpresaBuskauto { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeAvisoEmpresaShowDeVizinha { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeAvisoEmpresaChuvaUrbana { width:100%; float:left; text-align:justify; background-position:center; background-color:#FFE414; } .displayRodapeAvisoEmpresaCartolaOnline { width:100%; float:left; text-align:justify; background-position: center; } .displayRodape40GramasAvisoEmpresa { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeWTBAvisoEmpresa { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeInstitutoCannabisAvisoEmpresa { width:100%; float:left; text-align:justify; background-position: center; } .displayRodapeLeveneenAvisoEmpresa { width:100%; float:left; text-align:justify; background-position: center; } .displayRodape-im { width:100%; height:290px; float:left; background-position: center; background-color:#FDF9ED; } .displayRodape-buskauto { width:100%; /*height:200px; */ float:left; background-position: center; background-color:#07A9CB; margin-top:0px; } .displayRodapeLinkPagamento { width:100%; height:210px; float:left; background-position: center; background-color:#EBF9FE; } .displayRodapeCompacto { width:100%; height:660px; float:left; background-position: center; background-color:#EBF9FE; margin-top:30px; } .bola { border-radius: 50%; overflow: hidden; position: relative; } .imagemBola { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ofertasProdutosDescricao { width:285px; height:70px; float:left; background-color:#D8F3FE; margin-top:0px; } .checkbox-filter { width:15px; height:15px; } .pos-label-filter { margin-top:1px; position:absolute; } .ofertasBoxParcela { width:285px; height:30px; float:left; background-color:#57A0C3; } .ofertasValorProdutoParcela { font-size:14px; color:#FFFFFF; padding: 6px 10px; text-align:right; } .ofertasValorProdutoParcelaPost { font-size:14px; color:#FFFFFF; text-align:left; } .alinhaCanaisConta { margin-top:20px; margin-left:4px; } .boxTextSummernote { margin-top:25px; width:99%; } .lineThrough { text-decoration: line-through; } .bordaProdutoTopDiretaEsquerda { border-top-left-radius: 10px; border-top-right-radius: 10px; } .bordaRepresentanteConta { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .bordaProdutoTopDiretaEsquerdaDepoimento { border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top:3px; } .bordaTextoDepoimento { background-color:#FDF9ED; color:#BBBBBB; text-align:left; height:180px; width:285px; padding: 15px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .bordaTextoProdutos { background-color:#FDF9ED; color:#BBBBBB; text-align:left; width:220px; /*height: 100%;*/ padding: 15px 15px; margin-top:25px; } .tamanhoBlocoFotoBlog { width: 285px; height: 160px; position: relative; overflow: hidden; } .tituloPostagensMaisAcessadosBlog { width:285px; background-color:#FDF9ED; border-top-left-radius: 15px; border-top-right-radius: 15px; float:left; margin-top:25px; margin-left:18px; } .tituloNoticiasMaisAcessasBlog { width:250px; height:70px; margin-top:0px; margin-left:20px; line-height:15px; float:left; } .barraCategoriaBlog { width:265px; margin-left:20px; } .tituloLandingPage { font-size:28px; font-weight: bold; text-align:right; width:885px; height:190px; line-height:0.9; margin-top:23px; float:left; } .tituloLandingPageCo { font-size:24px; font-weight: bold; text-align:right; width:755px; height:190px; line-height:0.9; margin-top:23px; float:left; } .ajusteNumerosBuskauto { margin-top:80px; height:140px; } .ajustaLandingPageBuskauto { margin-left:-90px; } .ajustaLandingPageSejaBuskauto { margin-left:-90px; } .ajustaLandingPageBuskautoIndex { margin-left:-90px;; } .tituloLandingPageBuskauto { font-size:28px; font-weight: bold; text-align:left; width:755px; height:97px; line-height:0.9; margin-top:280px; margin-left:140px; float:left; } .tituloLandingPageSejaBuskauto { font-size:28px; font-weight: bold; text-align:left; width:755px; height:38px; line-height:0.9; margin-top:70px; margin-left:140px; float:left; } .tituloLandingPageBuskautoTitulo { color:#FFF; background-color:#00A2D7; padding: 1px 2px; display: inline-block; font-size:48px; z-index:1; } .tituloAjustaBuskautoTitulo { margin-left:-105px; } .tituloLandingPageBuskautoSubTitulo { color:#FFF; background-color:#0DB8C6; padding: 1px 2px; margin-top:2px; display: inline-block; font-size:36px; z-index:0; } .tituloLandingPageVia { font-size:24px; font-weight: bold; text-align:right; width:755px; height:190px; line-height:0.9; margin-top:23px; float:left; margin-left:-27px; } .corpoBuscador { width:885px; height:185px; float:left; } .corpoAvisos { width:885px; height:50px; float:left; margin-top:40px; } .corpoAvisos-CO { width:785px; height:50px; float:left; margin-top:10px; margin-left:100px; } .corpoAvisos-BK { width:785px; height:50px; float:left; margin-top:10px; margin-left:140px; } .corpoAvisos-Buskauto { width:785px; height:50px; float:right; } .corpoAvisos-FuncionarioOnline { width:785px; height:50px; float:left; margin-top:120px; margin-left:100px; } .corpoAvisos-Robotop { width:785px; height:50px; float:left; margin-top:135px; margin-left:100px; } .LocalNameTableMobile { display:none; } .TimeNameTableMobile { display:none; } .FotoBlogMobile { display:none; } .FotoBlogMobileSe { display:none; } .FotoBlogMobile12Pro { display:none; } .TabelaClassificacaoMobile { display:none; } .TabelaClassificacaoResponsivo { display:none; } .TabelaVizinhaMobile { display:none; } .TabelaFilmesMobileS20 { display:none; } .btnProdutoDivSetaProximo { display:none; } .TabelaClassificacaoResponsive { display:none; } .LocalTableMobile { display:none; } .LocalNameTableMobileSe { display:none; } .btnGroupFTS { margin-top:-33px; margin-left:205px; position:absolute; } .TimeNameTableBalancoMobile { display:none; } .TimeNameEsquerdaTableMobile { display:none; } .CountriesLogo { position:absolute; margin-top:15px; margin-left:250px; } .CountriesLogoMobile { display:none; } .CountriesLogoAthletes { position:absolute; margin-top:-46px; margin-left:189px; } .CountriesLogoAthletesMobile { display:none; } .CountriesLogoCoach { position:absolute; margin-top:-33px; margin-left:189px; } .CountriesLogoCoachMobile { display:none; } .corpoAvisosMobile { display:none; } .corpoAvisosMobile-Co { display:none; } .corpoAvisosMobile-Buskauto { display:none; } , .corpoAvisosMobile-FuncionarioOnline { display:none; } .corpoAvisosMobile-Robotop { display:none; } .tituloMSGLandingSeguranca { font-size:22px; color:#FFF; font-weight:bold; } .subtituloMSGLandingSeguranca { font-size:18px; color:#FFF; font-style:italic; } .alinhaContadorLancamento { /*margin-left:380px; */ margin-top:580px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .clear-airport-bar { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:185px; margin-top:-30px; z-index:2; cursor:pointer; } .clear-miles { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:220px; margin-top:15px; z-index:2; cursor:pointer; position:absolute; } .clear-searches { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:150px; margin-top:5px; z-index:2; cursor:pointer; position:absolute; } .clear-searches-vehicle-alert { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:222px; margin-top:5px; z-index:2; cursor:pointer; position:absolute; } .clear-searches-vehicle-alert-buskauto { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:222px; margin-top:5px; z-index:2; cursor:pointer; position:absolute; } .clear-searches-vehicle-alert-year { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:84px; margin-top:-48px; z-index:2; cursor:pointer; position:absolute; } .clear-searches-vehicle-alert-price { background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:94px; margin-top:-25px; z-index:2; cursor:pointer; position:absolute; } .clear-airport-date { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:87px; margin-top:-31px; z-index:2; cursor:pointer; } .clear-upload-avatar-time { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:180px; margin-top:-41px; z-index:2; cursor:pointer; } .clear-searches-sports { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; /*margin-left:177px;*/ margin-left:219px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-searches-buskauto { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; /*margin-left:177px;*/ margin-left:219px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-searches-data-buskauto { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; /*margin-left:177px;*/ margin-left:87px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-searches-precokm-buskauto { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; /*margin-left:177px;*/ margin-left:87px; margin-top:-25px; z-index:2; cursor:pointer; } .clear-searches-products { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:216px; margin-top:6px; z-index:2; cursor:pointer; } .clear-searches-sports-type { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:197px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-points-quote-token { position:absolute; right:15px; margin-top:-30px; transform:translateY(-50%); background-image:url(../../images/icon/clear.png); background-repeat:no-repeat; width:18px; height:28px; z-index:2; cursor:pointer; } .LoadingCampoPequenoSejaVendedor { position:absolute; right:15px; margin-top:-30px; transform:translateY(-50%); z-index:999; } .clear-points-quote-token-airlines { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:180px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-points-quote-token-quantity { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:180px; margin-top:-49px; z-index:2; cursor:pointer; } .clear-teams-users-sports { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:217px; margin-top:8px; z-index:2; cursor:pointer; } .btn_view_upload { position:absolute; background-image:url(../../images/icon/view.png); width:23px; height:16px; margin-left:213px; margin-top:22px; z-index:2; cursor:pointer; } .btn_view_upload_black { position:absolute; background-image:url(../../images/icon/view-black.png); width:24px; height:24px; margin-left:218px; margin-top:20px; z-index:2; cursor:pointer; } .clear-airport-page { position:absolute; background-image:url(../../images/icon/clear.png); width:18px; height:28px; margin-left:337px; margin-top:-45px; z-index:2; cursor:pointer; } .ui-autocomplete .ui-menu-item a{ text-decoration: none; display: inline-block; width: 300px; height: 25px; font-size:14px; } .pos-date-info { font-size:10px; color:#FFFFFF; margin-left:-5px; margin-top:5px; position:absolute; } .title-modal-box { font-size:16px; color:#0076AB; font-weight:600; font-weight: bold; } .title-modal-box-co { font-size:16px; color:#009FBA; font-weight:600; font-weight: bold; } .title-modal-box-le { font-size:16px; color:#BBBBBB; font-weight:600; font-weight: bold; } .title-modal-box-maisviajar { font-size:16px; color:#003651; font-weight:600; font-weight: bold; } .title-modal-box-100fila { font-size:16px; color:#588DA7; font-weight:600; font-weight: bold; } .title-modal-box-robotop { font-size:16px; color:#588DA7; font-weight:600; font-weight: bold; } .title-modal-box-funcionarioonline { font-size:16px; color:#009170; font-weight:600; font-weight: bold; } .title-modal-box-via { font-size:16px; color:#E22C50; font-weight:600; font-weight: bold; } .title-modal-box-pv { font-size:16px; color:#395486; font-weight:600; font-weight: bold; } .title-modal-box-im { font-size:16px; color:#BBBBBB; font-weight:600; font-weight: bold; } .title-modal-box-tc { font-size:16px; color:#ED4364; font-weight:600; font-weight: bold; } .title-modal-box-cw { font-size:16px; color:#002D2B; font-weight:600; font-weight: bold; } .title-modal-box-40 { font-size:16px; color:#065E56; font-weight:600; font-weight: bold; } .title-modal-box-sv { font-size:16px; color:#F277C6; font-weight:600; font-weight: bold; } .title-modal-box-wtb { font-size:16px; color:#BBBBBB; font-weight:600; font-weight: bold; } .subtitle-modal-box { font-size:14px; color:#333333; line-height:15px; } .subtitle-modal-box-robotop { font-size:14px; color:#588DA7; line-height:15px; } .subtitle-modal-box-funcionarioonline { font-size:14px; color:#6DD900; line-height:15px; } .subtitle-modal-box-via { font-size:14px; color:#EB6D87; line-height:15px; } .boxRodapePartes { width: 286px; margin-left: auto; margin-right: auto; float: left; text-align: center; justify-content: center; align-items: center; } #containerBoxBank { width: 180px; height: 80px; text-align: center; margin: 0 auto; margin-top: 10px; } #containerBoxIdioma { } #containerBoxRedesSociaisRodape { height: 80px; text-align: center; margin: 0 auto; margin-top: 10px; } .containerRedes { width: 150px; height: 120px; text-align: center; margin-top: 0px; margin-left: 75px; } .containerImagem185x185 { width:185px; height:185px; overflow:hidden; position:relative; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .containerImagem185x185 > img { width:100%; height:100%; object-fit:cover; display:block; position:relative; z-index:1; transition:opacity 0.12s ease-in-out; } .containerImagem185x72 { width:185px; height:72px; overflow:hidden; position:relative; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .containerImagem185x72 > img { width:100%; height:100%; object-fit:cover; display:block; position:relative; z-index:1; transition:opacity 0.12s ease-in-out; } /* Setas acima da foto, mas abaixo do modal */ [id^="divSetaEsquerda-"], [id^="divSetaDireita-"] { z-index:60 !important; } /* Imagem dentro da seta */ [id^="divSetaEsquerda-"] img, [id^="divSetaDireita-"] img { pointer-events:none !important; } .containerImagemProdutoResposivo { width: 347px; height: 180px; overflow: hidden; position: relative; border-radius: 10px; /* Você pode combinar todos os cantos em uma única linha */ } .containerImagemUploadCapaResponsiva { width: 344px; height: 180px; overflow: hidden; position: relative; border-radius: 10px; /* Você pode combinar todos os cantos em uma única linha */ } .imagemCentralizada { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .containerImagemProdutoResposivo img { width: 100%; height: 100%; object-fit: cover; } .containerImagemProdutoResposivoSV { width: 347px; height: 180px; overflow: hidden; position: relative; border-radius: 10px; /* Você pode combinar todos os cantos em uma única linha */ } .containerImagemProdutoResposivoSV img { width: 100%; height: auto; /* Ajusta a altura automaticamente para manter a proporção */ object-fit: cover; object-position: center top; /* Ajusta a prioridade para cortar 10% no topo */ margin-top: -20%; /* Ajusta a posição da imagem para que 10% superior seja cortado */ } .containerImagem100x100 { width: 100px; height: 100px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem100x100 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem120x120 { width: 120px; height: 120px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem120x120 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem140x140 { width: 140px; height: 140px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem140x140 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem77x77 { width: 77px; height: 77px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem77x77 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem155x155 { width: 155px; height: 155px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem155x155 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem160x160 { width: 160px; height: 160px; overflow: hidden; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .containerImagem160x160 img { width: 100%; height: 100%; object-fit: cover; } .containerImagem60x60 { width: 60px; height: 60px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .containerImagem60x60 img { width: 100%; height: 100%; object-fit: cover; } #containerBoxBanPq { width: 150px; height: 40px; text-align: center; margin: 0 auto; margin-top: 10px; } .boxRedeSocial { float: left; width: 37px; height: 35px; } .boxBank { float: left; width: 45px; height: 45px; } .boxBankMed { float: left; width: 35px; height: 35px; } .boxIdiomaMed { display: flex; align-items: center; justify-content: center; width: 37px; height: 35px; float: left; } .boxBankPq { float: left; width: 30px; height: 25px; } .phothersOption {color:#AAA} .othersOption {color:#AAA} .div-flight-alert { color:#888888; background-color: yellow; font-size:12px; z-index: 999; position: absolute; font-weight: bold; padding: 2px 4px; border-radius: 3px; } .div-alert-form { color:#888888; background-color: yellow; font-size:12px; margin-top:53px; z-index: 999; position: absolute; font-weight: bold; padding: 2px 4px; border-radius: 3px; } .div-alert-form-select { color:#888888; background-color: yellow; font-size:12px; margin-top:53px; margin-left:-5px; z-index: 999; position: absolute; font-weight: bold; padding: 2px 4px; border-radius: 3px; } .home-manutencao-bk { position: fixed; top: 0; left: 0; z-index: -1; /* Preserve aspet ratio */ min-width: 100%; min-height: 100%; } .div-topo-manutencao { top: 0; left:0; color:#FFFFFF; z-index:999; width:100%; } .line-manutencao-topo { background-image: url(../../images/line-lancamento.png); width:100%; height:1px; margin-top:125px; } .logo-topmilhas-manutencao { background-image: url(../../images/logo/manutencao/topmilhas-manutencao.png); width:200px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-concursosnaweb-manutencao { background-image: url(../../images/logo/manutencao/concursosnaweb-manutencao.png); width:200px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-cartolaonline-manutencao { background-image: url(../../images/logo/manutencao/cartolaonline-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -125px; /* A metade de sua largura. */ position: absolute; } .logo-turboconcursos-manutencao { background-image: url(../../images/logo/manutencao/turboconcursos-manutencao.png); width:250px; height:250px; left: 49%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-intermilhas-manutencao { background-image: url(../../images/logo/manutencao/intermilhas-manutencao.png); width:250px; height:250px; left:48%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-concursosnaweb-manutencao { background-image: url(../../images/logo/manutencao/concursosnaweb-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-rotaturismoclube-manutencao { background-image: url(../../images/logo/manutencao/rotaturismoclube-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -120px; /* A metade de sua largura. */ position: absolute; } .logo-maisviajar-manutencao { background-image: url(../../images/logo/manutencao/maisviajar-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-institutocannabis-manutencao { background-image: url(../../images/logo/manutencao/institutocannabis-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-funcionarioonline-manutencao { background-image: url(../../images/logo/manutencao/funcionarioonline-manutencao.png); width:250px; height:250px; left: 50%; margin-left: -120px; /* A metade de sua largura. */ position: absolute; } .logo-shoppingmilhas-manutencao { background-image: url(../../images/logo/manutencao/shoppingmilhas-manutencao.png); width:200px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-pagueparcelado-manutencao { background-image: url(../../images/logo/manutencao/pagueparcelado-manutencao.png); width:200px; height:250px; left: 50%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-leveneen-manutencao { background-image: url(../../images/logo/manutencao/leveneen-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-40gramas-manutencao { background-image: url(../../images/logo/manutencao/40gramas-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-ajusta-40gramas-manutencao { margin-top:-60px; text-align:center; } .logo-encurtadorgratis-manutencao { background-image: url(../../images/logo/manutencao/encurtadorgratis-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-showdevizinha-manutencao { background-image: url(../../images/logo/manutencao/showdevizinha-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-supershoppingbrasil-manutencao { background-image: url(../../images/logo/manutencao/supershoppingbrasil-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-webtvbr-manutencao { background-image: url(../../images/logo/manutencao/webtvbr-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-robotop-manutencao { background-image: url(../../images/logo/manutencao/robotop-manutencao.png); width:250px; height:250px; left: 48.5%; margin-left: -100px; /* A metade de sua largura. */ position: absolute; } .logo-buskauto-manutencao { background-image: url(../../images/logo/manutencao/buskauto-manutencao.png); width:299px; height:39px; left: 48.5%; margin-left: -130px; /* A metade de sua largura. */ margin-top: 150px; position: absolute; } /* CSS para o loader */ .loader-imagem { display: inline-block; width: 20px; height: 20px; border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-container { position: relative; min-height: 100px; } /* Adicione este CSS para as setas desativadas */ /* .divSetaDesativado { pointer-events: none !important; /* Permite clicar "através" do elemento */ opacity: 0.5; cursor: default !important; } */ .divSetaDesativado { opacity: 0; /* invisível */ pointer-events: auto; /* bloqueia clique */ cursor: default; } .status-indicator-btn { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-top: 2px; } .status-indicator-btn.active { background-color: #31AE2B; /* Verde para Ativado */ } .status-indicator-btn.inactive { background-color: #999999; /* Vermelho para Desativado */ } .corpo-conteudo-manutencao { width:625px; left:50%; margin-left:-312px; margin-top:80px; position:absolute; text-align: center; } .orderByProductsPadrao { height: 34px !important; line-height: 34px !important; width:239px; } .text-div-manutencao { width:425px; text-align:center; font-size:18px; color:#FFFFFF; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-40 { width:425px; text-align:center; font-size:18px; color:#999999; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-PV { width:425px; text-align:center; font-size:18px; color:#999999; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-le { width:425px; text-align:center; font-size:18px; color:#606062; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-rotaturismoclube { width:425px; text-align:center; font-size:18px; color:#606062; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-maisviajar { width:425px; text-align:center; font-size:18px; color:#606062; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-institutocannabis { width:425px; text-align:center; font-size:18px; color:#606062; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .text-div-manutencao-funcionarioonline { width:425px; text-align:center; font-size:18px; color:#606062; font-weight: 600; line-height:120%; text-align:center; margin-left:95px; } .img-manutencao { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-40 { background-image: url(../../images/manutencao-40.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-PV { background-image: url(../../images/manutencao-PV.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-le { background-image: url(../../images/manutencao-le.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-rotaturismoclube { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-maisviajar { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-institutocannabis { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-funcionarioonline { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-manutencao-buskauto { background-image: url(../../images/manutencao.png); width:110px; height:110px; position:absolute; margin-left:250px; margin-top:70px; } .img-redireciona { background-image: url(../../images/logo/shoppingmilhas.png); width:184px; height:175px; position:absolute; margin-left:220px; margin-top:70px; } .drop { width:100%; position:absolute; } .bksuperchat { width:100%; height:100px; background-image: url(../../images/bk/superchat-bloqueado.png); z-index:1; position: relative; margin-top:-25px; } .bksuperchat-co { width:100%; height:100px; background-image: url(../../images/bk/superchat-bloqueado-co.png); z-index:1; position: relative; margin-top:-25px; } .posicaoLoginSuperChatBlog { width:100%; height:20px; } .posicaoSuperchatAvatar { z-index:9; } .posicaoSuperchatAvatarBlog { z-index:9; } .posicaoDivSuperchatAvatar { margin-top:-25px; } .abasTodosOsEsportesResponsivo { display: none; } .abasTodosOsEsportesResponsivoSE { display: none; } .abasTamanhoEsportesJogos { height:52px; } .abasTamanhoEsportesDados { height:52px; } .abasTamanhoConsultaMedica { height:212px; } .abasTamanhoEsportesDadosResultados { height:40px; } .abasTamanhoEsportesDadosVidente { height:146px; } .abasTamanhoBoxCotas { height:136px; margin-top:-56px; } .posicaoDefinirCotas { float:left; margin-top:15px; margin-left:115px; } .barraOddsJogosDetalhes { /*position:absolute; margin-left:92px; margin-top:60px;*/ text-align: center; display: flex; justify-content: center; align-items: center; } .abasTamanhoEsportesTimes { height:52px; background-color:#F8F8F8; } .corpoConfiguracaoAssistente { height:100%; background-color:#F8F8F8; } .line-grey-dotted-times { background-image: url(../../images/bg/line-grey-dotted.png); height:1px; display: flex; } .abasPesquisaTamanhoEsportesJogos { margin-top:-44px; margin-right:10px; float:right; } /*** MENU DROP CONTA SHOPPING MILHAS ***/ .drop_menu { background-image: url(../../images/shoppingmilhas/bk_degrade.png); padding:0; margin:0; list-style-type:none; } .drop_menu li { float:left; } .drop_menu li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu li:hover ul { left:0px; top:80px; background:#76CFCD; padding:0px; text-align:left; } .drop_menu li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#76CFCD; text-align:left; font-size:16px; font-weight:600; } .drop_menu li:hover ul li a:hover { background:#6F9CB9; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA SHOPPING MILHAS ***/ /*** MENU DROP CONTA CARTOLA ONLINE ***/ .drop_menu_co { /*background-image: url(../../images/bk_degrade_co.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_co li { float:left; } .drop_menu_co li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_co ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_co li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_co li:hover ul { left:0px; top:80px; background:#76CFCD; padding:0px; text-align:left; } .drop_menu_co li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#00ADC6; text-align:left; font-size:16px; font-weight:600; } .drop_menu_co li:hover ul li a:hover { background:#33E4FF; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA CARTOLA ONLINE ***/ /*** MENU DROP CONTA TOPMILHAS ***/ .drop_menu_tm { background-image: url(../../images/topmilhas/bk_degrade_tm.png); padding:0; margin:0; list-style-type:none; } .drop_menu_tm li { float:left; } .drop_menu_tm li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_tm ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_tm li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_tm li:hover ul { left:0px; top:80px; background:#76CFCD; padding:0px; text-align:left; } .drop_menu_tm li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#999999; text-align:left; font-size:16px; font-weight:600; } .drop_menu_tm li:hover ul li a:hover { background:#777777; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA TOPMILHAS ***/ /*** MENU DROP CONTA INTERMILHAS ***/ .drop_menu_im { /*background-image: url(../../images/bk_degrade_co.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_im li { float:left; } .drop_menu_im li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_im ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_im li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_im li:hover ul { left:0px; top:80px; background:#76CFCD; padding:0px; text-align:left; } .drop_menu_im li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#FF9326; text-align:left; font-size:16px; font-weight:600; } .drop_menu_im li:hover ul li a:hover { background:#D96D00; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA INTERMILHAS ***/ /*** MENU DROP CONTA LEVENEEN ***/ .drop_menu_le { /*background-image: url(../../images/leveneen/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_le li { float:left; } .drop_menu_le li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_le ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_le li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_le li:hover ul { left:0px; top:80px; background:#999999; padding:0px; text-align:left; } .drop_menu_le li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#999999; text-align:left; font-size:16px; font-weight:600; } .drop_menu_le li:hover ul li a:hover { background:#838383; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA LEVENEEN ***/ /*** MENU DROP CONTA ROTA TURISMO CLUBE ***/ .drop_menu_rotaturismoclube { /*background-image: url(../../images/rotaturismoclube/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_rotaturismoclube li { float:left; } .drop_menu_rotaturismoclube li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_rotaturismoclube ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_rotaturismoclube li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_rotaturismoclube li:hover ul { left:0px; top:80px; background:#C5B698; padding:0px; text-align:left; } .drop_menu_rotaturismoclube li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#C5B698; text-align:left; font-size:16px; font-weight:600; } .drop_menu_rotaturismoclube li:hover ul li a:hover { background:#B7A480; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA ROTA TURISMO CLUBE ***/ /*** MENU DROP CONTA MAIS VIAJAR ***/ .drop_menu_maisviajar { /*background-image: url(../../images/maisviajar/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_maisviajar li { float:left; } .drop_menu_maisviajar li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_maisviajar ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_maisviajar li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_maisviajar li:hover ul { left:0px; top:80px; background:#17B4FF; padding:0px; text-align:left; } .drop_menu_maisviajar li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#17B4FF; text-align:left; font-size:16px; font-weight:600; } .drop_menu_maisviajar li:hover ul li a:hover { background:#59C9FF; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA MAIS VIAJAR ***/ /*** MENU DROP CONTA INSTITUTO CANNABIS ***/ .drop_menu_institutocannabis { /*background-image: url(../../images/institutocannabis/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_institutocannabis li { float:left; } .drop_menu_institutocannabis li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_institutocannabis ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_institutocannabis li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_institutocannabis li:hover ul { left:0px; top:80px; background:#0A9284; padding:0px; text-align:left; } .drop_menu_institutocannabis li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#0A9284; text-align:left; font-size:16px; font-weight:600; } .drop_menu_institutocannabis li:hover ul li a:hover { background:#00B089; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA INSTITUTO CANNABIS ***/ /*** MENU DROP CONTA FUNCIONARIO ONLINE ***/ .drop_menu_funcionarioonline { /*background-image: url(../../images/funcionarioonline/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_funcionarioonline li { float:left; } .drop_menu_funcionarioonline li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_funcionarioonline ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_funcionarioonline li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_funcionarioonline li:hover ul { left:0px; top:80px; background:#0A9284; padding:0px; text-align:left; } .drop_menu_funcionarioonline li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#0A9284; text-align:left; font-size:16px; font-weight:600; } .drop_menu_funcionarioonline li:hover ul li a:hover { background:#00B999; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA FUNCIONARIO ONLINE ***/ /*** MENU DROP CONTA ROBOTOP ***/ .drop_menu_robotop { background-image: url(../../images/robotop/bk_degrade_robotop.png); padding:0; margin:0; list-style-type:none; } .drop_menu_robotop li { float:left; } .drop_menu_robotop li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_robotop ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_robotop li:hover { position:relative; background:#0A9284; text-align:left; z-index:9; } .drop_menu_robotop li:hover ul { left:0px; top:80px; background:#0A9284; padding:0px; text-align:left; } .drop_menu_robotop li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#456D81; text-align:left; font-size:16px; font-weight:600; } .drop_menu_robotop li:hover ul li a:hover { background:#8EB3C4; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA ROBOTOP ***/ /*** MENU DROP CONTA BUSKAUTO ***/ .drop_menu_buskauto { background-image: url(../../images/buskauto/bk_degrade_buskauto0.png); padding:0; margin:0; height:80px; list-style-type:none; } .drop_menu_buskauto li { float:left; } .drop_menu_buskauto li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_buskauto ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_buskauto li:hover { position:relative; background:#0A9284; text-align:left; z-index:9; } .drop_menu_buskauto li:hover ul { left:0px; top:80px; background:#0A9284; padding:0px; text-align:left; } .drop_menu_buskauto li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#069DBD; text-align:left; font-size:16px; font-weight:600; border-bottom: 1px solid #06ABCE; } .drop_menu_buskauto li:hover ul li a:hover { background:#2CB5D5; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA BUSKAUTO ***/ /*** MENU DROP CONTA 100FILA ***/ .drop_menu_100fila { background-image: url(../../images/100fila/bk_degrade_100fila.png); padding:0; margin:0; list-style-type:none; } .drop_menu_100fila li { float:left; } .drop_menu_100fila li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_100fila ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_100fila li:hover { position:relative; background:#0A9284; text-align:left; z-index:9; } .drop_menu_100fila li:hover ul { left:0px; top:80px; background:#0A9284; padding:0px; text-align:left; } .drop_menu_100fila li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#456D81; text-align:left; font-size:16px; font-weight:600; } .drop_menu_100fila li:hover ul li a:hover { background:#8EB3C4; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA 100FILA ***/ /*** MENU DROP CONTA TURBOCONCURSOS ***/ .drop_menu_tc { /*background-image: url(../../images/turboconcursos/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_tc li { float:left; } .drop_menu_tc li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_tc ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_tc li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_tc li:hover ul { left:0px; top:80px; background:#F8AB9A; padding:0px; text-align:left; } .drop_menu_tc li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#F8AB9A; text-align:left; font-size:16px; font-weight:600; } .drop_menu_tc li:hover ul li a:hover { background:#F48787; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA TURBOCONCURSOS ***/ /*** MENU DROP CONTA 40GRAMAS ***/ .drop_menu_40 { /*background-image: url(../../images/40gramas/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_40 li { float:left; } .drop_menu_60 li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_40 ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_40 li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_40 li:hover ul { left:0px; top:80px; background:#0ECBB8; padding:0px; text-align:left; } .drop_menu_40 li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#0ECBB8; text-align:left; font-size:16px; font-weight:600; } .drop_menu_40 li:hover ul li a:hover { background:#0A9284; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA 40GRAMAS ***/ /*** MENU DROP CONTA PROVERVIDA ***/ .drop_menu_pv { /*background-image: url(../../images/encurtadorgratis/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_pv li { float:left; } .drop_menu_pv li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_pv ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_pv li:hover { position:relative; background:#E0EAF3; text-align:left; z-index:9; } .drop_menu_pv li:hover ul { left:0px; top:80px; background:#6291BF; padding:0px; text-align:left; } .drop_menu_pv li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#6291BF; text-align:left; font-size:16px; font-weight:600; } .drop_menu_pv li:hover ul li a:hover { background:#395486; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA PROVERVIDA ***/ /*** MENU DROP CONTA SHOWDEVIZINHA ***/ .drop_menu_sv { padding:0; margin:0; list-style-type:none; } .drop_menu_sv li { float:left; } .drop_menu_sv li a { padding: 28px 20px; display: block; color: #fff; text-decoration: none; font-size: 18px; /*height:80px;*/ } .drop_menu_sv li:last-child a { border-bottom: none; } /* Submenu */ .drop_menu_sv ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_sv li:hover { position:relative; background:#E0EAF3; text-align:left; z-index:9; } .drop_menu_sv li:hover ul { left:0px; top:80px; background:#727272; padding:0px; text-align:left; } .drop_menu_sv li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#727272; text-align:left; font-size:16px; font-weight:600; border-bottom: 1px solid #626262; } .drop_menu_sv li:hover ul li:last-child a { border-bottom: none; } .drop_menu_sv li:hover ul li a:hover { background:#5D5D5D; text-align:left; font-size:16px; font-weight:600; } .drop_menu_sv li a:hover { color:#EA22A4; } /*** MENU DROP CONTA SHOWDEVIZINHA ***/ /*** MENU DROP CONTA CONCURSOS NA WEB ***/ .drop_menu_cw { /*background-image: url(../../images/concursosnaweb/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_cw li { float:left; } .drop_menu_cw li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_cw ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_cw li:hover { position:relative; background:#5FD367; text-align:left; z-index:9; } .drop_menu_cw li:hover ul { left:0px; top:80px; background:#008882; padding:0px; text-align:left; } .drop_menu_cw li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#008882; text-align:left; font-size:16px; font-weight:600; } .drop_menu_cw li:hover ul li a:hover { background:#00BFB6; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA CONCURSOS NA WEB ***/ /*** MENU DROP CONTA SUPER SHOPPING BRASIL ***/ .drop_menu_ssb { /*background-image: url(../../images/supershoppingbrasil/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_ssb li { float:left; } .drop_menu_ssb li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_ssb ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_ssb li:hover { position:relative; background:#E0EAF3; text-align:left; z-index:9; } .drop_menu_ssb li:hover ul { left:0px; top:80px; background:#9D9D9D; padding:0px; text-align:left; } .drop_menu_ssb li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#9D9D9D; text-align:left; font-size:16px; font-weight:600; } .drop_menu_ssb li:hover ul li a:hover { background:#B0B0B0; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA SUPER SHOPPING BRASIL ***/ /*** MENU DROP CONTA WEBTVBR ***/ .drop_menu_wtb { /*background-image: url(../../images/webtvbr/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_wtb li { float:left; } .drop_menu_wtb li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_wtb ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_wtb li:hover { position:relative; background:#E0EAF3; text-align:left; z-index:9; } .drop_menu_wtb li:hover ul { left:0px; top:80px; background:#B7A0E0; padding:0px; text-align:left; } .drop_menu_wtb li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#B7A0E0; text-align:left; font-size:16px; font-weight:600; } .drop_menu_wtb li:hover ul li a:hover { background:#9B7CD3; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA WEBTVBR ***/ /*** MENU DROP CONTA VIAME ***/ .drop_menu_via { /*background-image: url(../../images/viame/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_via li { float:left; } .drop_menu_via li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_via ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_via li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_via li:hover ul { left:0px; top:80px; background:#EB6D87; padding:0px; text-align:left; } .drop_menu_via li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#EB6D87; text-align:left; font-size:16px; font-weight:600; } .drop_menu_via li:hover ul li a:hover { background:#E22C50; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA VIAME ***/ /*** MENU DROP CONTA BONUS RIFA ***/ .drop_menu_br { /*background-image: url(../../images/bonusrifa/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_br li { float:left; } .drop_menu_br li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_br ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_br li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_br li:hover ul { left:0px; top:80px; background:#999999; padding:0px; text-align:left; } .drop_menu_br li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#999999; text-align:left; font-size:16px; font-weight:600; } .drop_menu_br li:hover ul li a:hover { background:#838383; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA BONUS RIFA ***/ /*** MENU DROP CONTA ENCURTADOR GRATIS ***/ .drop_menu_eg { /*background-image: url(../../images/encurtadorgratis/bk_degrade.png);*/ padding:0; margin:0; list-style-type:none; } .drop_menu_eg li { float:left; } .drop_menu_eg li a { padding:28px 20px; display:block; color:#fff; text-decoration:none; font-size:18px; /*height:80px;*/ } /* Submenu */ .drop_menu_eg ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .drop_menu_eg li:hover { position:relative; background:#DDDDDD; text-align:left; z-index:9; } .drop_menu_eg li:hover ul { left:0px; top:80px; background:#999999; padding:0px; text-align:left; } .drop_menu_eg li:hover ul li a { padding:5px; width:200px; text-indent:15px; background-color:#999999; text-align:left; font-size:16px; font-weight:600; } .drop_menu_eg li:hover ul li a:hover { background:#838383; text-align:left; font-size:16px; font-weight:600; } /*** MENU DROP CONTA ENCURTADOR GRATIS ***/ .count-flights { font-size:14px; color:#0076AB; } .lineAirplaneSearchesFrom { position:absolute; width:29px; height:29px; z-index:0; margin-top:-39px; margin-left:5px; background:url("../../images/icon/line-airplane-searches-to.png") no-repeat 0 0; } .lineSearchesSports { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_sports.png") no-repeat 0 0; } .lineSearchesStates { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_states.png") no-repeat 0 0; } .lineTvSearchesType { position:absolute; width:31px; height:25px; z-index:0; margin-top:-39px; margin-left:5px; background:url("../../images/icon/tv_searches_type.png") no-repeat 0 0; } .lineTvSearchesCategory { position:absolute; width:31px; height:31px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/tv_searches_categories.png") no-repeat 0 0; } .lineTvSearches { position:absolute; width:31px; height:31px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/tv_searches.png") no-repeat 0 0; } .lineSearchesShowDeVizinha { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_showdevizinha.png") no-repeat 0 0; } .lineSearchesConcurso { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_concurso.png") no-repeat 0 0; } .lineSearchesType { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_type.png") no-repeat 0 0; } .lineSearchesRegions { position:absolute; width:32px; height:29px; z-index:0; margin-top:-41px; margin-left:4px; background:url("../../images/icon/searches_regions.png") no-repeat 0 0; } .lineSearchesCategoria { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_categoria.png") no-repeat 0 0; } .lineSearchesModelos { position:absolute; width:27px; height:27px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_modelo.png") no-repeat 0 0; } .lineSearchesVeiculos { position:absolute; width:25px; height:20px; z-index:0; margin-top:-35px; margin-left:6px; background:url("../../images/icon/searches_veiculos.png") no-repeat 0 0; } .lineSearchesProdutosBot { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_produtos_bot.png") no-repeat 0 0; } .lineSearchesProdutosBotCor { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_produtos_bot_cor.png") no-repeat 0 0; } .lineSearchesTournament { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_tournament.png") no-repeat 0 0; } .lineMilesAirlines { position:absolute; width:30px; height:24px; z-index:0; margin-top:-37px; margin-left:6px; background:url("../../images/icon/airlines-pq.png") no-repeat 0 0; } .lineMilesAirlinesColorido { position:absolute; width:31px; height:31px; z-index:0; margin-top:-42px; margin-left:5px; background:url("../../images/icon/airlines-colorido-pq.png") no-repeat 0 0; } .lineSearchesCountry { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_country.png") no-repeat 0 0; } .lineSearchesTimesAthletes { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/timesathletes.png") no-repeat 0 0; } .lineMilesQuantity { position:absolute; width:28px; height:28px; z-index:0; margin-top:-36px; margin-left:12px; background:url("../../images/icon/miles.png") no-repeat 0 0; } .lineMilesQuantityColorido { position:absolute; width:34px; height:34px; z-index:0; margin-top:-42px; margin-left:4px; background:url("../../images/icon/miles-colorido.png") no-repeat 0 0; } .lineRedeVendedorName { position:absolute; width:28px; height:27px; z-index:0; margin-top:-40px; margin-left:7px; background:url("../../images/icon/name-cinza.png") no-repeat 0 0; } .lineComprarCartolaCoin { position:absolute; width:25px; height:25px; z-index:0; margin-top:-37px; margin-left:7px; background:url("../../images/icon/money_superchat_escuro.png") no-repeat 0 0; } .lineConvertCartolaCoin { position:absolute; width:36px; height:29px; z-index:0; margin-top:-37px; margin-left:0px; background:url("../../images/icon/convert-cartolacoin.png") no-repeat 0 0; } .lineMilesWhatsapp { position:absolute; width:28px; height:27px; z-index:0; margin-top:-40px; margin-left:7px; background:url("../../images/icon/whatsapp-cinza.png") no-repeat 0 0; } .lineMilesWhatsappColorido { position:absolute; width:28px; height:27px; z-index:0; margin-top:-40px; margin-left:7px; background:url("../../images/icon/whatsapp-colorido.png") no-repeat 0 0; } .lineMilesEmail { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/email-pq.png") no-repeat 0 0; } .lineSearchesBehavior { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_behavior.png") no-repeat 0 0; } .lineSearchesDateCalendar { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/searches_date_calendar.png") no-repeat 0 0; } .lineUpload { position: absolute; margin-top:-37px; margin-right:15px; right: 0; width: 25px; height: 25px; z-index: 0; background: url("../../images/icon/upload.png") no-repeat 0 0; cursor: pointer; } .lineUploadClear { display:none; position: absolute; margin-left: 185px; margin-top: -38px; cursor: pointer; z-index:20; } .lineSearchesAtleta { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/atleta.png") no-repeat 0 0; } .lineSearchesTimes { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/times.png") no-repeat 0 0; } .lineSearchesFiltro { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/filtro.png") no-repeat 0 0; } .lineSearchesPesquisar { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/pesquisar.png") no-repeat 0 0; } .lineSearchesTorneio { position:absolute; width:28px; height:28px; z-index:0; margin-top:-41px; margin-left:5px; background:url("../../images/icon/torneio.png") no-repeat 0 0; } .lupaSearchesProdutcs { position:absolute; width:30px; height:30px; z-index:1; margin-top:5px; margin-left:175px; background:url("../../images/icon/lupa.png") no-repeat 0 0; cursor:pointer; } .lineAirplaneSearchesTo { position:absolute; width:29px; height:27px; z-index:1; margin-top:-39px; margin-left:5px; background:url("../../images/icon/pointer.png") no-repeat 0 0; } .loadingAirportsFrom { display:none; position:absolute; width:22px; height:22px; z-index:1; margin-top:-30px; margin-left:180px; background:url("../../images/loading.gif") no-repeat 0 0; } /* Estilo padrão */ .div-hover-tamanho { float: left; width: 37px; height: 37px; cursor: pointer; } .div-hover-tamanho .inner-div-tamanho { width: 32px; height: 32px; background-color: #FFFFFF; border-radius: 50%; text-align: center; line-height: 32px; color: #CCCCCC; border: 1px solid #CCCCCC; position: absolute; margin-top: -10px; margin-left: -10px; font-size: 14px; transition: border-color 0.3s, color 0.3s; /* Adiciona uma transição suave para a mudança de cor da borda e do texto */ } /* Estilo quando o mouse passa por cima */ .div-hover-tamanho:hover .inner-div-tamanho { border-color: #33E4FF; /* Mude para a cor desejada para a borda */ color: #33E4FF; /* Mude para a cor desejada para o texto */ } /*** FORMULARIO ***/ .tituloInputValueBuy { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; /*width:199px;*/ top: 12px; } .tituloInputValueBuyCredito { display:none; } .tituloInput { color: #014E81; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInputValoreFipeProduto { color: #BBBBBB; margin-left:12px; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInputValoreFipe { color: #BBBBBB; margin-left:12px; /*position:absolute;*/ /*margin-top:3px;*/ z-index:1; width:239px; /*top: 12px;*/ } .tituloInputValoreBox { color: #BBBBBB; margin-left:12px; margin-top:3px; z-index:1; width:214px; top: 12px; } .tituloInput-fipe { color: #BBBBBB; margin-left:12px; font-weight: bold; /*position:absolute;*/ /*margin-top:3px;*/ z-index:1; width:239px; /*top: 12px;*/ } .tituloInput-co { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-sv { color: #F59CD7; /*#F2CCFF;*/ margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-ob { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-wtb { color: #6238AD; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-le { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-maisviajar { color: #006A9D; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-robotop { color: #888888; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-100fila { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-pv { color: #395486; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .alinhaAvatarFotoComentario { margin-left:7px; margin-top:2px; float:left; } .tituloInput-im { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-tc { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-cw { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-40 { color: #BBBBBB; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-box { color: #BBBBBB; margin-left:12px; font-weight: bold; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInput-Ajustebox { color: #BBBBBB; /*margin-left:12px;*/ font-weight: bold; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInputDesativado { color: #AAA; margin-left:12px; font-weight: bold; position:absolute; margin-top:3px; z-index:1; width:239px; top: 12px; } .tituloInputValorDesativado { color: #AAA; margin-left:12px; position:absolute; margin-top:18px; z-index:1; width:239px; top: 12px; } .tituloInputCidade { color: #BBBBBB; margin-left:42px; font-weight: bold; } .tituloInputUpload { color: #BBBBBB; margin-left:12px; font-weight: bold; } .tituloInputClasse { color: #014E81; margin-left:11px; font-weight: bold; } .tituloInputDataBusca { color: #014E81; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBuscaAlerta { color: #014E81; margin-left:12px; margin-top:15px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-cw { color: #333; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-tc { color: #333; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-le { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-rotaturismoclube { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-maisviajar { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-institutocannabis { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-funcionarioonline { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-robotop { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-buskauto { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-100fila { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-via { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-br { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-eg { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-cp { color: #000; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-40 { color: #BBBBBB; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-sv { color: #BBBBBB; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-ob { color: #BBBBBB; margin-left:12px; font-weight: bold; z-index: 10; } .tituloInputDataBusca-wtb { color: #6238AD; margin-left:12px; font-weight: bold; z-index: 10; } .boxCorpoInputAssistente { width:267px; height:70px; } .boxCorpoInput { width:269px; height:70px; } .boxCorpoInputFipe { width:269px; height:110px; } .boxCorpoInputFipeMeses { width:269px; /*height:490px;*/ } .boxInputValorAbertoMeses { width:259px; /*height:490px;*/ /*background-color:#FFF;*/ background-color:#FFFFF2; border-radius: 8px; margin-right: 4px; } .boxCorpoInputFipeProprietario { width:269px; /*height:110px;*/ } .boxCorpoInputOptions { width:269px; height:25px; } .boxCorpoInputResumo { width:269px; } .boxCorpoInputDesativado { width:269px; height:70px; } .boxCorpoInputPequeno { width:172px; height:70px; } .boxCorpoInputEndereco { width:219px; height:70px; } .boxCorpoInputPostMensagem { width:269px; height:70px; position:absolute; margin-left:135px; margin-top:2px; } .avatarCorpoInputPostMensagem { position:absolute; margin-left:90px; margin-top:17px; z-index:9; cursor:pointer; pointer-events:none; } .brancoAvataComentarioPrincipalPostMensagem { background-color:#FFFFFF; width:58px; height:58px; position:absolute; margin-left:88px; margin-top:15px; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; } .boxCorpoInputValueBuy { width:190px; height:70px; } .boxCorpoInputDependents { width:269px; height:70px; margin-top:-20px; } .boxCorpoDescription { /*width:528px;*/ height:195px; } .boxCorpoInput2x { width:528px; height:70px; float:left; } .alinhaCreditoSaldos { margin-left:7px; } .ajustaCreditosSaldos { margin-left:0px; } .ajustaCreditosMeusCreditos { margin-top:-10px; margin-left:0px; } .boxCorpoInputVenda { width:239px; height:70px; float:left; } .boxCorpoInputVendaTitle { width:239px; height:27px; float:left; } .boxCorpoInputCidade { width:259px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputModalUpload { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputModalUploadDesativado { width:214px; height:60px; background-color:#EEE; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputLoginBuskauto { width:259px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoBuskar { width:214px; height:60px; float:left; border-radius: 8px; margin-right: 4px; margin-top:8px; } .boxCorpoInputHoraConsulta { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-left:140px; margin-top:15px; } .boxCorpoInputSportMobile { width:294px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputSportMobileEsportes { width:244px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-left: 8px; } .boxCorpoInputSportMobileEsportesSegundo { width:244px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-left: 8px; margin-top:5px; } .boxCorpoInputTimeAtletas { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputTimeAtletasTecnicos { width:234px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputPesquisarEsporte { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; margin-top:5px; } .boxCorpoInputPesquisarTimeAtleta { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; margin-top:0px; } .boxCorpoInputCidadeDesativado { width:259px; height:60px; background-color:#DDDDDD; /*background-color:#D3F7FE;*/ float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputClasse { width:214px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-left: 6px; margin-top: 4px; } .boxCorpoButtonVoo { padding:5px; float:left; } .boxCorpoInputNewsletters { width:290px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputNewslettersDesativado { width:290px; height:60px; background-color:#EEE; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputDataBusca { width:114px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputAnoKmPreco { /*width:105px;*/ width:127.5px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; /*margin-top:5px;*/ } .boxCorpoInputAnoKmPrecoIndex { /*width:105px;*/ width:127.5px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; margin-top:5px; } .alinhaLogoMarcaVeiculos { position:absolute; width:44px; height:60px; background-size: cover; background-position: center; margin-top:-56px; margin-left:-5px; display: flex; align-items: center; justify-content: center; } .alinhaLogoRedeSocialModal { position:absolute; width:44px; height:60px; background-size: cover; background-position: center; margin-top:0px; margin-left:0px; display: flex; align-items: center; justify-content: center; } .boxCorpoInputAnoKmPrecoTela { width:128px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; margin-top:11px; } .boxCorpoInputFaixaEtariaBusca { width:75px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputFaixaEtariaCriancaBusca { width:75px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxCorpoInputFaixaEtariaBebeBusca { width:75px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxInput { width:259px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputSVCor { width: 259px; height: 60px; background-color: #1A1A1A; border-radius: 8px; margin-right: 4px; } .boxInputValorAberto { width:259px; height:90px; /*background-color:#FFF;*/ background-color:#FFFFF2; border-radius: 8px; margin-right: 4px; } .boxInputValorAbertoPesquisaComum { width:259px; /*height:90px;*/ /*background-color:#FFF;*/ background-color:#FFFFF2; border-radius: 8px; margin-right: 4px; } .boxInputOptions { width:259px; height:30px; border-radius: 8px; margin-right: 4px; } .boxInputResumo { width:259px; /*height:30px;*/ border-radius: 8px; margin-right: 4px; } .alinhaShowPassword { position: absolute; margin-left: 215px; margin-top: 20px; cursor: pointer; z-index:1; } .boxInputTextSummernote { background-color:#FFFFFF; border-radius:8px; margin-top:10px; } .boxInputTextSummernoteDesativado { background-color:#EEE; border-radius:8px; margin-top:10px; } .boxInputEndereco { width:209px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoSuperchat { width:259px; height:60px; background-color:#EEEEEE; border-radius: 8px; margin-right: 4px; } .boxInputSportsTeams { width:304px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputValueBuy { width:185px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputValueBuyCredito { /*width:255px;*/ width:105px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .posicaoBtnClearBuyCredits { display:none; position: absolute; margin-left:145px; margin-top: 6px; cursor: pointer; z-index:20; } .posicaoBtnClearBuyCreditsModal { display:none; position: absolute; margin-left:175px; margin-top: -27px; cursor: pointer; z-index:20; } .boxInputValueBuyContaCredito { width:255px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputAgente { width:259px; height:60px; border-radius: 8px; margin-right: 4px; } .boxInputAzul { width:259px; height:60px; background-color:#E8FDFD; border-radius: 8px; margin-right: 4px; } .boxInputPassageiro { width:259px; height:60px; border-radius: 8px; margin-right: 4px; } .boxInputAbertoMilhas { width:209px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputPosEtaria { width:259px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; margin-top:11px; } .boxInputModal { /*width:259px;*/ height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputModalDesativado { /*width:259px;*/ height:60px; background-color:#F8F8F8; border-radius: 8px; margin-right: 4px; } .boxInputModalDesativadoEscuro { /*width:259px;*/ height:60px; background-color:#EFEFEF; border-radius: 8px; margin-right: 4px; } .boxInputDesativado { width:259px; height:60px; background-color:#EBEBEB; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoParcelas { width:259px; height:60px; background-color:#DDDDDD; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoParcelas-tc { width:259px; height:60px; background-color:#FEE9E9; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoParcelas-cw { width:259px; height:60px; background-color:#F7F7F7; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoMilhas { width:259px; height:60px; background-color:#EEE; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoCinza-sv { width:259px; height:60px; background-color:#272727; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoCinza { width:259px; height:60px; background-color:#DDDDDD; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoCinza-tc { width:259px; height:60px; background-color:#FEE9E9; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoCinza-cw { width:259px; height:60px; background-color:#EEE; /*#C6FFFC; */ border-radius: 8px; margin-right: 4px; } .boxInputVerde { width:259px; height:60px; background-color:#EDFFB7; border-radius: 8px; margin-right: 4px; } .boxInputAzul { width:259px; height:60px; background-color:#C5E9F3; border-radius: 8px; margin-right: 4px; } .boxInputDesativadoMilhasBranco { width:209px; height:60px; background-color:#FFF; border-radius: 8px; margin-right: 4px; } .boxInputDescription { /*width:528px;*/ height:180px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxInput2x { width:528px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxInputVenda { width:209px; height:60px; background-color:#FFF; float:left; border-radius: 8px; margin-right: 4px; } .boxInputCEP { width:259px; height:60px; float:left; border-radius: 8px; margin-right: 4px; } .posicaoInput { /* margin-top:11px; */ /* margin-left:5px; */ position: relative; } .corpoAlinhaAvaliacao { width:269px; height:40px; } .posicaoInputEsportes { margin-top:11px; margin-left:5px; position: relative; } .posicaoInputDataConsulta { margin-top:-2px; margin-left:5px; position: relative; } .posicaoInputEsportesTabela { margin-top:15px; margin-left:11px; position: relative; } .posicaoInputEsportesDesativado { margin-top:11px; margin-left:5px; position: relative; background-color:#CCC; } .posicaoSubTituloCotar { margin-top:11px; margin-left:-10px; position: relative; } .avisoValorPagamentoMilhas { position:absolute; margin-top:35px; margin-left:12px; line-height:1; color:#CCCCCC; } .avisoValorPagamentoMilhasDetalhes { font-size:28px; color:#5bc0de; font-weight:1000; margin-top:43px; margin-left:10px; position:absolute; } .avisoValorPagamentoMilhasDetalhesPq { font-size:18px; color:#5bc0de; font-weight:1000; margin-top:35px; margin-left:10px; line-height:1; position:absolute; } .positionConfirmPaymentDate { position:absolute; margin-top:40px; margin-left:16px; display:none; } .paymentPositionDetails { margin-left:25px; } .avisoValorPagamentoMilhasDetalhesLadoPq { font-size:14px; color:#DDDD; } .divBoxDadosDownline_Detalhes { width:442px; height:200px; background-color:#F8F8F8; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: solid 5px #EEEEEE; float:left; } .divBoxDadosDownline_Contato { width:442px; height:200px; float:right; background-color:#F8F8F8; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: solid 5px #EEEEEE; } .posicaoInputEtaria { margin-top:0px; margin-left:5px; position: relative; } .campoInput { width:239px; margin-top:10px; border-width:0px; border:none; box-shadow:none; background-color:transparent; outline:0 !important; position:absolute; text-align:left; top:12px; color:#999999 !important; /* texto digitado */ } input.campoInput::placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInput::-webkit-input-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInput::-moz-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInput:-ms-input-placeholder { color:#DDDDDD !important; } input.campoInput::-ms-input-placeholder { color:#DDDDDD !important; } .campoInputSVCor { width:239px; margin-top:10px; border-width:0px; border:none; box-shadow:none; background-color:transparent; outline:0 !important; position:absolute; text-align:left; top:12px; color:#999999 !important; /* texto digitado */ } input.campoInputSVCor::placeholder { color:#444444 !important; opacity:1 !important; } input.campoInputSVCor::-webkit-input-placeholder { color:#444444 !important; opacity:1 !important; } input.campoInputSVCor::-moz-placeholder { color:#444444 !important; opacity:1 !important; } input.campoInputSVCor:-ms-input-placeholder { color:#444444 !important; } input.campoInputSVCor::-ms-input-placeholder { color:#444444 !important; } .campoInputYearManufacture { width:109px; margin-top:0px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputRedeSocialChatgpt { width:219px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputEndereco { width:199px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputPIXText { width:220px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputValueBuy { width:150px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputValueBuyCredito { width:200px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputModal { /*width:239px;*/ margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; } input.campoInputModal::placeholder { color:#BBBBBB !important; opacity:1 !important; } input.campoInputModal::-webkit-input-placeholder { color:#BBBBBB !important; opacity:1 !important; } input.campoInputModal::-moz-placeholder { color:#BBBBBB !important; opacity:1 !important; } input.campoInputModal:-ms-input-placeholder { color:#BBBBBB !important; } input.campoInputModal::-ms-input-placeholder { color:#BBBBBB !important; } .campoInputModalSVCor { /*width:239px;*/ margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; } input.campoInputModalSVCor::placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVCor::-webkit-input-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVCor::-moz-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVCor:-ms-input-placeholder { color:#DDDDDD !important; } input.campoInputModalSVCor::-ms-input-placeholder { color:#DDDDDD !important; } .campoInputModalSVRedeSocial { width:119px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; } input.campoInputModalSVRedeSocial::placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVRedeSocial::-webkit-input-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVRedeSocial::-moz-placeholder { color:#DDDDDD !important; opacity:1 !important; } input.campoInputModalSVRedeSocial:-ms-input-placeholder { color:#DDDDDD !important; } input.campoInputModalSVRedeSocial::-ms-input-placeholder { color:#DDDDDD !important; } .campoInputDescription { /*width:500px;*/ height:130px; margin-top:36px; margin-left:15px; resize:none; font-size:14px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; color:#BBBBBB; } .campoInputVenda { width:199px; margin-top:10px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; text-align:left; top: 12px; color:#BBBBBB; } .campoInputSelect { width:239px; margin-top:10px; margin-left:-4px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#AAAAAA; } .campoInputSelectMarcaFipe { width:200px; margin-top:10px; margin-left:35px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#AAAAAA; } .campoInputSelectEndereco { width:199px; margin-top:10px; margin-left:-4px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectDataConsulta { width:199px; margin-top:10px; margin-left:-4px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectGrande { width:270px; margin-top:-2px; margin-left:-4px; -webkit-margin-left: 0px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectGrandeResponsivo { width:270px; margin-top:8px; margin-left:-4px; -webkit-margin-left: 0px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectPequeno { width:160px; margin-top:10px; margin-left:-4px; -webkit-margin-left: 0px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectMilhas { width:189px; margin-top:10px; margin-left:-4px; -webkit-margin-left: 0px; border-width:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; position: absolute; top: 12px; color:#BBBBBB; } .campoInputSelectFaixa { width:57px; margin-top:-9px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#BBBBBB; } .campoInputSelectFaixaCO { /*width:174px;*/ width:201px; margin-top:-9px; /*margin-left:26px;*/ margin-left:35px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#999999; } .campoInputSelectFaixaAnoCO { /*width:174px;*/ width:110px; margin-top:-9px; /*margin-left:26px;*/ margin-left:-5px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#999999; } .campoInputSelectFaixaCOEstado { /*width:174px;*/ width:201px; margin-top:-9px; /*margin-left:26px;*/ margin-left:35px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#999999; } .campoInputSelectFaixaCOEsportes { width:189px; margin-top:-9px; margin-left:26px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#999999; } .campoInputSelectFaixaDentro { width:57px; margin-top:-4px; -webkit-margin-left: 0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; color:#BBBBBB; } .campoInputCidade { width:160px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputBuscaEsporte { width:170px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputBuscaLoginBuskauto { width:200px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputBuscaEsporteWhatsapp { width:154px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputBuscaEsporteTimeAtleta { width:168px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputDataBusca { width:100px; border-width:0px; margin-top:-10px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputDataBuscaCO { width:100px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputArquivoCO { width:150px; border-width:0px; margin-top:-10px; margin-left:30px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputArquivoUpload { width:150px; border-width:0px; margin-top:-10px; margin-left:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; /*position: absolute;*/ color:#BBBBBB; } .campoInputNewsletters { width:280px; border-width:0px; margin-top:-10px; margin-left:0px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; } .campoInputSearchesBuscador { width:180px; border-width:0px; margin-top:-10px; margin-left:29px; border:none; border-width: 0; box-shadow:none; background-color:transparent; outline: 0 !important; } .searchesSite { width:180px !important; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .filtrarSite { font-size:14px; float:left; height:34px; width:100px; color:#CCCCCC; } /******* GALERIA DE IMAGENS DO DOCUMENTOS (ADICIONAR) *******/ .documents-gallery { display: flex; /* Flexbox para alinhar lado a lado */ flex-wrap: wrap; /* Permite quebra de linha quando necessário */ gap: 10px; /* Espaço entre as imagens */ padding: 20px; justify-content: center; /* Centraliza a galeria */ } .documents-gallery-item { width: 144px; height: 144px; background-color: #f9f9f9; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .documents-gallery-item-sem-fundo { background-color: transparent; } .documents-gallery-item img { width: 100%; height: 100%; object-fit: cover; /* Ajusta imagem dentro do espaço */ } /******* GALERIA DE IMAGENS DO DOCUMENTOS (ADICIONAR) *******/ /*********** GALERIA DE IMAGENS FOTO (ADICIONAR) ***********/ .photos-gallery { display: flex; /* Flexbox para alinhar lado a lado */ flex-wrap: wrap; /* Permite quebra de linha quando necessário */ gap: 10px; /* Espaço entre as imagens */ padding: 20px; justify-content: center; /* Centraliza a galeria */ } .photos-gallery-item { width: 144px; height: 144px; background-color: #f9f9f9; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .photos-gallery-item-sem-fundo { background-color: transparent; } .photos-gallery-item img { width: 100%; height: 100%; object-fit: cover; /* Ajusta imagem dentro do espaço */ } /*********** GALERIA DE IMAGENS FOTO (ADICIONAR) ***********/ /******* GALERIA DE IMAGENS DO VEICULOS (ADICIONAR) *******/ .vehicle-gallery { display: flex; /* Flexbox para alinhar lado a lado */ flex-wrap: wrap; /* Permite quebra de linha quando necessário */ gap: 10px; /* Espaço entre as imagens */ padding: 20px; justify-content: center; /* Centraliza a galeria */ } .vehicle-gallery-item { width: 144px; height: 144px; background-color: #f9f9f9; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .vehicle-gallery-item-sem-fundo { background-color: transparent; } .vehicle-gallery-item img { width: 100%; height: 100%; object-fit: cover; /* Ajusta imagem dentro do espaço */ } /******* GALERIA DE IMAGENS DO VEICULOS (ADICIONAR) *******/ /******* PLACEHOLDER FORMULARIOS *******/ .form-control::-webkit-input-placeholder { color: #BBBBBB; } .form-control:-moz-placeholder { color: #BBBBBB; } .form-control::-moz-placeholder { color: #BBBBBB; } .form-control::placeholder { color: #BBBBBB; } .form-control:-ms-input-placeholder { color: #BBBBBB; } /******* PLACEHOLDER FORMULARIOS *******/ .LoadingZipCode { position:absolute; margin-left:213px; margin-top:20px; z-index:999; } .LoadingCampoPequeno { position:absolute; margin-left:175px; margin-top:-28px; z-index:999; } .LoadingCampoCupom { position:absolute; margin-left:213px; margin-top:20px; z-index:999; } .ExcluirVendaMilhasSelecionado { position:absolute; margin-left:105px; margin-top:192px; z-index:999; display:none; cursor:pointer; } .LoadingSearchesSports { position:absolute; margin-left:217px; margin-top:-48px; z-index:999; } .LoadingSearchesBuskauto { position:absolute; margin-left:217px; margin-top:-48px; z-index:999; } .divLoadingSearchesYearManufactureStart { position:absolute; margin-left:87px; margin-top:-48px; z-index:999; } .divLoadingSearchesYearManufactureEnd { position:absolute; margin-left:87px; margin-top:-48px; z-index:999; } .divLoadingSearchesPrice { position:absolute; margin-left:86px; margin-top:-23px; z-index:999; } .LoadingSearchesSportsVehicleAlert { position:absolute; margin-left:222px; margin-top:9px; z-index:999; } .LoadingSearchesSportsModelsModalAlert { position:absolute; margin-left:173px; margin-top:8px; z-index:999; } .LoadingSearchesSportsVersionsModalAlert { position:absolute; margin-left:173px; margin-top:8px; z-index:999; } .LoadingSearchesProducts { position:absolute; margin-left:215px; margin-top:10px; z-index:999; } .LoadingSearchesSportsType { position:absolute; margin-left:195px; margin-top:-48px; z-index:999; } .LoadingTeamUsersSports { position:absolute; margin-left:215px; margin-top:8px; z-index:999; } .LoadingZipCodeUpdate { position:absolute; margin-left:193px; margin-top:6px; z-index:999; } .PesquisandoEnderecoLink { color:#CECEBF; position:absolute; margin-top:0px; } .DescricaoTelefone { color:#CECEBF; margin-top:0px; } .DescricaoProducts { color:#CECEBF; margin-top:0px; text-align:justify; } .PesquisandoEndereco { width:201px; position:absolute; margin-left:0px; margin-top:0px; color:#0076AB; display:none; } /* select{ color: #CCC; } select option { color: #CCC; } select option:first-child{ color: #CCC; }*/ .phothersOption {color:#AAA; } .othersOption {color:#AAA; } .line-grey { background-image: url(../../images/bg/line-grey.png); width: 100%; height: 1px; margin-top: 0px; margin-bottom: 25px; } .line-grey-pontilhada { background-image: url(../../images/bg/line-grey-dotted.png); width: 100%; height: 1px; margin-top: 0px; margin-bottom: 25px; } .line-grey-sports { background-image: url(../../images/bg/line-grey.png); width: 100%; height: 1px; margin-top: 0px; margin-bottom: 20px; } .div-title-settings-button { margin-left:25px; margin-top:-22px; font-size:14px; color:#AAA; text-align:justify; } .div-subtitle-settings-button { margin-left:25px; margin-top:-5px; font-size:14px; color:#BBBBBB; text-align:justify; } .checkPrice { width: 21px; position: absolute; margin-top: 3px; margin-left: 170px; border-collapse: collapse; border-spacing: 0; line-height: 0.4; } /* Barra com preco */ .checkPrice TD { border-bottom: 2px solid #FFFFFF; background: #C2C2C2; } .checkPrice.nvl1 TD:not(.active) { background: #3ABB1C; } .checkPrice.nvl2 TD:not(.active) { background: #80B530; } .checkPrice.nvl3 TD:not(.active) { background: #D6D233; } .checkPrice.nvl4 TD:not(.active) { background: #FB4949; } .checkPrice.nvl5 TD:not(.active) { background: #EC0D0D; } /* Msg de aviso do preco */ .div-sell-suggested { color:#BBBBBB; width:219px; margin-left:0px; margin-top:0px; font-weight: 600; } .div-sell-suggested-price { color:#CECEBF; width:219px; margin-left:0px; margin-top:0px; font-weight: 600; } .div-sell-less-red { color:#FF4D4D; width:219px; margin-left:0px; margin-top:0px; font-weight: 600; } .div-sell-less-green {color:#2DB200; width:219px; margin-left:0px; margin-top:0px; font-weight: 600; } .div-sell-less-yellow { color:#FFBF00; width:219px; margin-left:0px; margin-top:0px; font-weight: 600; } .chart-container { position: relative; width: 90%; max-width: 600px; /* Defina a largura máxima desejada para o gráfico */ margin: 0 auto; /* Centralizar o gráfico na página */ } .chart-container-mobile { position: relative; width: 90%; max-width: 600px; /* Defina a largura máxima desejada para o gráfico */ margin: 0 auto; /* Centralizar o gráfico na página */ } /* Classe para tornar o gráfico responsivo */ .responsive-chart { display: block; width: 100%; height: auto; } /* Classe para tornar o gráfico responsivo */ .responsive-chart-mobile { display: block; width: 100%; height: auto; } /* Aviso */ .copyright-obs { text-align:justify; font-size:14px; margin-top:15px; color:#888888; } .bagagemBGD { position:absolute; margin-top:-20px; margin-left:160px; } #wrap .popover { /*width: 250px;*/ max-width: 350px; white-space: normal; } .popover-title, .popover-header { font-weight: bold !important; } /* Step Bar */ #stepbar { margin-bottom: 30px; overflow: hidden; color: lightgrey } #stepbar .active { color: #76CFCD } #stepbar li { list-style-type: none; font-size: 15px; width: 25%; float: left; position: relative; font-weight: 400 } #stepbar #account:before { font-family: FontAwesome; content: "\f13e" } #stepbar #fa-plane:before { font-family: FontAwesome; content: "\f072" } #stepbar #fa-users:before { font-family: FontAwesome; content: "\f0c0" } #stepbar #fa-money:before { font-family: FontAwesome; content: "\f0d6" } #stepbar #fa-money:before { font-family: FontAwesome; content: "\f0d6" } #stepbar #fa-search:before { font-family: FontAwesome; content: "\f002" } #stepbar #fa-user:before { font-family: FontAwesome; content: "\f007" } #stepbar #payment:before { font-family: FontAwesome; content: "\f030" } #stepbar #confirm:before { font-family: FontAwesome; content: "\f00c" } #stepbar #fa-files-o:before { font-family: FontAwesome; content: "\f0c5" } #stepbar #fa-list:before { font-family: FontAwesome; content: "\f03a" } #stepbar #fa-flag-checkered:before { font-family: FontAwesome; content: "\f11e" } #stepbar #fa-shopping-cart:before { font-family: FontAwesome; content: "\f07a" } #stepbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 20px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px } #stepbar li:after { content: ''; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 } #stepbar li.active:before, #stepbar li.active:after { background: #76CFCD } /* Step Bar */ /* Icones Pagamento */ .banks-itau-desativado { background-image: url(../../images/icon/payment/itau-desativado.png); width:42px; height:42px; margin-left:27px; margin-top:14px; position:absolute; } .banks-itau { background-image: url(../../images/icon/payment/itau.png); width:42px; height:42px; margin-left:27px; margin-top:14px; position:absolute; } .banks-bb-desativado { background-image: url(../../images/icon/payment/bb-desativado.png); width:71px; height:36px; margin-left:12px; margin-top:17px; position:absolute; } .banks-bb { background-image: url(../../images/icon/payment/bb.png); width:71px; height:36px; margin-left:12px; margin-top:17px; position:absolute; } .banks-bradesco-desativado { background-image: url(../../images/icon/payment/bradesco-desativado.png); width:57px; height:45px; margin-left:20px; margin-top:13px; position:absolute; } .banks-bradesco { background-image: url(../../images/icon/payment/bradesco.png); width:57px; height:45px; margin-left:20px; margin-top:13px; position:absolute; } .banks-hsbc-desativado { background-image: url(../../images/icon/payment/hsbc-desativado.png); width:57px; height:48px; margin-left:19px; margin-top:10px; position:absolute; } .banks-hsbc { background-image: url(../../images/icon/payment/hsbc.png); width:57px; height:48px; margin-left:19px; margin-top:10px; position:absolute; } .banks-banrisul-desativado { background-image: url(../../images/icon/payment/banrisul-desativado.png); width:64px; height:42px; margin-left:16px; margin-top:12px; position:absolute; } .banks-banrisul { background-image: url(../../images/icon/payment/banrisul.png); width:64px; height:42px; margin-left:16px; margin-top:12px; position:absolute; } .banks-check-green { background-image: url(../../images/icon/check-green.png); width:18px; height:18px; margin-left:74px; margin-top:0px; position:absolute; } .flags_amex { background-image: url(../../images/icon/payment/flags/amex_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_amex_ds { background-image: url(../../images/icon/payment/flags/amex_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_aura { background-image: url(../../images/icon/payment/flags/aura_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_aura_ds { background-image: url(../../images/icon/payment/flags/aura_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_avista { background-image: url(../../images/icon/payment/flags/avista_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_avista_ds { background-image: url(../../images/icon/payment/flags/avista_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_brasilcard { background-image: url(../../images/icon/payment/flags/brasilcard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_brasilcard_ds { background-image: url(../../images/icon/payment/flags/brasilcard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_cabal { background-image: url(../../images/icon/payment/flags/cabal_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_cabal_ds { background-image: url(../../images/icon/payment/flags/cabal_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_cardban { background-image: url(../../images/icon/payment/flags/cardban_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_cardban_ds { background-image: url(../../images/icon/payment/flags/cardban_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_diners { background-image: url(../../images/icon/payment/flags/diners_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_diners_ds { background-image: url(../../images/icon/payment/flags/diners_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_elo { background-image: url(../../images/icon/payment/flags/elo_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_elo_ds { background-image: url(../../images/icon/payment/flags/elo_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_fortbrasil { background-image: url(../../images/icon/payment/flags/fortbrasil_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_fortbrasil_ds { background-image: url(../../images/icon/payment/flags/fortbrasil_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_grandcard { background-image: url(../../images/icon/payment/flags/grandcard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_grandcard_ds { background-image: url(../../images/icon/payment/flags/grandcard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_hipercard { background-image: url(../../images/icon/payment/flags/hipercard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_hipercard_ds { background-image: url(../../images/icon/payment/flags/hipercard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_mais { background-image: url(../../images/icon/payment/flags/mais_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_mais_ds { background-image: url(../../images/icon/payment/flags/mais_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_mastercard { background-image: url(../../images/icon/payment/flags/mastercard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_mastercard_ds { background-image: url(../../images/icon/payment/flags/mastercard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_personalcard { background-image: url(../../images/icon/payment/flags/personalcard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_personalcard_ds { background-image: url(../../images/icon/payment/flags/personalcard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_plenocard { background-image: url(../../images/icon/payment/flags/plenocard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_plenocard_ds { background-image: url(../../images/icon/payment/flags/plenocard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_sorocred { background-image: url(../../images/icon/payment/flags/sorocred_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_sorocred_ds { background-image: url(../../images/icon/payment/flags/sorocred_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_valecard { background-image: url(../../images/icon/payment/flags/valecard_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_valecard_ds { background-image: url(../../images/icon/payment/flags/valecard_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_visa { background-image: url(../../images/icon/payment/flags/visa_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_visa_ds { background-image: url(../../images/icon/payment/flags/visa_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .hiper_flag { background-image: url(../../images/icon/payment/flags/hiper_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .hiper_flag_ds { background-image: url(../../images/icon/payment/flags/hiper_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .hiper_jcb { background-image: url(../../images/icon/payment/flags/hiper_jcb.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .hiper_jcb_ds { background-image: url(../../images/icon/payment/flags/hiper_jcb_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_discover { background-image: url(../../images/icon/payment/flags/discover_flag.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } .flags_discover_ds { background-image: url(../../images/icon/payment/flags/discover_flag_ds.png); width:42px; height:20px; margin-top:15px; margin-left:193px; position:absolute; z-index:1; } /* Icones Pagamento */ .change-airports-0 { position:absolute; background-image:url(../../images/icon/change-airports-from-to-0.png); width:27px; height:27px; z-index:2; cursor:pointer; } .change-airports-1 { position:absolute; background-image:url(../../images/icon/change-airports-from-to-1.png); width:27px; height:27px; z-index:2; cursor:pointer; } .tab-link { width:427px; height:128px; } .airplane-yellow-arrival { background-image:url(../../images/icon/airplane-yellow-arrival.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .div-img-sports-bar { background-image:url(../../images/icon/sports/games.png); background-repeat:no-repeat; width:147px; height:128px; position:absolute; margin-top:-20px; margin-left:274px; z-index: -1; } .div-img-airplane-departure { background-image:url(../../images/icon/airline-departure-white.png); background-repeat:no-repeat; width:147px; height:128px; position:absolute; margin-top:-20px; margin-left:250px; z-index: -1; } .div-img-airplane-arrival { background-image:url(../../images/icon/airline-arrival-white.png); background-repeat:no-repeat; width:147px; height:128px; position:absolute; margin-top:-20px; margin-left:250px; } .airplane-yellow-arrival-disabled { background-image:url(../../images/icon/airplane-yellow-arrival-disabled.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .airplane-yellow-departure { background-image:url(../../images/icon/airplane-yellow-departure.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .airplane-yellow-departure-disabled { background-image:url(../../images/icon/airplane-yellow-departure-disabled.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .quebraLinhaScoreJogos { width:100%; height:25px; } .div-stretch { height:67px; position: relative; z-index:0; } .div-stretch-details { width: 100%; height:67px; margin-left:10px; margin-top:10px; } .div-stretch-title { font-size:18px; color:#BBBBBB; font-weight:bold; line-height:15px; } .div-stretch-subtitle { font-size:16px; color:#BBBBBB; line-height:15px; } .div-stretch-airport-departure { font-size:18px; color:#026CB6; font-weight:600; } .div-stretch-airport-arrival { font-size:18px; color:#05AEF1; font-weight:600; } .div-stretch-airport-name-arrival { font-size:14px; color:#333333; line-height:15px; } .div-stretch-airport-name-departure { font-size:14px; color:#999999; } .div-stretch-flight-select { font-size:14px; color:#0076AB; line-height:15px; } .div-stretch-flight-select-green { font-size:14px; color:#2DB200; line-height:15px; } .tabs-days-container { width: auto; margin: 25px auto; margin-top:0px; } ul.tabs-days{ margin: 0px; padding: 0px; list-style: none; cursor: pointer; } ul.tabs-days li{ color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; border-radius: 15px 15px 0px 0px; } ul.tabs-days li.current{ background: #E8FDFD; color: #222; } .tab-days-content{ display: none; padding: 15px; margin-left:-15px; } .tab-days-content.current{ display: inherit; } .tab-days-link-grey { width:124px; height:101px; background: #F6F6F6; } .tab-days-link-blue { width:124px; height:101px; background: #E8FDFD; } .days-div-title-grey { background: #ECECEC; color: #222; border-radius: 15px 15px 0px 0px; width:124px; height:32px; margin-left:-15px; margin-top:-10px; position:absolute; } .days-div-title-yellow { background: #F5DE56; color: #222; border-radius: 15px 15px 0px 0px; width:124px; height:32px; margin-left:-15px; margin-top:-10px; position:absolute; } .days-center-grey { text-align:center; color:#999999; margin-top:1px; } .days-center-yellow { text-align:center; color:#0076AB; margin-top:1px; } .days-span-day { font-size:20px; font-weight: bold; } .days-span-month { font-size:14px; } .days-line-white { background-image: url(../../images/bg/line-white.png); width:124px; height:1px; margin-top:21px; margin-left:-15px; position:absolute; } .days-airlines { text-align:center; margin-top:35px; font-size:16px; } .days-money { text-align:center; margin-top:-5px; font-size:18px; } .days-div-airlines-grey { color: #999999; } .days-div-airlines-blue { color: #0076AB; } .airplane-yellow-arrival { background-image:url(../../images/icon/airplane-yellow-arrival.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .airplane-yellow-arrival-disabled { background-image:url(../../images/icon/airplane-yellow-arrival-disabled.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .airplane-yellow-departure { background-image:url(../../images/icon/airplane-yellow-departure.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .airplane-yellow-departure-disabled { background-image:url(../../images/icon/airplane-yellow-departure-disabled.png); background-repeat:no-repeat; width:56px; height:45px; margin-top:15px; float:left; } .line-grey-dotted { background-image: url(../../images/bg/line-grey-dotted.png); height:1px; display: flex; } .line-grey-dotted-cabecalho-jogo { background-image: url(../../images/bg/line-grey-dotted.png); height:1px; display: flex; } .line-grey-dotted-cabecalho-atleta { background-image: url(../../images/bg/line-grey-dotted.png); width:335px; height:1px; display: flex; } .posicaoEstatisticasTimesAtletasTecnicos { margin-top:20px; margin-left:-40px; } .line-grey-dotted-cabecalho-placar { background-image: url(../../images/bg/line-grey-dotted.png); width:324px; height:1px; margin-left:15px; display: flex; } .alinhaPosicaoEstatisticasJogo { margin-top:20px; margin-left:5px; } .posicaoBoxDadosEsportesJogos { width:100%; margin-left:15px; margin-top:10px; float:left; padding-bottom:10px; } .posicaoEstatisticasAtleta { margin-left:0px; margin-top:15px; } .line-grey-dotted-footer { background-image: url(../../images/bg/line-grey-dotted-footer.png); height:1px; display: flex; } .line-grey-dotted-pq { background-image: url(../../images/bg/line-grey-dotted.png); width:100%; height:1px; /*margin-top:0px;*/ /*position:absolute;*/ } .line-grey-dotted-pq-white { background-image: url(../../images/bg/line-grey-dotted-white.png); width:100%; height:1px; /*margin-top:0px;*/ /*position:absolute;*/ } .line-grey-dotted-pq-cinza { background-image: url(../../images/bg/line-grey-dotted-white-cinza.png); width:100%; height:1px; /*margin-top:0px;*/ /*position:absolute;*/ } .line-grey-dotted-100 { background-image: url(../../images/bg/line-grey-dotted.png); width:100%; height:1px; /*margin-top:0px;*/ /*position:absolute;*/ } .btnCloseBoxDados { position:absolute; } .tabs-container{ width: auto; margin: 25px auto; margin-top:10px; } ul.tabs{ margin: 0px; padding: 0px; list-style: none; } ul.tabs li{ background: #F6F6F6; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; border-radius: 15px 15px 0px 0px; } ul.tabs li.current{ background: #E8FDFD; color: #222; } .verticalBuscaPorData { font-size: 14px; font-weight: bold; color: #999999; width:27px; height:114px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); /* opcional: Opera agora usa -webkit */ transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; /* opcional: Opera agora usa -webkit */ transform-origin: 50% 50%; /* Use se você quer que apareça para o IE8. */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .divTransparenteCalendario { z-index:9; position:absolute; background-color:#DDDDDD; width:53px; height:128px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .divTransparenteCalendarioCartola { z-index:9; position:absolute; background-color:#DDDDDD; width:53px; height:147px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .divTransparenteCalendarioGrande { z-index:9; position:absolute; background-color:#DDDDDD; width:58px; height:128px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .divTransparenteCalendarioGrandeCartola { z-index:9; position:absolute; background-color:#DDDDDD; width:58px; height:147px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .divTransparenteCalendarioGrandeBuskAuto { z-index:9; position:absolute; background-color:#DDDDDD; width:58px; height:160px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .divTransparenteCalendarioGrandeShowDeVizinha { z-index:9; position:absolute; background-color:#383838; width:58px; height:147px; cursor: not-allowed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ } .quebraCalendario { width:2px; height:127px; float:left; background-color:#FFFFFF; } .quebraCalendarioSV { width:2px; height:127px; float:left; background-color:#1A1A1A; } .cssBuscadorEsporteOutrasTelas { width:665px; position:absolute; margin-top:15px; } .cssBuscadorBuskautoOutrasTelas { width:850px; position:absolute; margin-top:15px; } .cssBuscadorEsporteTimeAtletasOutrasTelas { width:685px; position:absolute; margin-top:15px; } .cssBuscadorEsporteIndex { /*margin-left:100px;*/ margin-left:10px; } .cssBuscadorBuskautoIndex { /*margin-left:100px;*/ margin-left:140px; } .cssBuscadorProdutoIndex { margin-left:240px; } .divBoxCalendarioDados { width:53px; height:127px; float:left; } .divBoxValueSuperchat { width:100%; height:100px; background-color:#DDDDDD; display:none; } .divBoxMPConteudo { margin-left:5px; } .divBoxMensagensPrincipais { width:100%; height:57px; overflow-x: hidden; overflow-y: scroll; background-color:#F8F8F8; padding-bottom:10px; /*display:none;*/ } .divBtnSendMessage { position:absolute; margin-top:18px; margin-left:240px; z-index:999; } .LoadingSendMessageSuperchat { position:absolute; margin-top:18px; margin-left:215px; display:none; } .posicaoSuperchat { margin-top:60px; margin-left:47px; position:absolute; } .posicaoSuperchatBlog{ margin-top:0px; margin-left:30px; position:absolute; } .divValorSuperchat { text-align:center; width:93%; margin-top:-45px; margin-left:15px; position:absolute; z-index:19 } .divTamanhoCalendario { width:53px; } .alinhaRedesSociaisRodape{ width:230px; margin:10px auto 0; /* centraliza o próprio bloco */ display:flex; /* centraliza o conteúdo dentro */ justify-content:center; align-items:center; gap:8px; /* espaço entre ícones, opcional */ } .alinhaRedesSociaisRodapeBuskape { width:200px; margin-left:auto; margin-right:auto; float:left; margin-left:120px; margin-top:10px; } .alinhaIdiomaRodape { width:140px; margin-left:auto; margin-right:auto; float:left; margin-left:87px; margin-top:10px; } .divBoxCalendarioDadosGrande { width:58px; height:127px; float:left; } .divBoxCalendarioCartolaOnline { width:58px; height:147px; float:left; } .divBoxCalendarioBuskAuto { width:58px; height:160px; float:left; } .divTamanhoCalendarioGrande { width:58px; } .divTamanhoVooVolta { width:427px; height:140px; margin-top:13px; } .divBoxCalendarioTrecho { width:28px; height:127px; background-color:#E8FDFD; border-radius: 10px 0px 0px 0px; float:left; } .copyright-obs-div { position: relative; min-height: 85px; } .msgSemVoosData { font-size:10px; color:#BBBBBB; margin-top:40px; line-height:0.9; text-align:center; } .div-date-filter-box-sites { width:48.6px; height:70px; background-color:#EEEEEE; margin-top:7px; border-radius: 12px 12px 12px 12px; margin-left:2px; } .div-date-filter-box-site { width:40px; height:78px; background-color:#EEEEEE; margin-top:7px; border-radius: 12px 12px 12px 12px; margin-left:2px; } .div-date-filter-box-responsivo { width:830px; height:42px; background-color:#EEEEEE; margin-top:7px; margin-left:5px; border-radius: 12px 12px 12px 12px; } .filter-box-airlinesBrandIMG { width:40px; height:20px; margin-top:8px; text-align:center; } .filter-box-sitesBrandIMG { width:47px; height:20px; margin-top:10px; text-align:center; } .filter-box-loading { width:40px; margin-top:9px; text-align:center; } .filter-box-loading-sites { width:40px; margin-top:8px; margin-left:4px; text-align:center; position:absolute; color:#888888; } /* #flightsHover:hover{ background-color: #FFFFEC; } .flightsHover:hover{ background-color: #FFFFEC; } */ /* cuidados malas */ #cuidados-malas { position:absolute; margin-left:0; margin-top:0px; float:left; } #cuidados-malas ul { float:left; padding:0; margin:0; list-style:none; } #cuidados-malas li { float:left; width:auto; } #cuidados-malas a { display:block; width:auto; background-position:0 0; text-indent:-9999px; height:63px; background:url("../../images/cuidados-malas.png") no-repeat 0 0; } /* baterias */ #cuidados-malas a#baterias { width: 75px; background-position: 0 0px; } #cuidados-malas a#baterias:hover { background-position: 0px -63px; } #cuidados-malas a#baterias.active { background-position: 0px -63px; } /*explosivos*/ #cuidados-malas a#explosivos { width: 96px; background-position: -75px 0px; } #cuidados-malas a#explosivos:hover { background-position: -75px -63px; } #cuidados-malas a#explosivos.active { background-position: -75px -63px; } /*aerrossol*/ #cuidados-malas a#aerrossol { width: 90px; background-position: -171px 0px; } #cuidados-malas a#aerrossol:hover { background-position: -171px -63px; } #cuidados-malas a#aerrossol.active { background-position: -171px -63px; } /*inflamaveis*/ #cuidados-malas a#inflamaveis { width: 103px; background-position: -261px 0px; } #cuidados-malas a#inflamaveis:hover { background-position: -261px -63px; } #cuidados-malas a#inflamaveis.active { background-position: -261px -63px; } /*oxidantes*/ #cuidados-malas a#oxidantes { width: 87px; background-position: -364px 0px; } #cuidados-malas a#oxidantes:hover { background-position: -364px -63px; } #cuidados-malas a#oxidantes.active { background-position: -364px -63px; } /*venenosos*/ #cuidados-malas a#venenosos { width: 88px; background-position: -451px 0px; } #cuidados-malas a#venenosos:hover { background-position: -451px -63px; } #cuidados-malas a#venenosos.active { background-position: -451px -63px; } /*radioativos*/ #cuidados-malas a#radioativos { width: 98px; background-position: -539px 0px; } #cuidados-malas a#radioativos:hover { background-position: -539px -63px; } #cuidados-malas a#radioativos.active { background-position: -539px -63px; } /*corrosivos*/ #cuidados-malas a#corrosivos { width: 85px; background-position: -624px 0px; } #cuidados-malas a#corrosivos:hover { background-position: -624px -63px; } #cuidados-malas a#corrosivos.active { background-position: -624px -63px; } /******************* DESTAQUE DO VOO *******************/ .displayBoxCenterEsquerda { /*padding:30px;*/ line-height:15px; background-color:#FDF9ED; border-top-left-radius: 10px; border-top-right-radius: 10px; /*border-bottom-left-radius: 10px;*/ /*border-bottom-right-radius: 10px;*/ border-bottom: solid 5px #7DCDD1; } .stretch-div-going-departure { width:280px; height:79px; border-radius:15px 15px 0px 0px; background-image:url(../../images/div-img-airplane-departure-pq.png); background-repeat:no-repeat; background-position:center; } .stretch-div-going-arrival { width:280px; height:79px; border-radius:15px 15px 0px 0px; background-image:url(../../images/div-img-airplane-arrival-pq.png); background-repeat:no-repeat; background-position:center; } .stretch-div-flight-body { width:140px; height:59px; float:left; margin-top:5px; text-align:center; } .strech-div-flight-title { font-size:28px; color:#0076AB; font-weight:600; } .strech-div-flight-datetime { font-size:12px; color:#999999; line-height:4px; } /******************* DESTAQUE DO VOO *******************/ .copyright-obs-luggage { text-align:justify; font-size:12px; margin-top:15px; color:#888888; } .copyright-obs-text { text-align:justify; font-size:14px; margin-top:13px; color:#999999; } .list-group.panel > .list-group-item { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .list-group-submenu { margin-left:20px; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } /*plus duvidas*/ .btn-plus-duvidas { width:20px; float:left; cursor:pointer; } .btn-plus-duvidas ul { padding:0; margin:0; list-style:none; } .btn-plus-duvidas li { width:20px; height:54px; } .btn-plus-duvidas a { display:block; width:auto; background-position:0 0; text-indent:-9999px; height:39px; background:url("../../images/buttons/botao-duvidas-plus.png") no-repeat 0 0; } .btn-plus-duvidas a#duvidas { width: 20px; background-position: 0px 0; } .btn-plus-duvidas a#duvidas:hover { background-position: -20px 0; } .btn-plus-duvidas a#duvidas.active { background-position: 0 0; } /*less duvidas*/ .btn-less-duvidas { width:20px; float:left; cursor:pointer; } .btn-less-duvidas ul { padding:0; margin:0; list-style:none; } .btn-less-duvidas li { width:20px; height:54px; } .btn-less-duvidas a { display:block; width:auto; background-position:0 0; text-indent:-9999px; height:39px; background:url("../../images/buttons/botao-duvidas-less.png") no-repeat 0 0; } .btn-less-duvidas a#duvidas { width: 20px; background-position: 0px 0; } .btn-less-duvidas a#duvidas:hover { background-position: -20px 0; } .btn-less-duvidas a#duvidas.active { background-position: 0 0; } .line-grey-table-clear { background-image: url(../../images/bg/line-grey-clear.png); width: 100%; height: 1px; } .div-btn-fechar-comprar { /*height:65px;*/ /*display: flex;*/ text-align:right; justify-content: flex-end; } .btnPostPayment { background-color:#1ABC9C; border:none; font-size:16px; margin-top:15px; float:right; } .line-grey-table { background-image: url(../../images/bg/line-grey.png); width: 100%; height: 1px; } .OfertasViagensBanners { width: 285px; height: 160px; } .DestaqueBlogVarios { width: 285px; height: 160px; } .search-wrapper { display: flex; justify-content: flex-end; padding-right: 60px; } .authorization-container { display: flex; align-items: center; justify-content: center; grid-gap: 15px; margin: 15px 0; } .authorization-description { font-size:14px; color:#BBBBBB; text-align:justify; } .authorization-description-sv { font-size:14px; color:#FFF; text-align:justify; } .cadatro-wrapper { display: flex; justify-content: end; margin: 15px 0; } .passagens-flex { display: flex; flex-direction: column; } .passagens-header { justify-content: space-between; } .search-bar-site { display: flex; background-color:#F9F9F9; margin: 15px 0; border-radius: 15px 15px 0px 0px; height: 93px; /*Tamanho do box*/ } .search-bar-site-buscadores-calendario { /*display: flex;*/ background-color:#F9F9F9; /*margin: 15px 0; */ border-radius: 15px 15px 0px 0px; height: 160px; /*Tamanho do box*/ } .search-bar-responsivo { /*display: flex;*/ background-color:#F9F9F9; margin: 15px 0; border-radius: 15px 15px 0px 0px; /*height: 93px; /*Tamanho do box*/ } .filters { text-align:left; margin: 15px 0; } .filtersSports { text-align:left; margin-top:5px; } .full { width: 100%; } /* FLY DATA */ .fly-data-container { align-items: center; display: flex; justify-content: space-between; width: 100%; } .fly-data-container > div { text-align: center; } .fly-data-container-details { align-items: center; display: flex; width: 100%; justify-content: space-between; padding: 10px 0; } .fly-data-container-details > div { text-align: center; } #flights-departure { width: 100%; } .desconto { position:absolute; width:67px; height:41px; margin-left:-60px; margin-top:10px; z-index:99; } .botoes-container { display: flex; justify-content: flex-end; padding: 15px 0; } #DivCarregandoIda { width: 100%; text-align:center; font-size:18px; color:#999999; font-weight:600; line-height: 1; } .search-conta { margin: 20px 0; justify-content: flex-end; padding-right: 35px; } /* .search-conta { position: relative; top: 18px; justify-content: flex-end; padding-right: 35px; } */ .search-conta-co { margin-top:-49px; justify-content: flex-end; padding-right: 35px; } .search-atletas { justify-content: flex-end; } .divAjusteBuscador { margin-top:-54px; } .ajustaPosicaoDetalhesVoo { margin-top:20px; } .boxDestaqueEsquerda { width:295px; text-align:left; float:left; margin-left:25px; margin-top:-70px; } .boxDestaqueEsquerdaBuskauto { width:295px; text-align:left; float:left; margin-left:0px; } .boxDestaqueDireita { width:295px; text-align:right; float:right; margin-right:25px; margin-top:50px; } .tituloDestaqueAzul { font-size:28px; font-weight:1000; line-height: 0.8; color:#004C7F; } .subTituloDestaqueAzulClaro { font-size:28px; font-weight:500; line-height: 0.8; color:#006CB6; } .subTituloDestaqueBrancoClaro { font-size:28px; font-weight:500; line-height: 0.8; color:#FFFFFF; } .divConteudoBuskautoAba5 { height:365px; } /****************** PAGINACAO ******************/ #content { position:relative; height:400px; } #content .page { position:absolute; top:0px; } .pagination{ padding: 2px; } .pagination ul{ margin: 0; padding: 0; text-align: left; font-size: 16px; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: #FFFF80; } .pagination a.prevnext{ font-weight: bold; } .page_number { border: 1px solid #9aafe5; color: #2e6ab1; padding:5px; text-align: center; width: 20px; } /****************** PAGINACAO ******************/ /******************* SOCIAL *******************/ /* social lateral */ #social-lateral-pt-br { width: 48px; float: left; cursor: pointer; z-index: 9999; position: fixed; bottom: 0; } #social-lateral-pt-br ul { padding: 0; margin: 0; list-style: none; } #social-lateral-pt-br li { width: 48px; height: 48px; } #social-lateral-pt-br a { display: block; width: auto; background-position: 0 0; text-indent: -9999px; height: 48px; background: url("../../images/social/sociais-site-pt-br.png") no-repeat 0 0; } /* facebook */ #social-lateral-pt-br a#facebook { width: 48px; background-position: 0px 0; } #social-lateral-pt-br a#facebook:hover { width: 222px; background-position: -48px 0; } /* twitter */ #social-lateral-pt-br a#twitter { width: 48px; background-position: 0 -48px; } #social-lateral-pt-br a#twitter:hover { width: 222px; background-position: -48px -48px; } /* instagram */ #social-lateral-pt-br a#instagram { width: 48px; background-position: 0 -96px; } #social-lateral-pt-br a#instagram:hover { width: 222px; background-position: -48px -96px; } /* tiktok */ #social-lateral-pt-br a#tiktok { width: 48px; background-position: 0 -144px; } #social-lateral-pt-br a#tiktok:hover { width: 222px; background-position: -48px -144px; } /* linkedin */ #social-lateral-pt-br a#linkedin { width: 48px; background-position: 0 -192px; } #social-lateral-pt-br a#linkedin:hover { width: 222px; background-position: -48px -192px; } /* whatsapp */ #social-lateral-pt-br a#whatsapp { width: 48px; background-position: 0 -240px; } #social-lateral-pt-br a#whatsapp:hover { width: 222px; background-position: -48px -240px; } /* busca */ #social-lateral-pt-br a#busca { width: 48px; background-position: 0 -288px; } #social-lateral-pt-br a#busca:hover { width: 222px; background-position: -48px -288px; } /* cotar */ #social-lateral-pt-br a#cotar { width: 48px; background-position: 0 -336px; } #social-lateral-pt-br a#cotar:hover { width: 222px; background-position: -48px -336px; } /* jogos */ #social-lateral-pt-br a#jogos { width: 48px; background-position: 0 -384px; } #social-lateral-pt-br a#jogos:hover { width: 222px; background-position: -48px -384px; } /* times atletas tecnicos */ #social-lateral-pt-br a#timesatletastecnicos { width: 48px; background-position: 0 -432px; } #social-lateral-pt-br a#timesatletastecnicos:hover { width: 222px; background-position: -48px -432px; } /* tabela classificacao */ #social-lateral-pt-br a#tabelaclassificacao { width: 48px; background-position: 0 -480px; } #social-lateral-pt-br a#tabelaclassificacao:hover { width: 222px; background-position: -48px -480px; } /* tabela cartola */ #social-lateral-pt-br a#tabelacartola { width: 48px; background-position: 0 -528px; } #social-lateral-pt-br a#tabelacartola:hover { width: 222px; background-position: -48px -528px; } /* telegram */ #social-lateral-pt-br a#telegram { width: 48px; background-position: 0 -576px; } #social-lateral-pt-br a#telegram:hover { width: 222px; background-position: -48px -576px; } /* vizinhas */ #social-lateral-pt-br a#vizinhas { width: 48px; background-position: 0 -624px; } #social-lateral-pt-br a#vizinhas:hover { width: 222px; background-position: -48px -624px; } /* buskauto */ #social-lateral-pt-br a#buskauto { width: 48px; background-position: 0 -672px; } #social-lateral-pt-br a#buskauto:hover { width: 222px; background-position: -48px -672px; } /* social lateral */ #social-lateral-en-us { width: 48px; float: left; cursor: pointer; z-index: 9999; position: fixed; bottom: 0; } #social-lateral-en-us ul { padding: 0; margin: 0; list-style: none; } #social-lateral-en-us li { width: 48px; height: 48px; } #social-lateral-en-us a { display: block; width: auto; background-position: 0 0; text-indent: -9999px; height: 48px; background: url("../../images/social/sociais-site-en-us.png") no-repeat 0 0; } /* facebook */ #social-lateral-en-us a#facebook { width: 48px; background-position: 0px 0; } #social-lateral-en-us a#facebook:hover { width: 222px; background-position: -48px 0; } /* twitter */ #social-lateral-en-us a#twitter { width: 48px; background-position: 0 -48px; } #social-lateral-en-us a#twitter:hover { width: 222px; background-position: -48px -48px; } /* instagram */ #social-lateral-en-us a#instagram { width: 48px; background-position: 0 -96px; } #social-lateral-en-us a#instagram:hover { width: 222px; background-position: -48px -96px; } /* tiktok */ #social-lateral-en-us a#tiktok { width: 48px; background-position: 0 -144px; } #social-lateral-en-us a#tiktok:hover { width: 222px; background-position: -48px -144px; } /* linkedin */ #social-lateral-en-us a#linkedin { width: 48px; background-position: 0 -192px; } #social-lateral-en-us a#linkedin:hover { width: 222px; background-position: -48px -192px; } /* whatsapp */ #social-lateral-en-us a#whatsapp { width: 48px; background-position: 0 -240px; } #social-lateral-en-us a#whatsapp:hover { width: 222px; background-position: -48px -240px; } /* busca */ #social-lateral-en-us a#busca { width: 48px; background-position: 0 -288px; } #social-lateral-en-us a#busca:hover { width: 222px; background-position: -48px -288px; } /* cotar */ #social-lateral-en-us a#cotar { width: 48px; background-position: 0 -336px; } #social-lateral-en-us a#cotar:hover { width: 222px; background-position: -48px -336px; } /* jogos */ #social-lateral-en-us a#jogos { width: 48px; background-position: 0 -384px; } #social-lateral-en-us a#jogos:hover { width: 222px; background-position: -48px -384px; } /* times atletas tecnicos */ #social-lateral-en-us a#timesatletastecnicos { width: 48px; background-position: 0 -432px; } #social-lateral-en-us a#timesatletastecnicos:hover { width: 222px; background-position: -48px -432px; } /* tabela classificacao */ #social-lateral-en-us a#tabelaclassificacao { width: 48px; background-position: 0 -480px; } #social-lateral-en-us a#tabelaclassificacao:hover { width: 222px; background-position: -48px -480px; } /* tabela cartola */ #social-lateral-en-us a#tabelacartola { width: 48px; background-position: 0 -528px; } #social-lateral-en-us a#tabelacartola:hover { width: 222px; background-position: -48px -528px; } /* telegram */ #social-lateral-en-us a#telegram { width: 48px; background-position: 0 -576px; } #social-lateral-en-us a#telegram:hover { width: 222px; background-position: -48px -576px; } /* vizinhas */ #social-lateral-pt-br a#vizinhas { width: 48px; background-position: 0 -624px; } #social-lateral-pt-br a#vizinhas:hover { width: 222px; background-position: -48px -624px; } /******************* SOCIAL *******************/ /******************* AUTOCOMPLETE *******************/ .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } /******************* AUTOCOMPLETE *******************/ .stepper-wrapper { margin-top: auto; display: flex; justify-content: space-between; margin-bottom: 0px; margin-top: 10px; } /******************* PROGRESS BAR (PADRAO) *******************/ .stepper-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; color: #ffffff; @media (max-width: 768px) { font-size: 12px; } } .stepper-item::before { position: absolute; content: ""; border-bottom: 2px solid #EEEEEE; width: 100%; top: 15px; left: -50%; z-index: 2; } .stepper-item::after { position: absolute; content: ""; border-bottom: 2px solid #EEEEEE; width: 100%; top: 15px; left: 50%; z-index: 2; } .stepper-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #EEEEEE; margin-bottom: 6px; } .stepper-item.active { font-weight: bold; } .stepper-item.completed .step-counter { background-color: #7DCDD1; } .stepper-item.completed::after { position: absolute; content: ""; border-bottom: 2px solid #7DCDD1; width: 100%; top: 15px; left: 50%; z-index: 3; } .stepper-item:first-child::before { content: none; } .stepper-item:last-child::after { content: none; } /******************* PROGRESS BAR (PADRAO) *******************/ /****************** PROGRESS BAR (BUSKAUTO) ******************/ .stepper-item-buskauto { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; color: #ffffff; @media (max-width: 768px) { font-size: 12px; } } .stepper-item-buskauto::before { position: absolute; content: ""; border-bottom: 2px solid #EEEEEE; width: 100%; top: 15px; left: -50%; z-index: 2; } .stepper-item-buskauto::after { position: absolute; content: ""; border-bottom: 2px solid #EEEEEE; width: 100%; top: 15px; left: 50%; z-index: 2; } .stepper-item-buskauto .step-counter-buskauto { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #EEEEEE; margin-bottom: 6px; } .stepper-item-buskauto.active { font-weight: bold; } .stepper-item-buskauto.completed .step-counter-buskauto { background-color: #F4D03A; } .stepper-item-buskauto.completed::after { position: absolute; content: ""; border-bottom: 2px solid #F4D03A; width: 100%; top: 15px; left: 50%; z-index: 3; } .stepper-item-buskauto:first-child::before { content: none; } .stepper-item-buskauto:last-child::after { content: none; } /****************** PROGRESS BAR (BUSKAUTO) ******************/ .nav-top-loja { position: relative; min-height: 31px; background-color: #02406F; color: #FFFFFF; } .nav-top-loja-sv { position: relative; min-height: 31px; background-color: #353535; color: #FFFFFF; } .nav-top-loja-co { position: relative; min-height: 31px; background-color: #00505B; color: #FFFFFF; } .nav-top-loja-im { position: relative; min-height: 31px; background-color: #D9EBE5; color: #FFFFFF; } .nav-top-loja-buskauto { position: relative; min-height: 31px; background-color: #036074; color: #FFFFFF; } .divCalendarioMobile { display:none; } .content-div-left-top { margin-top: 5px; margin-left: 10px; float: left; } .content-div-left-top { margin-top: 5px; margin-left: 10px; float: left; } .content-div-right-top { margin-top: 5px; margin-right: 10px; float: right; } .btnRealizarPagamento { margin-right:5px; margin-top:0px; } .placarValor { width:25px; height:25px; color:#026CB6; float:left; text-align:center; font-size:22px; font-weight: bold; } .placarDivisa { width:10px; height:25px; color:#05AEF1; float:left; text-align:center; font-size:22px; } .boxDisplayAguardando0 { margin-left:0px; width:20%; float:left; display:none; } .boxTodosEsportesJogosEvento { background-color:#F8F8F8; width:384px; /*height:140px;*/ border-top-left-radius:10px; border-top-right-radius:10px; } .boxTodosEsportesJogador { background-color:#E8FDFD; width:384px; height:100px; border-top-left-radius:10px; border-top-right-radius:10px; } .boxTodosProdutoTitulo { background-color:#E8FDFD; width:384px; border-top-left-radius:10px; border-top-right-radius:10px; } .posicaoProdutoTitulo { position:absolute; width:355px; margin-top:20px; } .divFotoAvatar { float: right; width: 61px; height: 61px; background-color: #FFFFFF; border-top-left-radius: 39px; border-top-right-radius: 39px; border-bottom-left-radius: 39px; border-bottom-right-radius: 39px; margin-right: 20px; margin-top: -35px; display: flex; align-items: center; justify-content: center; } .divFotoAvatarGrande { float: right; width: 101px; height: 100px; background-color: #FFFFFF; border-radius: 50%; margin-right: 15px; margin-top: -35px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 2px; overflow: hidden; position: relative; z-index: 10; } .divFotoAvatarGrande img { width: 97px; height: 96px; border-radius: 50%; object-fit: cover; display: block; margin: 0; padding: 0; } .divFotoAvatarStories { flex: 0 0 auto; width: 78px; height: 78px; background-color: #4A4A4A; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 2px; overflow: visible; position: relative; z-index: 10; cursor: pointer; } .divFotoAvatarStories img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; display: block; margin: 0; padding: 0; overflow: hidden; } .contadorStoriesAvatar { position: absolute; right: -7px; bottom: -7px; width: 26px; height: 26px; padding: 0; border-radius: 50%; background: #ff1493; color: #ffffff; font-size: 10px; font-weight: bold; border: 2px solid #111111; box-sizing: border-box; z-index: 999; pointer-events: none; display: flex; align-items: center; justify-content: center; line-height: 1; text-align: center; letter-spacing: -0.3px; } .divFotoEscudo { position:absolute; margin-left:270px; margin-top:19px; } .divFotoEscudoTime { position:absolute; margin-left:320px; margin-top:19px; } .divFotoEscudoTimeDetalhes { position:absolute; /*margin-left:370px;*/ margin-left:320px; margin-top:25px; } .divFotoEscudoTimeDetalhesTecnico { position:absolute; /*margin-left:370px;*/ margin-left:370px; margin-top:25px; } .posicaoEstatisticasJogos { margin-top:30px; } .posicaoDetalhesCanal { text-align:justify; color:#BBBBBB; width:324px; margin-left:15px; } .posicaoPlacarJogo { width:334px; height:140px; margin-left:15px; } .detalhesPlacarJogo { width:364px; height:50px; margin-top:40px; } .alinhaAvaliacaoAtletaDetalhes { width:40px; height:40px; background-color:#5bc0de; position:absolute; margin-top:0px; margin-left:296px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 6px; } .larguraDescricaoAtletaTimeTecnico { background-color:#F8F8F8; width:384px; height:100%; overflow-y:auto; overflow-x:hidden; } .posicionaBannerOfertaProduto { float:right; margin-right:45px; margin-top:-35px; } .fechamentoMomentoCompraNormal { margin-top:10px; width:384px; height:70px; } .larguraDetalhesAtletaTimeTecnico { color:#999999; margin-top:10px; width:334px; text-align:justify; } .alinhaBandeiraAtleta { position:absolute; margin-top:45px; margin-left:303px; } .alinhaBandeiraAtletaLivre { position:absolute; margin-top:0px; margin-left:307px; } .alinhaAvaliacaoAtletaJogoDetalhes { width:40px; height:40px; background-color:#5bc0de; position:absolute; margin-top:-15px; margin-left:418px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 6px; } .alinhaBotaoIrParaJogo { position:absolute; margin-top:-15px; margin-left:418px; } .larguraEscalaEstatistica { width:349px; margin-left:15px; float:left; padding-bottom:10px; } .alinhaTituloJogo { margin-left:15px; } .logoTorneioEvento { margin-top:20px; margin-left:290px; position:absolute; } .logoCanalTv { margin-top:5px; margin-left:290px; position:absolute; } .boxCabecalhoJogo { margin-left:20px; margin-top:20px; position:absolute; } .boxDisplayAguardando1 { width:55px; float:right; margin-right:25px; margin-top:-35px; } .boxDisplayAguardando2 { width:55px; float:right; margin-right:25px; margin-top:9px; } .dataJogoUltimoProximo { width:100px; margin-top:-35px; margin-left:95px; position:absolute; } .desempenhoUltimosJogos { width:110px; margin-top:-35px; margin-left:195px; } .favoritosFas { position: absolute; width:130px; margin-top:12px; margin-left:195px; } .logoPagSeguro { position:absolute; margin-left:420px; margin-top:-37px; } .logoPagSeguro-Mobile { display:none; } .logoPix { position:absolute; margin-left:420px; margin-top:-43px; } .logoPix-Mobile { display:none; } .logoInfinitePay { position:absolute; margin-left:420px; margin-top:-38px; } .logoInfinitePay-Mobile { display:none; } .logoPayPal { position:absolute; margin-left:420px; margin-top:-37px; } .logoPayPal-Mobile { display:none; } .logoRede { position:absolute; margin-left:420px; margin-top:-42px; } .logoRede-Mobile { display:none; } .logoPagarme { position:absolute; margin-left:420px; margin-top:-38px; } .logoPagarme-Mobile { display:none; } @keyframes alert { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .alertMSGStatus { animation: alert 1s infinite; } .alertMSGOferta { animation: alert 2s infinite; } .alertMSGEsgotado { animation: alert 3s infinite; } .alinhaPostagemPC { margin-left:15px; } /**************************** PAGINACAO CO ****************************/ .pagination-co { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-co>li { display: inline } .pagination-co>li>a, .pagination-co>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-co>li:first-child>a, .pagination-co>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-co>li:last-child>a, .pagination-co>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-co>li>a:focus, .pagination-co>li>a:hover, .pagination-co>li>span:focus, .pagination-co>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } .pagination-co>.active>a, .pagination-co>.active>a:focus, .pagination-co>.active>a:hover, .pagination-co>.active>span, .pagination-co>.active>span:focus, .pagination-co>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #33E4FF; border-color: #33E4FF; } .pagination-co>.disabled>a, .pagination-co>.disabled>a:focus, .pagination-co>.disabled>a:hover, .pagination-co>.disabled>span, .pagination-co>.disabled>span:focus, .pagination-co>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO CO ****************************/ /**************************** PAGINACAO IM ****************************/ .pagination-im { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-im>li { display: inline } .pagination-im>li>a, .pagination-im>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-im>li:first-child>a, .pagination-im>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-im>li:last-child>a, .pagination-im>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-im>li>a:focus, .pagination-im>li>a:hover, .pagination-im>li>span:focus, .pagination-im>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } .pagination-im>.active>a, .pagination-im>.active>a:focus, .pagination-im>.active>a:hover, .pagination-im>.active>span, .pagination-im>.active>span:focus, .pagination-im>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #D96D00; border-color: #D96D00; } .pagination-im>.disabled>a, .pagination-im>.disabled>a:focus, .pagination-im>.disabled>a:hover, .pagination-im>.disabled>span, .pagination-im>.disabled>span:focus, .pagination-im>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO IM ****************************/ /**************************** PAGINACAO TC ****************************/ .pagination-tc { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-tc>li { display: inline } .pagination-tc>li>a, .pagination-tc>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #d43f3a; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-tc>li:first-child>a, .pagination-tc>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-tc>li:last-child>a, .pagination-tc>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-tc>li>a:focus, .pagination-tc>li>a:hover, .pagination-tc>li>span:focus, .pagination-tc>li>span:hover { z-index: 3; color: #F48787; background-color: #FEF5F1; border-color: #ddd } .pagination-tc>.active>a, .pagination-tc>.active>a:focus, .pagination-tc>.active>a:hover, .pagination-tc>.active>span, .pagination-tc>.active>span:focus, .pagination-tc>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #ED4364; border-color: #ED4364; } .pagination-tc>.disabled>a, .pagination-tc>.disabled>a:focus, .pagination-tc>.disabled>a:hover, .pagination-tc>.disabled>span, .pagination-tc>.disabled>span:focus, .pagination-tc>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO TC ****************************/ /**************************** PAGINACAO LE ****************************/ .pagination-le { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-le>li { display: inline } .pagination-le>li>a, .pagination-le>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #838383; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-le>li:first-child>a, .pagination-le>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-le>li:last-child>a, .pagination-le>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-le>li>a:focus, .pagination-le>li>a:hover, .pagination-le>li>span:focus, .pagination-le>li>span:hover { z-index: 3; color: #6E6E6E; background-color: #eee; border-color: #ddd } .pagination-le>.active>a, .pagination-le>.active>a:focus, .pagination-le>.active>a:hover, .pagination-le>.active>span, .pagination-le>.active>span:focus, .pagination-le>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #999999; border-color: #999999; } .pagination-le>.disabled>a, .pagination-le>.disabled>a:focus, .pagination-le>.disabled>a:hover, .pagination-le>.disabled>span, .pagination-le>.disabled>span:focus, .pagination-le>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO LE ****************************/ /**************************** PAGINACAO 40 ****************************/ .pagination-40 { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-40>li { display: inline } .pagination-40>li>a, .pagination-40>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #10EBD5; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-40>li:first-child>a, .pagination-40>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-40>li:last-child>a, .pagination-40>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-40>li>a:focus, .pagination-40>li>a:hover, .pagination-40>li>span:focus, .pagination-40>li>span:hover { z-index: 3; color: #0A9284; background-color: #eee; border-color: #ddd } .pagination-40>.active>a, .pagination-40>.active>a:focus, .pagination-40>.active>a:hover, .pagination-40>.active>span, .pagination-40>.active>span:focus, .pagination-40>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #0ECBB8; border-color: #0ECBB8; } .pagination-40>.disabled>a, .pagination-40>.disabled>a:focus, .pagination-40>.disabled>a:hover, .pagination-40>.disabled>span, .pagination-40>.disabled>span:focus, .pagination-40>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO 40 ****************************/ /**************************** PAGINACAO PV ****************************/ .pagination-pv { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-pv>li { display: inline } .pagination-pv>li>a, .pagination-pv>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-pv>li:first-child>a, .pagination-pv>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-pv>li:last-child>a, .pagination-pv>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-pv>li>a:focus, .pagination-pv>li>a:hover, .pagination-pv>li>span:focus, .pagination-pv>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } .pagination-pv>.active>a, .pagination-pv>.active>a:focus, .pagination-pv>.active>a:hover, .pagination-pv>.active>span, .pagination-pv>.active>span:focus, .pagination-pv>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #33E4FF; border-color: #33E4FF; } .pagination-pv>.disabled>a, .pagination-pv>.disabled>a:focus, .pagination-pv>.disabled>a:hover, .pagination-pv>.disabled>span, .pagination-pv>.disabled>span:focus, .pagination-pv>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO PV ****************************/ /**************************** PAGINACAO SV ****************************/ .pagination-sv { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-sv>li { display: inline } .pagination-sv>li>a, .pagination-sv>li>span { position: relative; float: left; padding: 6px 12px; margin-left: 1px; line-height: 1.42857143; color: #FFFFFF; text-decoration: none; background-color: #383838; } .pagination-sv>li:first-child>a, .pagination-sv>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-sv>li:last-child>a, .pagination-sv>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-sv>li>a:focus, .pagination-sv>li>a:hover, .pagination-sv>li>span:focus, .pagination-sv>li>span:hover { z-index: 3; color: #FFFFFF; background-color: #A0106D; border-color: #ddd } .pagination-sv>.active>a, .pagination-sv>.active>a:focus, .pagination-sv>.active>a:hover, .pagination-sv>.active>span, .pagination-sv>.active>span:focus, .pagination-sv>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #FF4DFF; border-color: #FF4DFF; } .pagination-sv>.disabled>a, .pagination-sv>.disabled>a:focus, .pagination-sv>.disabled>a:hover, .pagination-sv>.disabled>span, .pagination-sv>.disabled>span:focus, .pagination-sv>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO SV ****************************/ /**************************** PAGINACAO OB ****************************/ .pagination-ob { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-ob>li { display: inline } .pagination-ob>li>a, .pagination-ob>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-ob>li:first-child>a, .pagination-ob>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-ob>li:last-child>a, .pagination-ob>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-ob>li>a:focus, .pagination-ob>li>a:hover, .pagination-ob>li>span:focus, .pagination-ob>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } .pagination-ob>.active>a, .pagination-ob>.active>a:focus, .pagination-ob>.active>a:hover, .pagination-ob>.active>span, .pagination-ob>.active>span:focus, .pagination-ob>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #BBBBBB; border-color: #BBBBBB; } .pagination-ob>.disabled>a, .pagination-ob>.disabled>a:focus, .pagination-ob>.disabled>a:hover, .pagination-ob>.disabled>span, .pagination-ob>.disabled>span:focus, .pagination-ob>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO OB ****************************/ /**************************** PAGINACAO WTB ****************************/ .pagination-wtb { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-wtb>li { display: inline } .pagination-wtb>li>a, .pagination-wtb>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-wtb>li:first-child>a, .pagination-wtb>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-wtb>li:last-child>a, .pagination-wtb>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-wtb>li>a:focus, .pagination-wtb>li>a:hover, .pagination-wtb>li>span:focus, .pagination-wtb>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } .pagination-wtb>.active>a, .pagination-wtb>.active>a:focus, .pagination-wtb>.active>a:hover, .pagination-wtb>.active>span, .pagination-wtb>.active>span:focus, .pagination-wtb>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #6238AD; border-color: #6238AD; } .pagination-wtb>.disabled>a, .pagination-wtb>.disabled>a:focus, .pagination-wtb>.disabled>a:hover, .pagination-wtb>.disabled>span, .pagination-wtb>.disabled>span:focus, .pagination-wtb>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO WTB ****************************/ /**************************** PAGINACAO CW ****************************/ .pagination-cw { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-cw>li { display: inline } .pagination-cw>li>a, .pagination-cw>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #00BFB6; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-cw>li:first-child>a, .pagination-cw>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-cw>li:last-child>a, .pagination-cw>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-cw>li>a:focus, .pagination-cw>li>a:hover, .pagination-cw>li>span:focus, .pagination-cw>li>span:hover { z-index: 3; color: #00BFB6; background-color: #F2FFFE; border-color: #ddd } .pagination-cw>.active>a, .pagination-cw>.active>a:focus, .pagination-cw>.active>a:hover, .pagination-cw>.active>span, .pagination-cw>.active>span:focus, .pagination-cw>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #00BFB6; border-color: #00BFB6; } .pagination-cw>.disabled>a, .pagination-cw>.disabled>a:focus, .pagination-cw>.disabled>a:hover, .pagination-cw>.disabled>span, .pagination-cw>.disabled>span:focus, .pagination-cw>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO CW ****************************/ /**************************** PAGINACAO VIA ****************************/ .pagination-via { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-via>li { display: inline } .pagination-via>li>a, .pagination-via>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #F19AAB; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-via>li:first-child>a, .pagination-via>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-via>li:last-child>a, .pagination-via>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-via>li>a:focus, .pagination-via>li>a:hover, .pagination-via>li>span:focus, .pagination-via>li>span:hover { z-index: 3; color: #E64868; background-color: #eee; border-color: #ddd } .pagination-via>.active>a, .pagination-via>.active>a:focus, .pagination-via>.active>a:hover, .pagination-via>.active>span, .pagination-via>.active>span:focus, .pagination-via>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #8A132B; border-color: #8A132B; } .pagination-via>.disabled>a, .pagination-via>.disabled>a:focus, .pagination-via>.disabled>a:hover, .pagination-via>.disabled>span, .pagination-via>.disabled>span:focus, .pagination-via>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /**************************** PAGINACAO VIA ****************************/ /******************** PAGINACAO ROTA TURISMO CLUBE *********************/ .pagination-rotaturismoclube { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-rotaturismoclube>li { display: inline } .pagination-rotaturismoclube>li>a, .pagination-rotaturismoclube>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #838383; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-rotaturismoclube>li:first-child>a, .pagination-rotaturismoclube>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-rotaturismoclube>li:last-child>a, .pagination-rotaturismoclube>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-rotaturismoclube>li>a:focus, .pagination-rotaturismoclube>li>a:hover, .pagination-rotaturismoclube>li>span:focus, .pagination-rotaturismoclube>li>span:hover { z-index: 3; color: #6E6E6E; background-color: #eee; border-color: #ddd } .pagination-rotaturismoclube>.active>a, .pagination-rotaturismoclube>.active>a:focus, .pagination-rotaturismoclube>.active>a:hover, .pagination-rotaturismoclube>.active>span, .pagination-rotaturismoclube>.active>span:focus, .pagination-rotaturismoclube>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #999999; border-color: #999999; } .pagination-rotaturismoclube>.disabled>a, .pagination-rotaturismoclube>.disabled>a:focus, .pagination-rotaturismoclube>.disabled>a:hover, .pagination-rotaturismoclube>.disabled>span, .pagination-rotaturismoclube>.disabled>span:focus, .pagination-rotaturismoclube>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /******************** PAGINACAO ROTA TURISMO CLUBE *********************/ /************************ PAGINACAO MAIS VIAJAR ************************/ .pagination-maisviajar { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-maisviajar>li { display: inline } .pagination-maisviajar>li>a, .pagination-maisviajar>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #838383; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-maisviajar>li:first-child>a, .pagination-maisviajar>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-maisviajar>li:last-child>a, .pagination-maisviajar>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-maisviajar>li>a:focus, .pagination-maisviajar>li>a:hover, .pagination-maisviajar>li>span:focus, .pagination-maisviajar>li>span:hover { z-index: 3; color: #6E6E6E; background-color: #eee; border-color: #ddd } .pagination-maisviajar>.active>a, .pagination-maisviajar>.active>a:focus, .pagination-maisviajar>.active>a:hover, .pagination-maisviajar>.active>span, .pagination-maisviajar>.active>span:focus, .pagination-maisviajar>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #999999; border-color: #999999; } .pagination-maisviajar>.disabled>a, .pagination-maisviajar>.disabled>a:focus, .pagination-maisviajar>.disabled>a:hover, .pagination-maisviajar>.disabled>span, .pagination-maisviajar>.disabled>span:focus, .pagination-maisviajar>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /************************ PAGINACAO MAIS VIAJAR ************************/ /******************** PAGINACAO INSTITUTO CANNABIS *********************/ .pagination-institutocannabis { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-institutocannabis>li { display: inline } .pagination-institutocannabis>li>a, .pagination-institutocannabis>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #838383; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-institutocannabis>li:first-child>a, .pagination-institutocannabis>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-institutocannabis>li:last-child>a, .pagination-institutocannabis>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-institutocannabis>li>a:focus, .pagination-institutocannabis>li>a:hover, .pagination-institutocannabis>li>span:focus, .pagination-institutocannabis>li>span:hover { z-index: 3; color: #6E6E6E; background-color: #eee; border-color: #ddd } .pagination-institutocannabis>.active>a, .pagination-institutocannabis>.active>a:focus, .pagination-institutocannabis>.active>a:hover, .pagination-institutocannabis>.active>span, .pagination-institutocannabis>.active>span:focus, .pagination-institutocannabis>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #999999; border-color: #999999; } .pagination-institutocannabis>.disabled>a, .pagination-institutocannabis>.disabled>a:focus, .pagination-institutocannabis>.disabled>a:hover, .pagination-institutocannabis>.disabled>span, .pagination-institutocannabis>.disabled>span:focus, .pagination-institutocannabis>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /******************** PAGINACAO INSTITUTO CANNABIS *********************/ /******************** PAGINACAO FUNCIONARIO ONLINE *********************/ .pagination-funcionarioonline { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-funcionarioonline>li { display: inline } .pagination-funcionarioonline>li>a, .pagination-funcionarioonline>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #10EBD5; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-funcionarioonline>li:first-child>a, .pagination-funcionarioonline>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-funcionarioonline>li:last-child>a, .pagination-funcionarioonline>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-funcionarioonline>li>a:focus, .pagination-funcionarioonline>li>a:hover, .pagination-funcionarioonline>li>span:focus, .pagination-funcionarioonline>li>span:hover { z-index: 3; color: #0A9284; background-color: #eee; border-color: #ddd } .pagination-funcionarioonline>.active>a, .pagination-funcionarioonline>.active>a:focus, .pagination-funcionarioonline>.active>a:hover, .pagination-funcionarioonline>.active>span, .pagination-funcionarioonline>.active>span:focus, .pagination-funcionarioonline>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #0ECBB8; border-color: #0ECBB8; } .pagination-funcionarioonline>.disabled>a, .pagination-funcionarioonline>.disabled>a:focus, .pagination-funcionarioonline>.disabled>a:hover, .pagination-funcionarioonline>.disabled>span, .pagination-funcionarioonline>.disabled>span:focus, .pagination-funcionarioonline>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /******************** PAGINACAO FUNCIONARIO ONLINE *********************/ /************************** PAGINACAO ROBOTOP **************************/ .pagination-robotop { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-robotop>li { display: inline } .pagination-robotop>li>a, .pagination-robotop>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #AAC6D2; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-robotop>li:first-child>a, .pagination-robotop>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-robotop>li:last-child>a, .pagination-robotop>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-robotop>li>a:focus, .pagination-robotop>li>a:hover, .pagination-robotop>li>span:focus, .pagination-robotop>li>span:hover { z-index: 3; color: #AAC6D2; background-color: #eee; border-color: #ddd } .pagination-robotop>.active>a, .pagination-robotop>.active>a:focus, .pagination-robotop>.active>a:hover, .pagination-robotop>.active>span, .pagination-robotop>.active>span:focus, .pagination-robotop>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #AAC6D2; border-color: #AAC6D2; } .pagination-robotop>.disabled>a, .pagination-robotop>.disabled>a:focus, .pagination-robotop>.disabled>a:hover, .pagination-robotop>.disabled>span, .pagination-robotop>.disabled>span:focus, .pagination-robotop>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /************************** PAGINACAO ROBOTOP **************************/ /************************* PAGINACAO BOSKAUTO **************************/ .pagination-buskauto { padding-left: 0; margin: 0px 0; border-radius: 4px } .pagination-buskauto>li { display: inline } .pagination-buskauto>li>a, .pagination-buskauto>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #838383; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination-buskauto>li:first-child>a, .pagination-buskauto>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-buskauto>li:last-child>a, .pagination-buskauto>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination-buskauto>li>a:focus, .pagination-buskauto>li>a:hover, .pagination-buskauto>li>span:focus, .pagination-buskauto>li>span:hover { z-index: 3; color: #6E6E6E; background-color: #eee; border-color: #ddd } .pagination-buskauto>.active>a, .pagination-buskauto>.active>a:focus, .pagination-buskauto>.active>a:hover, .pagination-buskauto>.active>span, .pagination-buskauto>.active>span:focus, .pagination-buskauto>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #82E0FF; border-color: #82E0FF; } .pagination-buskauto>.disabled>a, .pagination-buskauto>.disabled>a:focus, .pagination-buskauto>.disabled>a:hover, .pagination-buskauto>.disabled>span, .pagination-buskauto>.disabled>span:focus, .pagination-buskauto>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } /************************* PAGINACAO BOSKAUTO **************************/ .contadorTotalFotos { position:absolute !important; bottom:9px !important; left:10px !important; display:block !important; visibility:visible !important; opacity:1 !important; z-index:50 !important; /* Acima da foto, abaixo de modal */ pointer-events:none !important; background:#2E2D377A; color:#FFFFFF; border-radius:6px; padding:2px 6px; font-size:12px; font-weight:var(--font-body-semibold-2xsmall-weight); line-height:normal; font-style:var(--font-body-semibold-2xsmall-style); font-family:var(--font-body-semibold-2xsmall-family); cursor:default; height:21px; box-sizing:border-box; } .contadorTotalFotosMobile { position:absolute !important; bottom:33px !important; left:10px !important; display:block !important; visibility:visible !important; opacity:1 !important; z-index:50 !important; /* Acima da foto, abaixo de modal */ pointer-events:none !important; background:#2E2D377A; color:#FFFFFF; border-radius:6px; padding:2px 6px; font-size:12px; font-weight:var(--font-body-semibold-2xsmall-weight); line-height:normal; font-style:var(--font-body-semibold-2xsmall-style); font-family:var(--font-body-semibold-2xsmall-family); cursor:default; height:21px; box-sizing:border-box; } /************************ GRAFICO FIPE BUSKAUTO ************************/ .fipe-chart-container-pc { display: flex; flex-direction: column; align-items: center; width: 96%; margin: 0 auto; background: #ffffee; border-radius: 0 0 10px 10px; /* Apenas bordas inferiores arredondadas */ padding: 20px 10px 10px 10px; position: relative; overflow: hidden; } .fipe-chart-container-mobile { display: flex; flex-direction: column; align-items: center; width: 95%; margin: 0 auto; background: #ffffee; border-radius: 0 0 10px 10px; /* Apenas bordas inferiores arredondadas */ padding: 20px 10px 10px 10px; position: relative; overflow: hidden; } .fipe-chart { position: relative; width: 100%; height: 150px; } .fipe-chart svg.fipe-line-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .fipe-point { position: absolute; width: 8px; height: 8px; background: #07A9CB; border-radius: 50%; z-index: 2; transform: translate(-50%, 50%); } .fipe-chart-labels { display: flex; justify-content: space-between; margin-top: 15px; width: 100%; } .fipe-label { font-size: 10px; color: #BBBBBB; flex: 1; text-align: center; } .fipe-grid { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; color: #BBBBBB; } .fipe-grid .row { height: 25%; border-bottom: 1px dotted #ddd; } .fipe-grid .col { position: absolute; top: 0; bottom: 0; width: 8.33%; border-left: 1px dotted #eee; } /************************ GRAFICO FIPE BUSKAUTO ************************/ /*************************** BOTOES DE APOIO ***************************/ .box-apoio-coletivo{ width:78px; height:62px; border:1px solid #2A2A2A; border-radius:10px; background-color:#111111; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s ease; } .box-apoio-coletivo:hover{ border:1px solid #FF008C; background-color:#1A1A1A; box-shadow:0 0 10px rgba(255,0,140,0.25); transform:translateY(-2px); } .box-apoio-coletivo-ativo{ border:1px solid #FF008C; box-shadow:0 0 10px rgba(255,0,140,0.15); } .box-apoio-valor{ color:#FFFFFF; font-size:16px; font-weight:bold; } .box-apoio-texto{ color:#CCCCCC; font-size:12px; margin-top:-2px; } /*************************** BOTOES DE APOIO ***************************/ .menuResponsivoAtivoSV { background-color:#5A5A5A !important; color:#FF00A8 !important; } .menuResponsivoAtivoSV b, .menuResponsivoAtivoSV i { color:#FF00A8 !important; } /********************************** AJUSTE DA POSICAO DA GALERIA DE FOTOS **********************************/ div.gallery { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)) !important; gap: 6px !important; padding: 4px !important; } div.gallery .boxProdutosFotosBuskAuto { width: 100% !important; height: auto !important; float: none !important; } div.gallery .bordaProdutoFotosBuskAuto { width: 100% !important; height: auto !important; padding: 4px !important; box-sizing: border-box !important; } div.gallery .containerImagem108x108BuskAuto { width: 100% !important; height: 0 !important; padding-bottom: 100% !important; /* mantém proporção quadrada */ position: relative !important; overflow: hidden !important; } div.gallery .containerImagem108x108BuskAuto img, div.gallery .containerImagem108x108BuskAuto video, div.gallery .containerImagem108x108BuskAuto .thumbVideoContainer { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } /********************************** AJUSTE DA POSICAO DA GALERIA DE FOTOS **********************************/ /********************************* COMPORTAMENTO DA DIV DE PRODUTO/DETALHES *********************************/ .produto-extra-wrapper { width: 100%; margin-top: 10px; box-sizing: border-box; } .produto-extra-box { width: 100%; min-height: 56px; background-color: #2A2A2A; border-radius: 7px; display: flex; align-items: stretch; justify-content: space-between; overflow: hidden; box-sizing: border-box; } .produto-extra-wrapper.aberto .produto-extra-box { border-radius: 7px 7px 0 0; } .produto-extra-box-exibir { width: 100%; min-height: 56px; background-color: #2A2A2A; border-radius: 7px 7px 0 0; display: flex; align-items: stretch; justify-content: space-between; overflow: hidden; box-sizing: border-box; } .produto-extra-info { flex: 1; display: flex; align-items: center; padding: 8px 10px 8px 14px; box-sizing: border-box; min-width: 0; } .produto-extra-titulo { flex: 1; min-width: 0; max-width: none; color: #FFFFFF; text-align: left; } .produto-extra-titulo-linha1 { display: block; font-size: 14px; font-weight: bold; line-height: 13px; white-space: normal; overflow: visible; text-overflow: unset; word-break: normal; overflow-wrap: break-word; } .produto-extra-titulo-linha2 { display: block; font-size: 10px; font-weight: normal; line-height: 12px; white-space: normal; overflow: visible; text-overflow: unset; word-break: normal; overflow-wrap: break-word; margin-top: 1px; } .produto-extra-direita { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; } .produto-extra-preco { color: #FFFFFF; font-size: 16px; font-weight: bold; white-space: nowrap; margin-left: 10px; margin-right: 8px; } .produto-extra-qtd { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .btn-qtd { width: 25px; height: 25px; border: none; outline: none; padding: 0; margin: 0; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 0; box-sizing: border-box; appearance: none; -webkit-appearance: none; position: relative; z-index: 9; } .btn-qtd-menos { margin-right: -6px; } .btn-qtd-mais { margin-left: -6px; } .btn-qtd img { width: 25px; height: 25px; display: block; pointer-events: none; } .input-qtd { width: 41px; height: 41px; border: none; border-radius: 9px; background-color: #111111; color: #FFFFFF; font-size: 16px; font-weight: bold; text-align: center; outline: none; box-sizing: border-box; flex-shrink: 0; } .btn-seta { width: 24px; min-height: 56px; height: auto; border: none; background-color: #6E6E6E; color: #FFFFFF; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; flex-shrink: 0; box-sizing: border-box; appearance: none; -webkit-appearance: none; line-height: 0; transition: background-color 0.2s ease; } .btn-seta-icone { width: 24px; height: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; line-height: 0; box-sizing: border-box; } .btn-seta-icone img { width: 14px; height: 10px; display: block; margin: 0 auto; padding: 0; border: 0; line-height: 0; pointer-events: none; vertical-align: middle; } .produto-extra-wrapper.aberto .btn-seta { background-color: #808080; } .produto-extra-descricao { display: none; width: 100%; background-color: #343434; color: #FFFFFF; border-radius: 0 0 7px 7px; padding: 11px 14px 13px 14px; box-sizing: border-box; } .produto-extra-descricao-exibir { width: 100%; background-color: #343434; color: #FFFFFF; border-radius: 0 0 7px 7px; padding: 0; box-sizing: border-box; overflow: hidden; } .produto-extra-wrapper.aberto .produto-extra-descricao { display: block; } .produto-extra-descricao-texto { flex: 1; background-color: #303030; color: #DCDCDC; font-size: 12px; font-weight: normal; line-height: 18px; text-align: justify; text-justify: inter-word; padding: 14px 16px; box-sizing: border-box; margin: 0; } .presente-extra-wrapper { width: 100%; margin-top: 10px; box-sizing: border-box; } .presente-extra-box { width: 100%; min-height: 88px; background-color: #252525; border-radius: 8px; display: flex; align-items: stretch; justify-content: space-between; overflow: hidden; box-sizing: border-box; } .presente-extra-wrapper.aberto .presente-extra-box { border-radius: 8px 8px 0 0; } .presente-extra-foto { width: 76px; min-width: 76px; height: 76px; margin: 6px 8px 6px 8px; border-radius: 8px; background-color: #3A3A3A; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.12); } .presente-extra-foto img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; } .presente-extra-info { flex: 1; display: flex; align-items: center; padding: 8px 4px 8px 0; box-sizing: border-box; min-width: 0; } .presente-extra-titulo { flex: 1; min-width: 0; color: #FFFFFF; text-align: left; } .presente-extra-titulo-linha1 { display: block; font-size: 14px; font-weight: bold; line-height: 15px; white-space: normal; overflow: visible; text-overflow: unset; word-break: normal; overflow-wrap: break-word; } .presente-extra-titulo-linha2 { display: block; font-size: 10px; font-weight: normal; line-height: 12px; white-space: normal; overflow: visible; text-overflow: unset; word-break: normal; overflow-wrap: break-word; margin-top: 2px; color: #FFFFFF; } .presente-extra-direita { width: 120px; min-width: 120px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 8px 8px 8px 4px; box-sizing: border-box; flex-shrink: 0; } .presente-extra-preco { color: #FFFFFF; font-size: 16px; font-weight: bold; white-space: nowrap; text-align: right; margin-bottom: 9px; } .presente-extra-qtd { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; } .presente-btn-seta { width: 24px; min-height: 88px; height: auto; border: none; background-color: #6E6E6E; color: #FFFFFF; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; flex-shrink: 0; box-sizing: border-box; appearance: none; -webkit-appearance: none; line-height: 0; transition: background-color 0.2s ease; } .presente-btn-seta-icone { width: 24px; height: 100%; min-height: 88px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; line-height: 0; box-sizing: border-box; } .presente-btn-seta-icone img { width: 14px; height: 10px; display: block; margin: 0 auto; padding: 0; border: 0; line-height: 0; pointer-events: none; vertical-align: middle; } .presente-extra-wrapper.aberto .presente-btn-seta { background-color: #808080; } .presente-extra-descricao { display: none; width: 100%; background-color: #333333; color: #FFFFFF; border-radius: 0 0 8px 8px; padding: 12px 14px 13px 14px; box-sizing: border-box; } .presente-extra-wrapper.aberto .presente-extra-descricao { display: block; } .presente-extra-descricao-texto { color: #DCDCDC; font-size: 12px; font-weight: normal; line-height: 17px; text-align: left; margin: 0; } .presente-extra-subtitulo { display: block; font-size: 10px; font-weight: normal; line-height: 12px; color: #BFBFBF; margin-top: 4px; white-space: normal; overflow: visible; text-overflow: unset; word-break: normal; overflow-wrap: break-word; } .presente-cota-wrapper { width: 100%; margin-top: 10px; box-sizing: border-box; } .presente-cota-box { width: 100%; max-height: 130px; height: 130px; background-color: #252525; border-radius: 8px; display: flex; align-items: stretch; justify-content: space-between; overflow: hidden; box-sizing: border-box; } .presente-cota-box-exibir { width: 100%; max-height: 130px; height: 130px; background-color: #252525; border-radius: 8px 8px 0 0; display: flex; align-items: stretch; justify-content: space-between; overflow: hidden; box-sizing: border-box; } .presente-cota-wrapper.aberto .presente-cota-box { border-radius: 8px 8px 0 0; } .presente-cota-principal { flex: 1; min-width: 0; padding: 10px 8px 10px 10px; box-sizing: border-box; } .presente-cota-topo { width: 100%; display: flex; align-items: flex-start; gap: 10px; } .presente-cota-foto { width: 109px; min-width: 109px; height: 109px; border-radius: 8px; background-color: #3A3A3A; overflow: hidden; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.12); } .presente-cota-foto img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; } .presente-cota-conteudo { flex: 1; min-width: 0; box-sizing: border-box; color: #FFFFFF; padding-top: 1px; } .presente-cota-titulo { width: 100%; text-align: left; margin-bottom: 6px; } .presente-cota-titulo-linha1 { display: block; font-size: 14px; font-weight: bold; line-height: 14px; color: #FFFFFF; white-space: normal; overflow-wrap: break-word; } .presente-cota-titulo-linha2 { display: block; font-size: 14px; font-weight: bold; line-height: 14px; color: #FFFFFF; margin-top: 1px; white-space: normal; overflow-wrap: break-word; } .presente-cota-subtitulo { display: block; font-size: 10px; font-weight: normal; line-height: 12px; color: #DCDCDC; margin-top: 2px; white-space: normal; overflow-wrap: break-word; } .presente-cota-meta-linha { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; margin-bottom: 5px; } .presente-cota-meta { color: #FFFFFF; font-size: 11px; font-weight: bold; white-space: nowrap; } .presente-cota-percentual { color: #FF2FB3; font-size: 17px; font-weight: bold; white-space: nowrap; line-height: 17px; } .presente-cota-barra { width: 100%; height: 30px; background-color: #323136; border-radius: 5px; overflow: hidden; margin-bottom: 8px; } .presente-cota-barra-fill { height: 100%; min-width: 46px; background-color: #FF2FB3; border-radius: 5px 0 0 5px; display: flex; align-items: center; justify-content: center; } .presente-cota-barra-percentual { color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 30px; white-space: nowrap; } .presente-cota-linha-baixo { width: 100%; display: grid; grid-template-columns: 1.15fr 0.75fr 1fr 1.05fr; gap: 5px; align-items: center; margin-left: 0; margin-top: -3px; } .presente-cota-dado { min-width: 0; height: 38px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; padding: 8px 8px; box-sizing: border-box; } .presente-cota-dado-contador { width: 98px; min-width: 98px; height: 30px; padding: 0; display: flex; align-items: center; justify-content: flex-end; background-color: transparent; margin-left: 3px; margin-top: 6px; } .presente-cota-dado-texto { color: #CFCFCF; font-size: 11px; font-weight: normal; line-height: 15px; white-space: nowrap; margin-top: 0; } .presente-cota-dado-numero { color: #FFFFFF; font-size: 11px; font-weight: bold; line-height: 11px; white-space: nowrap; } .presente-cota-dado-valor .presente-cota-dado-numero { font-size: 12px; } .presente-cota-qtd { width: 105px; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; transform: none; transform-origin: right center; } .presente-cota-input-qtd { width: 41px; height: 41px; border: none; border-radius: 9px; background-color: #111111; color: #FFFFFF; font-size: 16px; font-weight: bold; text-align: center; outline: none; box-sizing: border-box; flex-shrink: 0; } .presente-cota-btn-menos { margin-right: -6px; } .presente-cota-btn-mais { margin-left: -6px; } .presente-cota-btn-qtd img { width: 25px; height: 25px; display: block; pointer-events: none; } .presente-cota-input-qtd { width: 38px; height: 38px; border: none; border-radius: 9px; background-color: #111111; color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: center; outline: none; box-sizing: border-box; flex-shrink: 0; } .presente-cota-btn-seta { width: 24px; min-height: 150px; height: auto; border: none; background-color: #6E6E6E; color: #FFFFFF; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; flex-shrink: 0; box-sizing: border-box; appearance: none; -webkit-appearance: none; line-height: 0; transition: background-color 0.2s ease; } .presente-cota-btn-seta-icone { width: 24px; height: 100%; min-height: 150px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; line-height: 0; box-sizing: border-box; } .presente-cota-btn-seta-icone img { width: 14px; height: 10px; display: block; margin: 0 auto; padding: 0; border: 0; line-height: 0; pointer-events: none; vertical-align: middle; } .presente-cota-wrapper.aberto .presente-cota-btn-seta { background-color: #808080; } .presente-cota-descricao { display: none; width: 100%; background-color: #343434; color: #FFFFFF; border-radius: 0 0 8px 8px; padding: 11px 14px 13px 14px; box-sizing: border-box; } .presente-cota-descricao-exibir { width: 100%; background-color: #343434; color: #FFFFFF; border-radius: 0 0 8px 8px; padding: 11px 14px 13px 14px; box-sizing: border-box; } .presente-cota-wrapper.aberto .presente-cota-descricao { display: block; } .presente-cota-descricao-texto { color: #DCDCDC; font-size: 12px; font-weight: normal; line-height: 17px; text-align: left; margin: 0; } .produto-extra-descricao-linha { display: flex; align-items: stretch; width: 100%; min-height: 74px; } .produto-extra-descricao-botao { width: 120px; flex: 0 0 120px; background-color: #3A3A3A; padding: 0; box-sizing: border-box; display: flex; align-items: stretch; justify-content: center; } .produto-extra-acoes { width: 100%; height: 100%; min-height: 74px; display: flex; align-items: center; justify-content: center; } .produto-extra-compra-box { width: 100%; display: flex; align-items: center; justify-content: center; } .btn-produto-extra-comprar, .btn-produto-extra-avisame { height: 36px; border: 0; border-radius: 5px; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 1; padding: 0 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; } .btn-produto-extra-comprar { background-color: #55C65A; } .btn-produto-extra-comprar:hover { background-color: #46B84B; } .btn-produto-extra-avisame { background-color: #D9534F; } .btn-produto-extra-avisame:hover { background-color: #C94440; } .btn-produto-extra-comprar i, .btn-produto-extra-avisame i { font-size: 14px; line-height: 1; margin: 0; } .btn-produto-extra-comprar span, .btn-produto-extra-avisame span { line-height: 1; } .produto-extra-acoes-icons { width: 100%; display: flex; align-items: center; justify-content: center; gap: 5px; } .btn-produto-extra-icon { width: 23px; height: 25px; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; } .btn-produto-extra-icon img { display: block; } .produto-extra-descricao-botao button { white-space: nowrap; } .presente-cota-descricao-layout-v2 { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; width: 100%; box-sizing: border-box; } .presente-cota-descricao-texto-v2 { flex: 1; min-width: 0; box-sizing: border-box; } .presente-cota-descricao-direita-v2 { width: 170px; min-width: 170px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; box-sizing: border-box; } .presente-cota-qtd-v2 { display: flex; align-items: center; justify-content: flex-end; gap: 5px; width: 100%; } .presente-cota-acoes-v2 { display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 100%; } .presente-cota-icone-acao-v2 { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: 0; background: transparent; padding: 0; margin: 0; } .presente-cota-btn-compra-v2 { display: flex; justify-content: flex-end; width: 100%; } .presente-cota-btn-compra-v2 .btn { white-space: nowrap; } .presente-cota-desc-layout-v3 { display: flex; align-items: stretch; width: 100%; min-height: 154px; box-sizing: border-box; background: #252525; border-radius: 0 0 6px 6px; overflow: hidden; } .presente-cota-desc-texto-v3 { flex: 1; min-width: 0; padding: 18px 28px 18px 28px; box-sizing: border-box; display: flex; align-items: center; font-size: 14px; line-height: 20px; color: #ffffff; } .presente-cota-desc-direita-v3 { width: 118px; min-width: 118px; max-width: 118px; background: #363636; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 12px 6px; box-sizing: border-box; } .presente-cota-desc-qtd-v3 { display: flex; align-items: center; justify-content: center; width: 100%; gap: 2px; box-sizing: border-box; } .presente-cota-desc-qtd-v3 .btn-qtd { width: 25px; min-width: 25px; height: 25px; padding: 0; margin: 0; border: 0; background: transparent; display: inline-flex; align-items: center; justify-content: center; } .presente-cota-desc-qtd-v3 .btn-qtd img { width: 25px; height: 25px; display: block; } .presente-cota-desc-qtd-v3 .presente-cota-input-qtd { width: 34px; min-width: 34px; max-width: 34px; height: 34px; padding: 0; margin: 0; text-align: center; box-sizing: border-box; } .presente-cota-desc-acoes-v3 { display: flex; align-items: center; justify-content: center; width: 100%; gap: 5px; box-sizing: border-box; } .presente-cota-desc-icon-v3 { width: 30px; min-width: 30px; height: 30px; padding: 0; margin: 0; border: 0; background: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; } .presente-cota-desc-icon-v3 img { width: 30px; height: 30px; display: block; } .presente-cota-desc-btn-v3 { width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .presente-cota-desc-btn-v3 .btn { width: 90px; max-width: 90px; height: 36px; padding: 0 8px; margin: 0; border: none; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; white-space: nowrap; box-sizing: border-box; } .presente-cota-desc-btn-v3 .btn i { margin-right: 5px !important; } .presente-cota-linha-baixo-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; width: 100%; box-sizing: border-box; } .presente-cota-linha-baixo-3col .presente-cota-dado { width: auto !important; min-width: 0; box-sizing: border-box; } .presente-cota-linha-baixo-3col .presente-cota-dado-numero, .presente-cota-linha-baixo-3col .presente-cota-dado-texto { display: block; } .presente-cota-topo-v4 { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; gap: 10px; } .presente-cota-titulo-v4 { flex: 1; min-width: 0; box-sizing: border-box; } .presente-cota-titulo-v4 span { display: block; } .presente-cota-direita-topo-v4 { width: 160px; min-width: 160px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; box-sizing: border-box; margin-top:-10px; } .presente-cota-preco-topo-v4 { font-size: 16px; font-weight: bold; color: #ffffff; white-space: nowrap; line-height: 1; } .presente-cota-qtd-topo-v4 { display: flex; align-items: center; justify-content: flex-end; gap: 2px; width: auto; box-sizing: border-box; } .presente-cota-qtd-topo-v4 .btn-qtd { width: 25px; min-width: 25px; height: 25px; padding: 0; margin: 0; border: 0; background: transparent; display: inline-flex; align-items: center; justify-content: center; } .presente-cota-qtd-topo-v4 .btn-qtd img { width: 25px; height: 25px; display: block; } .presente-cota-qtd-topo-v4 .presente-cota-input-qtd { width: 34px; min-width: 34px; max-width: 34px; height: 34px; padding: 0; margin: 0; text-align: center; box-sizing: border-box; } /********************************* COMPORTAMENTO DA DIV DE PRODUTO/DETALHES *********************************/ .box-titulo-ensaios { width: 100%; min-height: 40px; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; } .box-titulo-ensaios-esquerda { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 0; } .box-titulo-ensaios-subtitulo { margin-top: -10px; } .box-titulo-ensaios-direita { margin-left: auto; text-align: right; white-space: nowrap; padding-top: 4px; } .fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-infobar { display:none !important; } .boxBatalhaConteudo { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; position: relative; gap: 26px; padding-top: 55px; box-sizing: border-box; } .boxBatalhaTopo { position: absolute; top: 18px; left: 20px; right: 20px; height: 28px; display: flex; align-items: center; justify-content: space-between; z-index: 3; } .boxBatalhaStatus { height: 28px; padding: 0 12px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 28px; } .boxBatalhaStatus .glyphicon { top: 0; line-height: 1; display: inline-flex; align-items: center; } .boxBatalhaStatusAgendado { background: #3F51B5; color: #FFF; } .boxBatalhaStatusAoVivo { background: #E91E63; color: #FFF; box-shadow: 0 0 10px rgba(233,30,99,.5); } .boxBatalhaStatusCancelado { background: #D32F2F; color: #FFF; } .boxBatalhaStatusAtrasado { background: #FF9800; color: #FFF; } .boxBatalhaStatusFinalizado { background: #4CAF50; color: #FFF; } .boxBatalhaStatusAguardando { background: #6A4C93; color: #FFF; } .boxBatalhaData { color: #FFFFFF; font-size: 13px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1; } .boxBatalhaData .glyphicon { top: 0; line-height: 1; display: inline-flex; align-items: center; } .boxBatalhaParticipante { width: 180px; height: 252px; background: #5A5A5A; border-radius: 8px; overflow: hidden; text-align: center; } .boxBatalhaFoto { width: 180px; height: 185px; overflow: hidden; background: #333; } .boxBatalhaFoto img { width: 180px; height: 185px; object-fit: cover; display: block; } .boxBatalhaInfo { width: 180px; height: 60px; padding: 10px 6px; box-sizing: border-box; } .boxBatalhaNotificacao { height: 28px; width: 34px; margin-left:5px; border-radius: 7px; background: #4A4A4A; border: 1px solid #666666; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; cursor: pointer; transition: background .15s ease, border-color .15s ease; } .boxBatalhaNotificacao:hover { background: #555555; border-color: #777777; } .boxBatalhaNotificacao .glyphicon { top: 0; font-size: 13px; line-height: 1; } /* .boxBatalhaVersus { position: absolute; left: 50%; top: 125px; transform: translateX(-50%); width: 58px; height: 58px; border-radius: 50%; background: #666; border: 4px solid #777; display: flex; align-items: center; justify-content: center; z-index: 2; } */ .boxBatalhaVersus { position: absolute; left: 50%; top: 185px; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(180deg, #FF8AD8 0%, #F277C6 45%, #C93C9A 100%); border: 2px solid rgba(255,255,255,.45); display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 0 14px rgba(242,119,198,.55), inset 0 2px 4px rgba(255,255,255,.35), inset 0 -4px 8px rgba(0,0,0,.25); } .boxBatalhaVersus span { color: #FFFFFF; font-size: 20px; font-weight: 900; font-family: Arial, sans-serif; letter-spacing: -1px; text-shadow: 0 2px 2px rgba(0,0,0,.45), 0 0 6px rgba(255,255,255,.35); } .boxBatalhaNome { color: #F277C6; font-size: 14px; font-weight: bold; line-height: 1.1; } .boxBatalhaCategoria { color: #BBBBBB; font-size: 14px; line-height: 1.1; } .boxBatalhaCidade { color: #EEEEEE; font-size: 14px; line-height: 1.1; } .boxBatalhaRodape { position: absolute; left: 20px; right: 28px; bottom: 18px; height: 58px; width: 390px; background: rgba(20,20,20,0.45); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; overflow: hidden; } .boxBatalhaRodapeItem { width: 33.333%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #FFFFFF; text-align: center; } .boxBatalhaRodapeMeio { border-left: 1px solid rgba(255,255,255,0.10); border-right: 1px solid rgba(255,255,255,0.10); } .boxBatalhaRodapeValor { color: #F277C6; font-size: 18px; font-weight: bold; line-height: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; } .boxBatalhaRodapeValor .glyphicon { top: 0; font-size: 17px; } .boxBatalhaRodapeTexto { color: #FFFFFF; font-size: 11px; line-height: 13px; margin-top: 2px; } .boxBatalhaRodapeLabel { color: #BDBDBD; font-size: 9px; font-weight: bold; line-height: 10px; } .boxBatalhaRodapeTempo { color: #F277C6; font-size: 22px; font-weight: bold; line-height: 24px; letter-spacing: 1px; } .boxBatalhaRodapeTempoStatus { font-size: 18px; letter-spacing: 0; } .boxBatalhaRodapeTempoLabel { display: flex; justify-content: center; gap: 8px; color: #F277C6; font-size: 8px; font-weight: bold; line-height: 9px; } .piscaDoisPontos { animation: piscarDoisPontos 1s infinite; } @keyframes piscarDoisPontos { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.15; } } /*************************************** NAVEGACAO DE STORIES ***************************************/ .modalStoriesVizinha { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000000; z-index: 999999; display: flex; align-items: center; justify-content: center; } /* Box central do story */ .storiesViewer { position: relative; width: min(430px, 100vw); height: 100%; display: flex; align-items: center; justify-content: center; z-index: 999999; overflow: visible; } .storiesContent { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 999999; overflow: hidden; background: #000000; } .storiesContent > img:not(.storiesMedia), .storiesContent > video:not(.storiesMedia) { max-width: 100%; max-height: 100%; object-fit: contain; } /* Barra dentro do box do story */ .storiesProgressContainer { position: absolute; top: 10px; left: 10px; right: 10px; height: 4px; display: flex; gap: 4px; z-index: 1000003; } .storyProgressItem { flex: 1; height: 4px; background: rgba(255,255,255,0.35); border-radius: 4px; overflow: hidden; } .storyProgressBar { width: 0%; height: 100%; background: #ffffff; } .storyProgressItem.visto .storyProgressBar { width: 100%; } .storyProgressItem.ativo { background: rgba(255,255,255,0.45); } .storyProgressItem.ativo .storyProgressBar { background: #ff1493; } /* Header dentro do box do story */ .storiesHeaderBox { position: absolute; top: 22px; left: 15px; right: 15px; color: #ffffff; z-index: 1000003; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; } .storiesHeaderInfo { flex: 1; min-width: 0; text-align: left; } .storiesHeaderNome { font-size: 14px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .storiesHeaderUsername { font-size: 12px; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -3px; line-height: 1; } .storiesHeaderCreated { flex-shrink: 0; font-size: 14px; font-weight: bold; opacity: 0.75; color: #ffffff; text-align: right; white-space: nowrap; margin-top: 2px; } /* Fechar */ .storiesClose { position: fixed; right: 18px; top: 12px; color: #ffffff; font-size: 34px; font-weight: bold; z-index: 1000003; cursor: pointer; } /* Setas dentro do story central */ .storiesArrow { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border: none; background: rgba(0,0,0,0.45); color: #ffffff; font-size: 36px; font-weight: 300; line-height: 38px; text-align: center; z-index: 1000004; cursor: pointer; user-select: none; padding: 0; box-sizing: border-box; outline: none; } .storiesArrow:hover { background: rgba(0,0,0,0.75); } .storiesArrowLeft { left: -56px; } .storiesArrowRight { right: -56px; } .storiesNav { position: fixed; top: 0; width: 50%; height: 100%; z-index: 1000000; } .storiesNavLeft { left: 0; } .storiesNavRight { right: 0; } /* Previews laterais estilo Instagram */ .storiesPreviewColumn { position: fixed; top: 75px; bottom: 35px; width: 294px; display: flex; align-items: center; gap: 24px; z-index: 999998; overflow: hidden; pointer-events: none; } .storiesPreviewLeft { left: calc(50% - 520px); justify-content: flex-end; } .storiesPreviewRight { right: calc(50% - 520px); justify-content: flex-start; } .storiesPreviewCard { width: 135px; height: 240px; border-radius: 8px; overflow: hidden; background: #111111; opacity: 0.45; cursor: pointer; position: relative; flex: 0 0 auto; box-shadow: 0 0 15px rgba(0,0,0,0.35); pointer-events: auto; transition: opacity 0.2s ease, transform 0.2s ease; } .storiesPreviewCard:hover { opacity: 0.85; transform: scale(1.03); } .storiesPreviewBg { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.65); } .storiesPreviewPerfil { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; border-radius: 50%; padding: 2px; background: linear-gradient(45deg, #ff1493, #ffcc00); box-sizing: border-box; z-index: 2; } .storiesPreviewPerfil img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #111111; box-sizing: border-box; filter: none; } .storiesPreviewInfo { position: absolute; left: 8px; right: 8px; bottom: 14px; color: #ffffff; text-align: center; text-shadow: 0 1px 3px #000000; z-index: 2; } .storiesPreviewNome { font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .storiesPreviewUsername { font-size: 11px; margin-top: -3px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Ajuste para telas menores */ @media (max-width: 1100px) { .storiesPreviewColumn { display: none !important; } .storiesHeaderBox { left: 10px; right: 46px; gap: 10px; } .storiesHeaderCreated { font-size: 12px; max-width: 95px; text-align: right; } .storiesClose { right: 12px; top: 12px; font-size: 30px; } .storiesArrowLeft { left: 8px; } .storiesArrowRight { right: 8px; } } /* Ajuste para nao deixar o box piscar/recalcular */ .storiesContent { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 999999; overflow: hidden; background: #000000; } .storiesMedia { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: scale(0.992); transition: opacity 0.22s ease, transform 0.22s ease; } .storiesMedia.loaded { opacity: 1; transform: scale(1); } .storiesMedia.saindo { opacity: 0; transform: scale(1.006); } /* Loading central */ .storiesLoading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.18); opacity: 0; pointer-events: none; transition: opacity 0.18s ease; z-index: 1000002; } .storiesLoading.show { opacity: 1; } .storiesSpinner { width: 34px; height: 34px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.25); border-top-color: #ffffff; animation: storiesSpin 0.8s linear infinite; } @keyframes storiesSpin { to { transform: rotate(360deg); } } /*************************************** NAVEGACAO DE STORIES ***************************************/ .btnComecarAgoraCriador { height: 42px; min-width: 160px; background: #E91E8F !important; border: none !important; border-radius: 7px; color: #FFFFFF !important; font-size: 13px; font-weight: bold; text-transform: uppercase; box-shadow: 0 0 18px rgba(233,30,143,0.45); transition: all 0.2s ease; } .btnComecarAgoraCriador:hover { background: #FF2CA3 !important; box-shadow: 0 0 24px rgba(233,30,143,0.65); transform: translateY(-1px); } .btnComecarAgoraCriador_RedeAfiliados { height: 32px; min-width: 150px; background: #E91E8F !important; border: none !important; border-radius: 7px; color: #FFFFFF !important; font-size: 12px; font-weight: bold; text-transform: uppercase; box-shadow: 0 0 18px rgba(233,30,143,0.45); transition: all 0.2s ease; } .btnComecarAgoraCriador_RedeAfiliados:hover { background: #FF2CA3 !important; box-shadow: 0 0 24px rgba(233,30,143,0.65); transform: translateY(-1px); } .btnEmAnaliseCriador { height: 42px; min-width: 160px; background: #F4B400 !important; border: none !important; border-radius: 7px; color: #FFFFFF !important; font-size: 13px; font-weight: bold; text-transform: uppercase; box-shadow: 0 0 18px rgba(244,180,0,0.45); animation: pulseAnalise 2s infinite; transition: all 0.2s ease; } .btnEmAnaliseCriador:hover { background: #FFC107 !important; box-shadow: 0 0 24px rgba(244,180,0,0.65); transform: translateY(-1px); } @keyframes pulseAnalise { 0% { box-shadow: 0 0 10px rgba(52,152,219,0.25); } 50% { box-shadow: 0 0 22px rgba(52,152,219,0.60); } 100% { box-shadow: 0 0 10px rgba(52,152,219,0.25); } } .btnCorrigirCadastroCriador { height: 42px; min-width: 160px; background: #E53935 !important; border: none !important; border-radius: 7px; color: #FFFFFF !important; font-size: 13px; font-weight: bold; text-transform: uppercase; box-shadow: 0 0 18px rgba(229,57,53,0.40); animation: pulseCorrigir 2s infinite; transition: all 0.2s ease; } .btnCorrigirCadastroCriador:hover { background: #F44336 !important; box-shadow: 0 0 24px rgba(229,57,53,0.60); transform: translateY(-1px); } @keyframes pulseCorrigir { 0% { box-shadow: 0 0 10px rgba(229,57,53,0.25); } 50% { box-shadow: 0 0 22px rgba(229,57,53,0.60); } 100% { box-shadow: 0 0 10px rgba(229,57,53,0.25); } } /****************** PROGRESS BAR (SHOWDEVIZINHA) ******************/ .stepper-item-showdevizinha { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; color: #ffffff; @media (max-width: 768px) { font-size: 12px; } } .stepper-item-showdevizinha::before { position: absolute; content: ""; border-bottom: 2px solid #383838; width: 100%; top: 15px; left: -50%; z-index: 2; } .stepper-item-showdevizinha::after { position: absolute; content: ""; border-bottom: 2px solid #383838; width: 100%; top: 15px; left: 50%; z-index: 2; } .stepper-item-showdevizinha .step-counter-showdevizinha { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #383838; margin-bottom: 6px; } .stepper-item-showdevizinha.active { font-weight: bold; } .stepper-item-showdevizinha.completed .step-counter-showdevizinha { background-color: #FF00A8; } .stepper-item-showdevizinha.completed::after { position: absolute; content: ""; border-bottom: 2px solid #FF00A8; width: 100%; top: 15px; left: 50%; z-index: 3; } .stepper-item-showdevizinha:first-child::before { content: none; } .stepper-item-showdevizinha:last-child::after { content: none; } /****************** PROGRESS BAR (SHOWDEVIZINHA) ******************/ .rede-social-item { width:31px; height:31px; margin-top:8px; margin-right:2px; float:left; display:flex; align-items:center; justify-content:center; border-radius:50%; box-sizing:border-box; cursor:pointer; transition:all .18s ease; } .rede-social-item img { width:28px; height:27px; display:block; border:0; } .rede-social-cadastrada { border:2px solid #C300FF; box-shadow:0 0 6px rgba(195,0,255,.35); } .rede-social-cadastrada:hover { box-shadow:0 0 8px rgba(195,0,255,.55); } .popover-importacao { max-width: 320px !important; width: 320px; } /*************************************** STATUS DE CONEXAO DA CONTA ***************************************/ .status-showdevizinha{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:6px; } .status-onlyfans{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:6px; } .status-privacy{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:6px; } .status-fatalfans{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:6px; } .status-closefans{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:6px; } .status-online{ background:#25d366; box-shadow:0 0 6px rgba(37,211,102,.7); animation:pulseShowDeVizinha 1.8s infinite; } .status-offline{ background:#ffffff; } @keyframes pulseShowDeVizinha{ 0% { box-shadow:0 0 0 0 rgba(37,211,102,.55); } 70% { box-shadow:0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } @keyframes pulseOnlyfans{ 0% { box-shadow:0 0 0 0 rgba(37,211,102,.55); } 70% { box-shadow:0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } @keyframes pulsePrivacy{ 0% { box-shadow:0 0 0 0 rgba(37,211,102,.55); } 70% { box-shadow:0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } @keyframes pulseFatalfans{ 0% { box-shadow:0 0 0 0 rgba(37,211,102,.55); } 70% { box-shadow:0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } @keyframes pulseClosefans{ 0% { box-shadow:0 0 0 0 rgba(37,211,102,.55); } 70% { box-shadow:0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } /*************************************** STATUS DE CONEXAO DA CONTA ***************************************/ .grid-ensaios { width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; box-sizing:border-box; } .grid-ensaio-box { width:100%; height:215px; background-color:#4A4A4A; border-radius:15px; padding:14px; box-sizing:border-box; } @media screen and (max-width:768px) { .grid-ensaios { grid-template-columns:1fr; } .grid-ensaio-box { width:100%; } } .grid-item-ensaio{ display:flex; flex-direction:column; } .grid-item-ensaio-conteudo { display:flex; flex-direction:column; position:relative; } .blocoChamadaSejaVizinha { margin-top:240px; } .abaconteudo { width:100%; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; box-sizing:border-box; } .abaconteudo-item { display:flex; flex-direction:column; position:relative; min-width:0; } .abaconteudo-box { width:100%; height:215px; background-color:#4A4A4A; border-radius:15px; padding:14px; box-sizing:border-box; } /* Mobile */ @media screen and (max-width:768px) { .abaconteudo { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; } .abaconteudo-item { width:100%; min-width:0; } .abaconteudo-box { width:100%; padding:10px; } } .abaconteudo-sem-registros { width:100%; height:225px; margin-top:75px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#BBBBBB; font-weight:600; font-size:22px; box-sizing:border-box; } .abaconteudo-sem-registros img { display:block; margin:0 auto; } .abaconteudo-sem-registros-texto { width:180px; margin-top:8px; opacity:0.6; line-height:1.05; text-align:center; white-space:normal; } /* Mobile */ @media screen and (max-width:768px) { .displayBoxCenterProdutos { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box; } .abaconteudo-sem-registros { width:100%; height:auto; margin:35px 0 0 0; padding:25px 0 35px 0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; box-sizing:border-box; } .abaconteudo-sem-registros img { display:block; margin:0 auto; } .abaconteudo-sem-registros-texto { width:100%; margin:4px 0 0 0; padding:0; font-size:19px; line-height:0.8; text-align:center; white-space:normal; box-sizing:border-box; } } /* Base */ .midiaCampanhaDetalhesGaleria { width:100%; margin:5px 0 0 0; padding:0; box-sizing:border-box; } .midiaCampanhaDetalhesBox { margin:0; padding:0; box-sizing:border-box; } .midiaCampanhaDetalhesBorda { width:100%; margin:0; padding:4px; border-radius:6px; box-sizing:border-box; overflow:hidden; } .midiaCampanhaDetalhesLink { width:100%; margin:0; padding:0; display:block; text-decoration:none; box-sizing:border-box; } .midiaCampanhaDetalhesImagem { width:100%; position:relative; overflow:hidden; border-radius:5px; background-color:#222222; box-sizing:border-box; } .midiaCampanhaDetalhesImagem img, .midiaCampanhaDetalhesImagem video { width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; display:block !important; float:none !important; object-fit:cover !important; object-position:center center !important; border:0 !important; } .midiaCampanhaDetalhesVideo { width:100%; height:100%; position:relative; overflow:hidden; box-sizing:border-box; } .midiaCampanhaDetalhesPlay { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,0,0,.65); color:#FFFFFF; font-size:18px; line-height:1; pointer-events:none; z-index:5; box-sizing:border-box; } .midiaCampanhaDetalhesDuracao { position:absolute; right:5px; bottom:5px; padding:2px 5px; border-radius:3px; background:rgba(0,0,0,.80); color:#FFFFFF; font-size:11px; font-weight:600; line-height:15px; white-space:nowrap; pointer-events:none; z-index:6; box-sizing:border-box; } .midiaCampanhaDetalhesRodape { width:100%; height:32px; margin:4px 0 0 0; padding:0; display:flex; align-items:center; justify-content:space-between; gap:6px; box-sizing:border-box; } .midiaCampanhaDetalhesVisualizacoes { min-width:0; display:flex; align-items:center; gap:4px; color:#BBBBBB; font-size:12px; font-weight:600; white-space:nowrap; } .midiaCampanhaDetalhesBtnCapa { height:26px; margin:0; padding:0 8px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:0; border-radius:4px; background-color:#D900D9; color:#FFFFFF; font-size:11px; line-height:26px; white-space:nowrap; cursor:pointer; box-sizing:border-box; transition:opacity .20s ease; } .midiaCampanhaDetalhesBtnCapa:hover { opacity:.80; } /* Ações do rodapé */ .midiaCampanhaDetalhesAcoes { display:flex; align-items:center; justify-content:flex-end; gap:4px; margin:0; padding:0; box-sizing:border-box; } /* Botão mover posição */ .midiaCampanhaDetalhesBtnMover { width:26px; height:26px; margin:0; padding:0; display:inline-flex; align-items:center; justify-content:center; flex:0 0 26px; border:0; border-radius:4px; background-color:#555555; color:#FFFFFF; font-size:12px; line-height:1; cursor:move; box-sizing:border-box; transition: opacity .20s ease, background-color .20s ease; } .midiaCampanhaDetalhesBtnMover:hover { background-color:#666666; opacity:.90; } /* Ícone */ .midiaCampanhaDetalhesBtnMover i { margin:0; padding:0; pointer-events:none; } /* DESKTOP */ @media screen and (min-width:769px) { #midiaCampanhaDetalhesGaleria { width:100% !important; display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)) !important; column-gap:10px !important; row-gap:10px !important; margin:5px 0 0 0 !important; padding:0 !important; float:none !important; clear:both !important; box-sizing:border-box !important; } #midiaCampanhaDetalhesGaleria > .midiaCampanhaDetalhesBox { display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; box-sizing:border-box !important; } #midiaCampanhaDetalhesGaleria .midiaCampanhaDetalhesImagem { width:100% !important; height:auto !important; aspect-ratio:1 / 1; } } /* MOBILE */ @media screen and (max-width:768px) { #midiaCampanhaDetalhesGaleria { width:100% !important; display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:7px !important; margin:5px 0 0 0 !important; padding:0 !important; box-sizing:border-box !important; } #midiaCampanhaDetalhesGaleria > .midiaCampanhaDetalhesBox { width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; box-sizing:border-box !important; } .midiaCampanhaDetalhesBorda { width:100%; padding:3px; } .midiaCampanhaDetalhesImagem { width:100% !important; height:auto !important; aspect-ratio:1 / 1; } .midiaCampanhaDetalhesRodape { width:100%; height:30px; margin-top:3px; gap:4px; } .midiaCampanhaDetalhesVisualizacoes { font-size:10px; } .midiaCampanhaDetalhesBtnCapa { height:24px; padding:0 6px; font-size:10px; line-height:24px; } .midiaCampanhaDetalhesPlay { width:38px; height:38px; font-size:15px; } .midiaCampanhaDetalhesDuracao { right:4px; bottom:4px; padding:2px 4px; font-size:10px; line-height:14px; } } .midiaCampanhaDetalhesIconeMover { display:block; margin:0; padding:0; font-size:17px; font-weight:bold; line-height:1; color:#FFFFFF; pointer-events:none; } .midiaCampanhaDetalhesHandleMover { cursor:grab; } .midiaCampanhaDetalhesHandleMover:active { cursor:grabbing; } .midiaCampanhaDetalhesGhost { opacity:.35; } .midiaCampanhaDetalhesSelecionado { transform:scale(.98); } .midiaCampanhaDetalhesBox { position:relative; margin:0; padding:0; box-sizing:border-box; } .midiaCampanhaDetalhesExcluir { position:absolute; top:-8px; right:-8px; z-index:20; cursor:pointer; } .midiaCampanhaDetalhesExcluir img { display:block; width:26px; height:26px; border:0; } /* Botão informativo da capa atual */ .midiaCampanhaDetalhesBtnCapaAtual, .midiaCampanhaDetalhesBtnCapaAtual:disabled { background-color:#28a745 !important; color:#FFFFFF !important; cursor:default !important; opacity:1 !important; pointer-events:none; } .midiaCampanhaDetalhesBtnCapaAtual:hover { background-color:#28a745 !important; opacity:1 !important; } .midiaCampanhaDetalhesBtnDownload { width:26px; height:26px; margin:0; padding:0; display:inline-flex; align-items:center; justify-content:center; flex:0 0 26px; border:0; border-radius:4px; background-color:#555555; color:#FFFFFF; cursor:pointer; box-sizing:border-box; } .midiaCampanhaDetalhesBtnDownload:hover { background-color:#666666; } .midiaCampanhaDetalhesIconeDownload { display:block; margin:0; padding:0; font-size:15px; font-weight:bold; line-height:1; color:#FFFFFF; pointer-events:none; text-shadow: 0.4px 0 0 #FFFFFF, -0.4px 0 0 #FFFFFF; } /* Mobile */ @media screen and (max-width:768px) { .midiaCampanhaDetalhesBtnDownload { width:24px; height:24px; flex:0 0 24px; } .midiaCampanhaDetalhesIconeDownload { font-size:16px; } } /* Perfis em destaque */ .perfis-destaque { display:flex; align-items:center; justify-content:flex-start; /* Faz o bloco ter somente a largura dos avatares */ width:max-content; max-width:100%; /* Centraliza o conjunto em relação ao botão */ margin:12px auto 2px auto; padding-left:0; } /* Link de cada perfil */ .perfis-destaque > a { display:block; position:relative; text-decoration:none; /* Faz cada avatar entrar em cima do anterior */ margin-left:-10px; } /* Primeiro perfil */ .perfis-destaque > a:first-child { margin-left:0; } /* Avatar */ .perfis-destaque-item { width:42px; height:42px; border-radius:50%; overflow:hidden; border:2px solid #fff; background:#fff; position:relative; box-shadow:0 2px 5px rgba(0,0,0,0.25); transition:all 0.2s ease; } /* Imagem */ .perfis-destaque-item img { width:100%; height:100%; object-fit:cover; display:block; } /* Hover */ .perfis-destaque > a:hover { z-index:100 !important; } .perfis-destaque > a:hover .perfis-destaque-item { transform:translateY(-3px) scale(1.08); } /* Perfis em destaque - alinhado à direita */ .perfis-destaque-direita { display:flex; align-items:center; justify-content:flex-end; /* Ocupa a largura disponível */ width:100%; /* Espaçamento abaixo do botão */ margin-top:12px; margin-bottom:2px; padding:0; } /* Link de cada perfil */ .perfis-destaque-direita > a { display:block; position:relative; text-decoration:none; /* Sobreposição */ margin-left:-10px; } /* Primeiro perfil */ .perfis-destaque-direita > a:first-child { margin-left:0; } /* Avatar */ .perfis-destaque-direita-item { width:42px; height:42px; border-radius:50%; overflow:hidden; border:2px solid #fff; background:#fff; position:relative; box-shadow:0 2px 5px rgba(0,0,0,0.25); transition:all 0.2s ease; } /* Imagem */ .perfis-destaque-direita-item img { width:100%; height:100%; object-fit:cover; display:block; } /* Hover */ .perfis-destaque-direita > a:hover { z-index:100 !important; } .perfis-destaque-direita > a:hover .perfis-destaque-direita-item { transform:translateY(-3px) scale(1.08); } /* Popover */ .popover-tela { width:auto !important; min-width:270px; max-width:300px !important; } /* Titulo */ .popover-tela .popover-title { font-size:14px; font-weight:bold; padding:10px 14px; white-space:nowrap; } /* Texto */ .popover-tela .popover-content { font-size:14px; line-height:20px; padding:12px 14px; white-space:normal; } /********************************************** Rede Afiliados Show de Vizinha **********************************************/ #programaAfiliadasShow { /* Paleta Show de Vizinha */ --pa-bg:#151515; --pa-surface:#1F1F1F; --pa-surface-soft:#242424; --pa-ink:#FFFFFF; --pa-ink-soft:#C8C8C8; --pa-ink-faint:#888888; --pa-accent:#E91E8F; --pa-accent-deep:#FF2CA3; --pa-accent-tint:rgba(233,30,143,0.14); --pa-gold:#E91E8F; --pa-line:#393939; --pa-shadow:0 5px 18px rgba(0,0,0,0.28); width:100%; clear:both; margin:0; background:var(--pa-bg); color:var(--pa-ink); font-family:inherit; font-size:14px; -webkit-font-smoothing:antialiased; line-height:1.5; } #programaAfiliadasShow, #programaAfiliadasShow * { box-sizing:border-box; } #programaAfiliadasShow .pa-page { max-width:900px; margin:0 auto; padding:4rem 1.5rem 4.5rem; display:flex; flex-direction:column; gap:3rem; } #programaAfiliadasShow h1, #programaAfiliadasShow h2 { font-weight:900; text-wrap:balance; margin:0; color:var(--pa-ink); } #programaAfiliadasShow .pa-hero { display:flex; flex-direction:column; gap:1.1rem; text-align:center; align-items:center; } #programaAfiliadasShow .pa-eyebrow { margin:0; font-size:14px; font-weight:700; letter-spacing:0.10em; text-transform:uppercase; color:var(--pa-accent-deep); } #programaAfiliadasShow .pa-hero h1 { font-size:clamp(1.8rem, 3.4vw, 2.45rem); max-width:30ch; line-height:1.2; } #programaAfiliadasShow .pa-lede { margin:0; max-width:56ch; font-size:15px; color:var(--pa-ink-soft); } #programaAfiliadasShow .pa-lede strong { color:var(--pa-accent-deep); font-weight:600; } #programaAfiliadasShow .pa-chain-section { display:flex; flex-direction:column; gap:1.25rem; } #programaAfiliadasShow .pa-section-label { margin:0; font-size:42px; font-weight:600; color:#BBBBBB; text-align:center; line-height:1.15; } #programaAfiliadasShow .pa-chain { display:flex; align-items:flex-start; gap:0; overflow-x:auto; padding:0.5rem 0.25rem 1rem; } #programaAfiliadasShow .pa-chain-node { display:flex; flex-direction:column; align-items:center; gap:0.55rem; flex:0 0 auto; width:6.4rem; } #programaAfiliadasShow .pa-node-circle { width:3.4rem; height:3.4rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; background:var(--pa-surface); border:1.5px solid var(--pa-line); color:var(--pa-ink-soft); box-shadow:var(--pa-shadow); } #programaAfiliadasShow .pa-chain-node.pa-you .pa-node-circle { background:var(--pa-accent); border-color:var(--pa-accent); color:#FFFFFF; } #programaAfiliadasShow .pa-chain-node.pa-level .pa-node-circle { border-color:var(--pa-accent); color:var(--pa-accent-deep); } #programaAfiliadasShow .pa-node-label { font-size:14px; font-weight:600; color:var(--pa-ink-soft); text-align:center; letter-spacing:0; line-height:1.2; } #programaAfiliadasShow .pa-node-pct { font-size:14px; font-weight:700; margin-top:-2px; color:var(--pa-accent); font-variant-numeric:tabular-nums; } #programaAfiliadasShow .pa-chain-connector { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:1.35rem; flex:1 1 2.5rem; min-width:1.75rem; gap:0.3rem; } #programaAfiliadasShow .pa-connector-line { width:100%; height:1px; background-image:linear-gradient(to right, var(--pa-gold) 40%, transparent 0%); background-size:7px 1px; background-repeat:repeat-x; position:relative; } #programaAfiliadasShow .pa-connector-line::after { content:""; position:absolute; right:-1px; top:-3px; width:7px; height:7px; border-top:1.5px solid var(--pa-gold); border-right:1.5px solid var(--pa-gold); transform:rotate(45deg); } #programaAfiliadasShow .pa-connector-word { font-size:12px; color:var(--pa-ink-faint); letter-spacing:0; } #programaAfiliadasShow .pa-table-section { display:none; } #programaAfiliadasShow .pa-table-section h2, #programaAfiliadasShow .pa-example h2 { font-size:22px; font-weight:900; color:#FFFFFF; } #programaAfiliadasShow .pa-table-section h2 { margin-bottom:1.5rem; } #programaAfiliadasShow .pa-table-wrap { overflow-x:auto; border-radius:8px; background:var(--pa-surface); box-shadow:var(--pa-shadow); } #programaAfiliadasShow table { width:100%; border-collapse:collapse; min-width:480px; } #programaAfiliadasShow thead th { text-align:left; font-size:13px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; color:var(--pa-ink-faint); padding:1.1rem 1.5rem 0.8rem; } #programaAfiliadasShow thead th:last-child, #programaAfiliadasShow tbody td:last-child { text-align:right; } #programaAfiliadasShow tbody td { padding:1.05rem 1.5rem; border-top:1px solid var(--pa-line); vertical-align:middle; font-size:14px; } #programaAfiliadasShow tbody tr:first-child td { border-top:2px solid var(--pa-gold); } #programaAfiliadasShow .pa-level-name { font-size:14px; font-weight:600; color:var(--pa-ink); } #programaAfiliadasShow .pa-level-desc { display:block; font-size:13px; color:var(--pa-ink-faint); font-weight:400; margin-top:0.15rem; } #programaAfiliadasShow .pa-pct-cell { font-size:18px; font-weight:600; color:var(--pa-accent); font-variant-numeric:tabular-nums; } #programaAfiliadasShow .pa-pct-diamond { display:inline-block; width:6px; height:6px; background:var(--pa-gold); transform:rotate(45deg); margin-right:0.6rem; vertical-align:middle; } #programaAfiliadasShow .pa-example { display:flex; flex-direction:column; gap:1.5rem; } #programaAfiliadasShow .pa-example-intro { margin:0; color:var(--pa-ink-soft); /*max-width:60ch;*/ font-size:14px; line-height:1.3; } #programaAfiliadasShow .pa-example-intro strong { color:var(--pa-ink); font-variant-numeric:tabular-nums; } #programaAfiliadasShow .pa-slider-control { background:var(--pa-surface); border:1px solid var(--pa-line); border-radius:8px; padding:1.25rem 1.4rem 1.1rem; box-shadow:var(--pa-shadow); } #programaAfiliadasShow .pa-slider-label-row { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:0.85rem; } #programaAfiliadasShow .pa-slider-label-row label { font-size:14px; font-weight:600; color:var(--pa-ink); } #programaAfiliadasShow .pa-slider-hint { font-size:13px; font-weight:400; color:var(--pa-ink-faint); } #programaAfiliadasShow .pa-slider-value { font-size:20px; font-weight:700; color:var(--pa-accent-deep); font-variant-numeric:tabular-nums; min-width:1.6ch; text-align:right; } #programaAfiliadasShow input[type="range"] { -webkit-appearance:none; appearance:none; width:100%; height:4px; margin:0; padding:0; display:block; border-radius:999px; background:var(--pa-line); outline-offset:6px; cursor:pointer; } #programaAfiliadasShow input[type="range"]::-webkit-slider-runnable-track { width:100%; height:4px; border-radius:999px; background:var(--pa-line); cursor:pointer; } #programaAfiliadasShow input[type="range"]::-moz-range-track { width:100%; height:4px; border-radius:999px; background:var(--pa-line); cursor:pointer; } #programaAfiliadasShow input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:20px; height:20px; margin-top:-8px; border-radius:50%; background:var(--pa-accent); border:3px solid var(--pa-surface); box-shadow: 0 0 0 1px var(--pa-accent), 0 2px 5px rgba(0,0,0,0.25); cursor:grab; transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } #programaAfiliadasShow input[type="range"]:hover::-webkit-slider-thumb { transform:scale(1.08); box-shadow: 0 0 0 2px rgba(233,30,143,0.25), 0 2px 6px rgba(0,0,0,0.30); } #programaAfiliadasShow input[type="range"]:active::-webkit-slider-thumb { transform:scale(1.15); box-shadow: 0 0 0 4px rgba(233,30,143,0.18), 0 2px 7px rgba(0,0,0,0.35); cursor:grabbing; } #programaAfiliadasShow input[type="range"]::-moz-range-thumb { width:20px; height:20px; border-radius:50%; background:var(--pa-accent); border:3px solid var(--pa-surface); box-shadow: 0 0 0 1px var(--pa-accent), 0 2px 5px rgba(0,0,0,0.25); cursor:grab; transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } #programaAfiliadasShow input[type="range"]:hover::-moz-range-thumb { transform:scale(1.08); box-shadow: 0 0 0 2px rgba(233,30,143,0.25), 0 2px 6px rgba(0,0,0,0.30); } #programaAfiliadasShow input[type="range"]:active::-moz-range-thumb { transform:scale(1.15); box-shadow: 0 0 0 4px rgba(233,30,143,0.18), 0 2px 7px rgba(0,0,0,0.35); cursor:grabbing; } #programaAfiliadasShow input[type="range"]:focus-visible { outline:2px solid var(--pa-accent); } #programaAfiliadasShow .pa-slider-scale { position:relative; width:100%; height:18px; margin-top:0.5rem; font-size:12px; color:var(--pa-ink-faint); font-variant-numeric:tabular-nums; } #programaAfiliadasShow .pa-slider-scale span { position:absolute; top:0; transform:translateX(-50%); text-align:center; line-height:1; } #programaAfiliadasShow .pa-slider-scale span:nth-child(1) { left:10px; } #programaAfiliadasShow .pa-slider-scale span:nth-child(2) { left:calc(25% + 5px); } #programaAfiliadasShow .pa-slider-scale span:nth-child(3) { left:50%; } #programaAfiliadasShow .pa-slider-scale span:nth-child(4) { left:calc(75% - 5px); } #programaAfiliadasShow .pa-slider-scale span:nth-child(5) { left:calc(100% - 10px); } #programaAfiliadasShow .pa-example-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:0.9rem; } #programaAfiliadasShow .pa-example-card { position:relative; background:var(--pa-surface); border:1px solid var(--pa-line); border-radius:8px; padding:0.75rem 0.85rem 0.7rem; display:flex; flex-direction:column; gap:0.08rem; align-items:flex-start; min-width:0; } #programaAfiliadasShow .pa-card-level { font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; color:var(--pa-ink-faint); line-height:1.15; padding-right:3.8rem; } #programaAfiliadasShow .pa-card-pct { position:absolute; top:0.65rem; right:0.75rem; font-size:20px; font-weight:800; line-height:1; color:var(--pa-accent-deep); background:var(--pa-accent-tint); padding:0.28rem 0.5rem; border-radius:999px; font-variant-numeric:tabular-nums; white-space:nowrap; } #programaAfiliadasShow .pa-card-people { font-size:14px; color:var(--pa-ink-soft); font-variant-numeric:tabular-nums; line-height:1.2; margin-top:0.35rem; } #programaAfiliadasShow .pa-card-value { font-size:18px; font-weight:700; color:var(--pa-ink); font-variant-numeric:tabular-nums; margin-top:0.15rem; line-height:1.15; } #programaAfiliadasShow .pa-example-total { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; background:var(--pa-surface-soft); border:1px solid var(--pa-line); border-left:4px solid var(--pa-accent); border-radius:8px; padding:1.1rem 1.4rem; flex-wrap:wrap; } #programaAfiliadasShow .pa-total-stat { display:flex; flex-direction:column; gap:0.2rem; } #programaAfiliadasShow .pa-total-label { font-size:14px; color:var(--pa-ink-soft); } #programaAfiliadasShow .pa-total-value { font-size:22px; font-weight:700; color:var(--pa-accent-deep); font-variant-numeric:tabular-nums; } #programaAfiliadasShow .pa-example-caveat { margin:0; line-height:1.3; color:var(--pa-ink-faint); max-width:62ch; } #programaAfiliadasShow .pa-note { margin:0; text-align:center; font-size:12px; line-height:1.5; color:var(--pa-ink-faint); border-top:1px solid var(--pa-line); padding-top:1.5rem; } /* Ajuste para tablet */ @media (max-width:900px) { #programaAfiliadasShow .pa-section-label { font-size:38px; } #programaAfiliadasShow .pa-node-circle { font-size:14px; } #programaAfiliadasShow .pa-node-label { font-size:13px; } #programaAfiliadasShow .pa-node-pct { font-size:13px; } #programaAfiliadasShow .pa-connector-word { font-size:11px; } #programaAfiliadasShow .pa-example-intro { font-size:14px; line-height:1.3; } #programaAfiliadasShow .pa-slider-label-row label { font-size:14px; } } /* Ajuste para celular */ @media (max-width:640px) { #programaAfiliadasShow .pa-page { padding:3rem 1.1rem 3.5rem; gap:2.75rem; } #programaAfiliadasShow .pa-section-label { font-size:30px; line-height:1.15; } /* Rede de afiliados */ #programaAfiliadasShow .pa-chain { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:0.5rem; } /* Oculta a barra de rolagem no Chrome, Edge e Safari */ #programaAfiliadasShow .pa-chain::-webkit-scrollbar { display:none; width:0; height:0; } #programaAfiliadasShow .pa-node-circle { font-size:14px; } #programaAfiliadasShow .pa-node-label { font-size:13px; } #programaAfiliadasShow .pa-node-pct { font-size:13px; } /* Oculta "convida" somente no responsivo */ #programaAfiliadasShow .pa-connector-word { display:none; } #programaAfiliadasShow .pa-chain-connector { gap:0; } #programaAfiliadasShow .pa-slider-label-row { gap:0.75rem; } #programaAfiliadasShow .pa-slider-label-row label { font-size:14px; line-height:1.35; } #programaAfiliadasShow .pa-slider-hint { font-size:12px; } #programaAfiliadasShow .pa-slider-value { font-size:20px; } #programaAfiliadasShow .pa-slider-scale { font-size:11px; } #programaAfiliadasShow .pa-example-intro { font-size:14px; line-height:1.3; } #programaAfiliadasShow .pa-example-grid { grid-template-columns:repeat(2, 1fr); } #programaAfiliadasShow .pa-example-card { padding:0.7rem 0.75rem 0.65rem; gap:0.08rem; } #programaAfiliadasShow .pa-card-level { font-size:12px; padding-right:3.2rem; } #programaAfiliadasShow .pa-card-pct { top:0.6rem; right:0.65rem; font-size:18px; padding:0.24rem 0.42rem; } #programaAfiliadasShow .pa-card-people { font-size:13px; margin-top:0.35rem; } #programaAfiliadasShow .pa-card-value { font-size:18px; margin-top:0.12rem; } #programaAfiliadasShow .pa-total-label { font-size:13px; } #programaAfiliadasShow .pa-total-value { font-size:21px; } #programaAfiliadasShow .pa-example-caveat, #programaAfiliadasShow .pa-note { font-size:12px; } #programaAfiliadasShow thead th, #programaAfiliadasShow tbody td { padding:0.9rem 1rem; } #programaAfiliadasShow .pa-pct-cell { font-size:18px; } } @media (prefers-reduced-motion: reduce) { #programaAfiliadasShow * { scroll-behavior:auto !important; } #programaAfiliadasShow input[type="range"]::-webkit-slider-thumb, #programaAfiliadasShow input[type="range"]::-moz-range-thumb { transition:none; } } /********************************************** Rede Afiliados Show de Vizinha **********************************************/ /********************************************** Seja Vendedor Show de Vizinha **********************************************/ #sejaVendedorShow { --svv-bg:#151515; --svv-surface:#1F1F1F; --svv-surface-soft:#242424; --svv-ink:#FFFFFF; --svv-ink-soft:#C8C8C8; --svv-ink-faint:#888888; --svv-accent:#E91E8F; --svv-accent-deep:#FF2CA3; --svv-accent-tint:rgba(233,30,143,0.14); --svv-line:#393939; --svv-shadow:0 5px 18px rgba(0,0,0,0.28); width:100%; clear:both; margin:0; background:var(--svv-bg); color:var(--svv-ink); font-family:inherit; font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; } #sejaVendedorShow, #sejaVendedorShow * { box-sizing:border-box; } #sejaVendedorShow .svv-page { max-width:900px; margin:0 auto; padding:4rem 1.5rem 4.5rem; display:flex; flex-direction:column; gap:2rem; } /* Titulo */ #sejaVendedorShow .svv-title { margin:0; font-size:42px; font-weight:600; color:#BBBBBB; text-align:center; line-height:1.15; } /* Calculadora */ #sejaVendedorShow .svv-calculator { display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(280px, 0.65fr); gap:1rem; align-items:stretch; } /* Card dos controles */ #sejaVendedorShow .svv-input-card { background:var(--svv-surface); border:1px solid var(--svv-line); border-radius:8px; padding:1.4rem; box-shadow:var(--svv-shadow); display:flex; flex-direction:column; gap:1.3rem; } #sejaVendedorShow .svv-slider-field { display:flex; flex-direction:column; gap:0.65rem; } #sejaVendedorShow .svv-slider-top { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; } #sejaVendedorShow .svv-slider-title { display:flex; flex-direction:column; gap:0.15rem; flex:1 1 auto; min-width:0; } #sejaVendedorShow .svv-slider-top label { display:block; margin:0; font-size:14px; font-weight:600; color:var(--svv-ink); line-height:1.3; } #sejaVendedorShow .svv-slider-value { flex:0 0 auto; font-size:20px; font-weight:700; color:var(--svv-accent-deep); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; line-height:1.2; } #sejaVendedorShow .svv-slider-rate { margin:0; font-size:12px; line-height:1.3; color:var(--svv-ink-faint); } #sejaVendedorShow .svv-divider { width:100%; height:1px; margin:0; padding:0; border:0; background:var(--svv-line); } #sejaVendedorShow .svv-assumptions { margin:0; line-height:1.4; color:var(--svv-ink-faint); } /* Sliders */ #sejaVendedorShow input[type="range"] { -webkit-appearance:none; appearance:none; width:100%; height:4px; margin:0; padding:0; display:block; border-radius:999px; background:var(--svv-line); outline-offset:6px; cursor:pointer; } #sejaVendedorShow input[type="range"]::-webkit-slider-runnable-track { width:100%; height:4px; border-radius:999px; background:var(--svv-line); cursor:pointer; } #sejaVendedorShow input[type="range"]::-moz-range-track { width:100%; height:4px; border-radius:999px; background:var(--svv-line); cursor:pointer; } #sejaVendedorShow input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:20px; height:20px; margin-top:-8px; border-radius:50%; background:var(--svv-accent); border:3px solid var(--svv-surface); box-shadow: 0 0 0 1px var(--svv-accent), 0 2px 5px rgba(0,0,0,0.25); cursor:grab; transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } #sejaVendedorShow input[type="range"]:hover::-webkit-slider-thumb { transform:scale(1.08); box-shadow: 0 0 0 2px rgba(233,30,143,0.25), 0 2px 6px rgba(0,0,0,0.30); } #sejaVendedorShow input[type="range"]:active::-webkit-slider-thumb { transform:scale(1.15); box-shadow: 0 0 0 4px rgba(233,30,143,0.18), 0 2px 7px rgba(0,0,0,0.35); cursor:grabbing; } #sejaVendedorShow input[type="range"]::-moz-range-thumb { width:20px; height:20px; border-radius:50%; background:var(--svv-accent); border:3px solid var(--svv-surface); box-shadow: 0 0 0 1px var(--svv-accent), 0 2px 5px rgba(0,0,0,0.25); cursor:grab; transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; } #sejaVendedorShow input[type="range"]:hover::-moz-range-thumb { transform:scale(1.08); box-shadow: 0 0 0 2px rgba(233,30,143,0.25), 0 2px 6px rgba(0,0,0,0.30); } #sejaVendedorShow input[type="range"]:active::-moz-range-thumb { transform:scale(1.15); box-shadow: 0 0 0 4px rgba(233,30,143,0.18), 0 2px 7px rgba(0,0,0,0.35); cursor:grabbing; } #sejaVendedorShow input[type="range"]:focus-visible { outline:2px solid var(--svv-accent); } /* Resultado principal */ #sejaVendedorShow .svv-result-card { position:relative; background:var(--svv-surface-soft); border:1px solid var(--svv-line); border-left:4px solid var(--svv-accent); border-radius:8px; padding:1.4rem; box-shadow:var(--svv-shadow); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; } #sejaVendedorShow .svv-result-label-row { width:100%; display:flex; align-items:center; justify-content:space-between; gap:0.75rem; } #sejaVendedorShow .svv-result-label { font-size:14px; color:var(--svv-ink-soft); } #sejaVendedorShow .svv-info-btn { flex:0 0 auto; width:22px; height:22px; padding:0; border:1px solid var(--svv-line); border-radius:50%; background:transparent; color:var(--svv-ink-soft); font-size:12px; font-weight:700; line-height:20px; text-align:center; cursor:pointer; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; } #sejaVendedorShow .svv-info-btn:hover { border-color:var(--svv-accent); color:#FFFFFF; background:var(--svv-accent-tint); } #sejaVendedorShow .svv-result-figure { margin-top:0.55rem; font-size:32px; font-weight:800; line-height:1.1; color:var(--svv-accent-deep); font-variant-numeric:tabular-nums; } #sejaVendedorShow .svv-result-sub { margin:0.2rem 0 0; font-size:13px; color:var(--svv-ink-soft); } #sejaVendedorShow .svv-result-annual { display:block; margin-top:1rem; font-size:13px; color:var(--svv-ink-soft); } #sejaVendedorShow .svv-result-annual strong { font-size:16px; color:var(--svv-ink); font-variant-numeric:tabular-nums; } #sejaVendedorShow .svv-tier-row { margin-top:1.1rem; } #sejaVendedorShow .svv-tier-badge { display:inline-flex; align-items:center; gap:0.45rem; padding:0.28rem 0.65rem; border-radius:999px; background:var(--svv-accent-tint); color:var(--svv-accent-deep); font-size:12px; font-weight:600; } #sejaVendedorShow .svv-tier-dot { width:7px; height:7px; border-radius:50%; background:var(--svv-accent); } /* Detalhamento */ #sejaVendedorShow .svv-breakdown { display:flex; flex-direction:column; gap:1rem; } #sejaVendedorShow .svv-breakdown h2 { margin:0; font-size:22px; font-weight:900; color:#FFFFFF; } #sejaVendedorShow .svv-breakdown-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:0.9rem; } #sejaVendedorShow .svv-breakdown-card { background:var(--svv-surface); border:1px solid var(--svv-line); border-radius:8px; padding:1rem 1.1rem; display:flex; flex-direction:column; gap:0.2rem; } #sejaVendedorShow .svv-b-label { font-size:13px; font-weight:600; color:var(--svv-ink); } #sejaVendedorShow .svv-b-formula { font-size:12px; line-height:1.3; color:var(--svv-ink-faint); } #sejaVendedorShow .svv-b-value { margin-top:0.25rem; font-size:20px; font-weight:700; line-height:1.15; color:var(--svv-accent-deep); font-variant-numeric:tabular-nums; } #sejaVendedorShow .svv-breakdown-total { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--svv-surface-soft); border:1px solid var(--svv-line); border-left:4px solid var(--svv-accent); border-radius:8px; padding:0.9rem 1.1rem; } #sejaVendedorShow .svv-t-label { font-size:14px; color:var(--svv-ink-soft); } #sejaVendedorShow .svv-t-value { font-size:22px; font-weight:700; color:var(--svv-accent-deep); font-variant-numeric:tabular-nums; white-space:nowrap; } /* Observacao */ #sejaVendedorShow .svv-note { margin:0; line-height:1.4; color:var(--svv-ink-faint); } /* Tablet */ @media (max-width:900px) { #sejaVendedorShow .svv-title { font-size:38px; } #sejaVendedorShow .svv-calculator { grid-template-columns:1fr; } #sejaVendedorShow .svv-result-card { min-height:auto; } } /* Celular */ @media (max-width:640px) { #sejaVendedorShow .svv-title { font-size:30px; line-height:1.15; } #sejaVendedorShow .svv-page { padding:3rem 1.1rem 3.5rem; gap:1.6rem; } #sejaVendedorShow .svv-input-card, #sejaVendedorShow .svv-result-card { padding:1.1rem; } #sejaVendedorShow .svv-slider-top { gap:0.75rem; } #sejaVendedorShow .svv-slider-title { gap:0.1rem; } #sejaVendedorShow .svv-slider-top label { font-size:14px; line-height:1.3; } #sejaVendedorShow .svv-slider-rate { font-size:11px; line-height:1.3; } #sejaVendedorShow .svv-slider-value { font-size:18px; } #sejaVendedorShow .svv-result-figure { font-size:28px; } #sejaVendedorShow .svv-breakdown h2 { font-size:20px; } #sejaVendedorShow .svv-breakdown-grid { grid-template-columns:1fr; } #sejaVendedorShow .svv-breakdown-total { align-items:flex-start; flex-direction:column; gap:0.25rem; } #sejaVendedorShow .svv-t-value { font-size:21px; } } @media (prefers-reduced-motion:reduce) { #sejaVendedorShow input[type="range"]::-webkit-slider-thumb, #sejaVendedorShow input[type="range"]::-moz-range-thumb, #sejaVendedorShow .svv-info-btn { transition:none; } } /* Popover da calculadora */ .popover.svv-popover { min-width:300px; max-width:360px; background:#FFFFFF; color:#333333; border:1px solid #D5D5D5; border-radius:6px; box-shadow:0 5px 18px rgba(0,0,0,0.30); } .popover.svv-popover .popover-title { margin:0; padding:10px 12px; background:#F5F5F5; border-bottom:1px solid #DDDDDD; color:#333333; font-size:14px; font-weight:600; line-height:1.3; } .popover.svv-popover .popover-content { padding:12px; color:#555555; font-size:13px; line-height:1.45; white-space:normal; } .popover.svv-popover .popover-content strong { color:#222222; font-weight:600; } /********************************************** Seja Vendedor Show de Vizinha **********************************************/ /*********************************************** Banner Rede Social na conta **********************************************/ /* Banner rede de afiliados */ .svRedeAfiliadosBanner { /* Forca o banner a ocupar tambem o padding de 30px do container pai */ width:calc(100% + 60px) !important; height:127px !important; margin-top:-30px !important; margin-right:-30px !important; margin-bottom:-30px !important; margin-left:-30px !important; padding:0 !important; position:relative !important; overflow:hidden !important; box-sizing:border-box !important; cursor:pointer; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; border-radius:10px !important; } /* Conteudo interno */ .svRedeAfiliadosBannerConteudo { width:100% !important; height:100% !important; margin:0 !important; padding:15px !important; box-sizing:border-box !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; position:relative; z-index:2; } /* Titulo */ .svRedeAfiliadosBannerTitulo { width:100%; margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-size:20px; font-weight:bold; line-height:24px; text-align:center; } /* Subtitulo */ .svRedeAfiliadosBannerSubtitulo { width:100%; margin:2px 0 0 0 !important; padding:0 !important; color:#FFFFFF !important; font-size:16px; line-height:20px; text-align:center; } /* Botao */ .svRedeAfiliadosBannerBotao { margin:5px 0 0 0 !important; padding:7px 15px !important; border:1px solid #E91E8F !important; border-radius:4px !important; background:#E91E8F !important; color:#FFFFFF !important; font-size:13px !important; font-weight:bold !important; line-height:20px !important; text-transform:uppercase !important; width:auto !important; height:auto !important; cursor:pointer !important; } /* Hover do botao */ .svRedeAfiliadosBannerBotao:hover, .svRedeAfiliadosBannerBotao:focus { background:#FF2CA3 !important; border-color:#FF2CA3 !important; color:#FFFFFF !important; } /* Icone */ .svRedeAfiliadosBannerIcone { position:relative; top:1px; margin-right:7px; color:#FFFFFF !important; } /*********************************************** Banner Rede Social na conta **********************************************/ /**************************************************** Tela de mensagens ***************************************************/ /* Container das mensagens no responsivo */ .tabelaMensagensResponsivo { width:100% !important; max-width:100% !important; min-width:100% !important; box-sizing:border-box !important; } /* Tabela das mensagens */ .tabelaMensagensResponsivoTable { width:100% !important; max-width:100% !important; min-width:100% !important; table-layout:fixed !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } /* Cabecalho */ .tabelaMensagensResponsivoTable th { width:100% !important; max-width:100% !important; box-sizing:border-box !important; } /* Celula da mensagem */ .tabelaMensagensResponsivoTd { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; white-space:normal !important; word-wrap:break-word !important; overflow-wrap:anywhere !important; word-break:normal !important; } /* Texto da mensagem */ .tabelaMensagensResponsivoTd .tit_link_desconto { width:100% !important; max-width:100% !important; white-space:normal !important; word-wrap:break-word !important; overflow-wrap:anywhere !important; box-sizing:border-box !important; } /* Box das mensagens */ .svMensagensLista { width:100%; margin-top:-10px; border-top:1px dotted #666666; /*border-bottom:1px dotted #666666;*/ } /* Cabecalho */ .svMensagensCabecalho { display:grid; grid-template-columns:minmax(0, 1fr) 190px 190px; align-items:center; background:#292929; color:#FFFFFF; font-size:13px; font-weight:bold; border-bottom:2px solid #AAAAAA; } .svMensagensCabecalho > div { padding:10px 15px; } /* Linha */ .svMensagemItem { display:grid; grid-template-columns:minmax(0, 1fr) 190px 190px; align-items:start; background:#3C3C3C; color:#EEEEEE; border-bottom:1px solid #505050; transition:background 0.15s ease; } .svMensagemItem:last-child { border-bottom:0; } .svMensagemItem:hover { background:#424242; } /* Mensagem */ .svMensagemTexto { position:relative; padding:13px 15px 13px 43px; font-size:14px; line-height:1.45; box-sizing:border-box; } /* Icone */ .svMensagemIcone { position:absolute; left:15px; top:15px; color:#E91E8F; font-size:16px; } /* Datas */ .svMensagemData { padding:13px 15px; font-size:13px; line-height:20px; box-sizing:border-box; } /* Labels escondidos no desktop */ .svMensagemDataLabel { display:none; margin-bottom:2px; color:#AAAAAA; font-size:11px; font-weight:bold; text-transform:uppercase; } /* Links dentro da mensagem */ .svMensagemTexto a, .svMensagemTexto u { color:#FFFFFF; text-decoration:underline; } /* Responsivo */ @media (max-width:767px) { .svMensagensCabecalho { display:block; } .svMensagensCabecalho > div:not(:first-child) { display:none; } .svMensagemItem { display:grid; grid-template-columns:1fr 1fr; margin-bottom:8px; border-left:3px solid #E91E8F; border-bottom:0; border-radius:5px; overflow:hidden; } .svMensagemTexto { grid-column:1 / -1; padding:14px 14px 14px 42px; } .svMensagemIcone { left:14px; top:16px; } .svMensagemData { padding:8px 14px 12px 14px; border-top:1px solid #505050; } .svMensagemData + .svMensagemData { border-left:1px solid #505050; } .svMensagemDataLabel { display:block; } } /**************************************************** Tela de mensagens ***************************************************/ /* Paginacao */ .paginacaoMinhasMensagens { margin-top:20px; clear:both; } /* Responsivo */ @media (max-width:767px) { .paginacaoMinhasMensagens { margin-top:50px; } } /**************************************************** Tela de chamado ***************************************************/ /* Lista de chamados */ .svChamadosLista { width:100%; margin-top:-10px; box-sizing:border-box; border-top:1px dotted #666666; } /* Cabecalho */ .svChamadosCabecalho { display:grid; grid-template-columns:minmax(0, 1fr) 310px; background:#292929; color:#FFFFFF; font-size:13px; font-weight:bold; border-bottom:2px solid #AAAAAA; } .svChamadosCabecalho > div { padding:10px 15px; } /* Chamado */ .svChamadoItem { display:grid; grid-template-columns:minmax(0, 1fr) 310px 100px; align-items:stretch; background:#3C3C3C; color:#EEEEEE; border-bottom:1px solid #505050; transition:background 0.15s ease; } .svChamadoItem:hover { background:#424242; } .svChamadoItem:last-child { border-bottom:0; } /* Parte principal */ .svChamadoPrincipal { display:flex; align-items:flex-start; padding:11px 15px; box-sizing:border-box; } /* Icone */ .svChamadoIcone { width:22px; min-width:22px; margin-top:1px; margin-right:8px; color:#E91E8F; font-size:16px; } /* Conteudo */ .svChamadoConteudo { min-width:0; } /* Protocolo */ .svChamadoProtocolo { margin:0 0 1px 0; padding:0; color:#BBBBBB; font-size:12px; line-height:15px; } /* Assunto */ .svChamadoTitulo { margin:0; padding:0; color:#FFFFFF; font-size:14px; font-weight:600; line-height:17px; } /* Cancelamento */ .svChamadoCancelamento { margin:1px 0 0 0; padding:0; color:#BBBBBB; font-size:12px; line-height:15px; } /* Status */ .svChamadoStatus { display:flex; align-items:center; gap:4px; margin:3px 0 0 0; padding:0; font-size:12px; line-height:16px; } .svChamadoStatus span { color:#AAAAAA; } .svChamadoStatus strong { color:#FFFFFF; font-weight:600; } /* Informacoes */ .svChamadoInfo { padding:10px 15px; box-sizing:border-box; border-left:1px solid #505050; } /* Bloco de informacao */ .svChamadoInfoBloco { margin:0; padding:0; } /* Titulo da informacao */ .svChamadoInfoTitulo { display:none; margin:0 0 1px 0; padding:0; color:#AAAAAA; font-size:10px; font-weight:bold; line-height:14px; text-transform:uppercase; } /* Data */ .svChamadoData { margin:0; padding:0; font-size:13px; line-height:16px; } /* Autor */ .svChamadoAutor { margin:4px 0 0 0; padding:0; color:#DDDDDD; font-size:12px; font-weight:600; line-height:16px; } .svChamadoAutor i { margin-right:5px; color:#999999; } /* Contadores */ .svChamadoContadores { display:flex; align-items:center; gap:18px; margin:4px 0 0 0; padding:0; } .svChamadoContadores > div { display:flex; align-items:center; gap:5px; color:#CCCCCC; font-size:12px; line-height:16px; } .svChamadoContadores i { color:#999999; font-size:14px; } /* Acao */ .svChamadoAcao { display:flex; align-items:center; justify-content:center; padding:10px; box-sizing:border-box; border-left:1px solid #505050; } /* Botao */ .svChamadoBotao { display:flex; align-items:center; justify-content:center; gap:6px; margin:0; padding:7px 12px; border:1px solid #E91E8F; border-radius:4px; background:#E91E8F; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:16px; cursor:pointer; } .svChamadoBotao:hover, .svChamadoBotao:focus { background:#FF2CA3; border-color:#FF2CA3; color:#FFFFFF; } /* Sem registros */ .svChamadosSemRegistro { width:100%; padding:30px 15px; box-sizing:border-box; text-align:center; color:#BBBBBB; font-size:18px; font-weight:600; } .svChamadosSemRegistro div { margin-top:5px; line-height:1; opacity:0.6; } /* Responsivo */ @media (max-width:767px) { .svChamadoInfoTitulo { display:block; } .svChamadosCabecalho { display:block; } .svChamadosCabecalho > div:not(:first-child) { display:none; } .svChamadoItem { display:grid; grid-template-columns:1fr auto; margin-bottom:8px; border-left:3px solid #E91E8F; border-bottom:0; border-radius:5px; overflow:hidden; } .svChamadoItem:last-child { margin-bottom:0; } .svChamadoPrincipal { grid-column:1 / -1; padding:11px 12px; } .svChamadoIcone { margin-right:7px; } .svChamadoInfo { padding:8px 12px; border-left:0; border-top:1px solid #505050; } .svChamadoAcao { padding:8px 10px; border-left:1px solid #505050; border-top:1px solid #505050; } .svChamadoBotao { padding:7px 11px; } .svChamadoBotao span { display:none; } .svChamadoBotao i { font-size:15px; } .svChamadoAutor { margin-top:3px; } .svChamadoContadores { margin-top:3px; } } /**************************************************** Tela de chamado ***************************************************/ /******************************************************* Bate-papo ******************************************************/ /* ========================================================= BATE-PAPO SHOW DE VIZINHA ========================================================= */ .svChatBox { width:100%; height:650px; display:grid; grid-template-columns:34% 66%; margin-top:-10px; background:#1E1E1E; border:1px solid #3F3F3F; border-radius:6px; overflow:hidden; box-sizing:border-box; } /* ========================================================= LISTA ========================================================= */ .svChatLista { min-width:0; height:100%; display:flex; flex-direction:column; background:#242424; border-right:1px solid #414141; } .svChatListaHeader { height:64px; min-height:64px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; border-bottom:1px solid #3B3B3B; } .svChatListaTitulo { color:#FFFFFF; font-size:18px; font-weight:bold; } .svChatListaAcoes { display:flex !important; align-items:center !important; justify-content:flex-end !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:10px !important; width:auto !important; min-width:72px; height:auto !important; } /* Controle sutil dos alertas globais */ .svChatAlertasControle { border:0; background:transparent; padding:0; display:flex; align-items:center; gap:6px; color:#888888; cursor:pointer; opacity:0.82; transition:opacity 0.18s ease, color 0.18s ease; flex:0 0 auto; margin:0 !important; position:relative; } .svChatAlertasControle:hover { opacity:1; color:#BDBDBD; } .svChatAlertasControle:focus { outline:none; } .svChatAlertasControle:disabled { cursor:wait; opacity:0.45; } .svChatAlertasControle i { width:14px; font-size:13px; text-align:center; } .svChatAlertasTrilho { position:relative; display:block; width:28px; height:14px; border-radius:20px; background:#505050; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05); transition:background 0.18s ease; } .svChatAlertasBolinha { position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:50%; background:#BDBDBD; transition:transform 0.18s ease, background 0.18s ease; } .svChatAlertasControle.svChatAlertasAtivos { color:#E91E8F; } .svChatAlertasControle.svChatAlertasAtivos .svChatAlertasTrilho { background:rgba(233,30,143,0.28); } .svChatAlertasControle.svChatAlertasAtivos .svChatAlertasBolinha { background:#E91E8F; transform:translateX(14px); } .svChatPesquisa { padding:10px 12px; box-sizing:border-box; border-bottom:1px solid #353535; } .svChatPesquisaBox { width:100%; height:38px; display:flex; align-items:center; padding:0 12px; box-sizing:border-box; background:#333333; border-radius:20px; } .svChatPesquisaBox i { margin-right:9px; color:#AAAAAA; font-size:13px; } .svChatPesquisaBox input { width:100%; margin:0; padding:0; border:0; outline:0; background:transparent; color:#FFFFFF; font-size:13px; } .svChatPesquisaBox input::placeholder { color:#999999; } /* ========================================================= CONTATOS ========================================================= */ .svChatContatos { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#4F4F4F transparent; } .svChatContatos::-webkit-scrollbar { width:5px; } .svChatContatos::-webkit-scrollbar-track { background:transparent; } .svChatContatos::-webkit-scrollbar-thumb { border-radius:5px; background:#4F4F4F; } .svChatContatos::-webkit-scrollbar-thumb:hover { background:#626262; } .svChatContato { width:100%; height:64px !important; min-height:64px !important; display:flex; align-items:center; padding:0 12px !important; box-sizing:border-box; cursor:pointer; border-bottom:1px solid #383838; transition:background 0.15s ease; } .svChatContato:hover { background:#303030; } .svChatContatoAtivo { background:#333333; } .svChatContatoAvatar { width:44px; height:44px; min-width:44px; display:flex; align-items:center; justify-content:center; margin-right:10px; border-radius:50%; background:#4D4D4D; color:#FFFFFF; font-size:17px; overflow:hidden; } .svChatContatoAvatar img { width:100%; height:100%; object-fit:cover; } .svChatContatoConteudo { flex:1; min-width:0; } .svChatContatoTopo { display:flex; align-items:center; justify-content:space-between; gap:8px; } .svChatContatoNome { min-width:0; color:#FFFFFF; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .svChatContatoHora { color:#999999; font-size:10px; white-space:nowrap; } .svChatContatoRodape { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:3px; } .svChatContatoMensagem { min-width:0; color:#AAAAAA; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .svChatContatoNotificacao { min-width:20px; height:20px; display:flex; align-items:center; justify-content:center; padding:0 5px; box-sizing:border-box; border-radius:10px; background:#E91E8F; color:#FFFFFF; font-size:10px; font-weight:bold; } /* ========================================================= CONVERSA ========================================================= */ .svChatConversa { min-width:0; height:100%; display:flex; flex-direction:column; background:#191919; overflow:hidden; } /* Nenhuma conversa selecionada */ .svChatConversaVazia { width:100%; height:100%; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; box-sizing:border-box; text-align:center; background:#191919; } .svChatConversaVaziaIcone { width:70px; height:70px; display:flex; align-items:center; justify-content:center; margin-bottom:15px; border-radius:50%; background:#292929; color:#E91E8F; font-size:30px; } .svChatConversaVaziaTitulo { margin:0 0 5px 0; padding:0; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:21px; } .svChatConversaVaziaTexto { max-width:330px; margin:0; padding:0; color:#999999; font-size:12px; line-height:17px; } /* Conteudo da conversa */ .svChatConversaConteudo { width:100%; height:100%; min-height:0; flex:1 1 auto; flex-direction:column; box-sizing:border-box; overflow:hidden; } .svChatConversaHeader { height:64px; min-height:64px; flex:0 0 64px; display:flex; align-items:center; padding:0 16px; box-sizing:border-box; background:#292929; border-bottom:1px solid #404040; overflow:visible !important; } .svChatConversaAvatar { width:42px; height:42px; min-width:42px; display:flex; align-items:center; justify-content:center; margin-right:10px; border-radius:50%; background:#4D4D4D; color:#FFFFFF; font-size:16px; overflow:hidden; } .svChatConversaAvatar img { width:100%; height:100%; object-fit:cover; } .svChatConversaPessoa { flex:1; min-width:0; } .svChatConversaNome { color:#FFFFFF; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .svChatConversaStatus { margin-top:1px; color:#AAAAAA; font-size:11px; } .svChatConversaMenu { padding:10px; color:#AAAAAA; cursor:pointer; position:relative; z-index:80; } .svChatConversaMenu:hover { color:#FFFFFF; } .svChatConversaMenuBotao { width:38px; height:38px; border:0; background:transparent; color:inherit; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:50%; } .svChatConversaMenuBotao:hover { background:rgba(255,255,255,0.08); } .svChatConversaMenuDropdown { display:none; position:absolute; top:42px; right:0; min-width:205px; padding:6px 0; background:#252525; border:1px solid rgba(255,255,255,0.10); border-radius:7px; box-shadow:0 8px 24px rgba(0,0,0,0.38); z-index:9999; } .svChatConversaMenu.svChatConversaMenuAberto .svChatConversaMenuDropdown { display:block; } .svChatConversaMenuItem { width:100%; min-height:38px; padding:8px 12px; border:0; background:transparent; color:#F1F1F1; display:flex; align-items:center; gap:10px; text-decoration:none !important; font-size:13px; text-align:left; cursor:pointer; white-space:nowrap; } .svChatConversaMenuItem:hover { background:#343434; color:#FFFFFF; } .svChatConversaMenuItem i { width:17px; text-align:center; } .svChatConversaMenuItemPerigo { color:#FF7A7A; } .svChatConversaMenuItemPerigo:hover { color:#FF9B9B; } /* ========================================================= MENSAGENS ========================================================= */ /* Fundo da conversa */ .svChatMensagens { flex:1 1 auto; min-height:0; padding:18px; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; background-color:#171717; background-image: linear-gradient( rgba(17,17,17,0.76), rgba(17,17,17,0.76) ), url('../../images/bk/chat-background-dark.png'); background-repeat: repeat, repeat; background-position: center, center; background-size: auto, 700px auto; scrollbar-width:thin; scrollbar-color:#555555 transparent; scrollbar-gutter:stable; } /* Barra de rolagem discreta da conversa - Chrome / Edge / Safari */ .svChatMensagens::-webkit-scrollbar { width:6px; } .svChatMensagens::-webkit-scrollbar-track { background:transparent; } .svChatMensagens::-webkit-scrollbar-thumb { border-radius:6px; background:#555555; } .svChatMensagens::-webkit-scrollbar-thumb:hover { background:#6A6A6A; } /* Data da conversa: Hoje / Ontem */ .svChatData { width:max-content; margin:0 auto 18px auto; padding:4px 12px; background:#2A2F32; color:#E9EDEF; border-radius:7px; box-shadow:0 1px 1px rgba(0,0,0,0.30); font-size:11px; font-weight:600; line-height:15px; text-align:center; } /* Linha da mensagem */ .svChatLinha { width:100%; display:flex; margin-bottom:6px; } .svChatLinhaRecebida { justify-content:flex-start; } .svChatLinhaEnviada { justify-content:flex-end; } /* Container do balao, menu e reacoes */ .svChatMensagemConteudo { position:relative; max-width:68%; min-width:0; display:flex; flex-direction:column; overflow:visible; } /* Alinhamento das mensagens recebidas */ .svChatLinhaRecebida .svChatMensagemConteudo { align-items:flex-start; } /* Alinhamento das mensagens enviadas */ .svChatLinhaEnviada .svChatMensagemConteudo { align-items:flex-end; } /* Balao da mensagem */ .svChatMensagem { position:relative; max-width:100%; padding:9px 55px 9px 11px; border-radius:7px; font-size:13px; line-height:18px; box-sizing:border-box; word-wrap:break-word; overflow-wrap:anywhere; cursor:pointer; } .svChatMensagemRecebida { background:#373737; color:#FFFFFF; border-top-left-radius:2px; } .svChatMensagemEnviada { background:#E91E8F; color:#FFFFFF; border-top-right-radius:2px; } .svChatMensagemHora { position:absolute; right:8px; bottom:4px; font-size:9px; opacity:0.7; white-space:nowrap; } /* Mensagem editada: o indicador fica em uma linha propria para nunca sobrepor o texto */ .svChatMensagemEditada { padding-right:11px; padding-bottom:7px; } /* Mensagem enviada que foi editada: um tom abaixo do rosa principal */ .svChatMensagemEnviada.svChatMensagemEditada { background:#CF197E; } /* Indicador de edicao em linha separada para nao disputar espaco com a mensagem */ .svChatMensagemEditada .svChatMensagemHora { position:static; display:block; width:100%; margin-top:1px; text-align:right; font-size:9px; line-height:11px; color:#FFE0F0; opacity:0.88; white-space:nowrap; } /* Mensagem excluida enviada: rosa bem mais claro */ .svChatMensagemConteudoExcluida .svChatMensagemEnviada { background:#F3A7CF; color:#7A2453; } /* Mensagem excluida recebida: cinza mais claro */ .svChatMensagemConteudoExcluida .svChatMensagemRecebida { background:#666666; color:#EDEDED; } /* Texto da mensagem excluida */ .svChatMensagemExcluida { font-style:italic; font-weight:500; opacity:0.9; } /* Horario da mensagem excluida */ .svChatMensagemConteudoExcluida .svChatMensagemHora { opacity:0.72; } /* ========================================================= OPCOES / RESPONDER MENSAGEM ========================================================= */ /* Botao com a seta para abrir as opcoes */ .svChatMensagemOpcoesBotao { position:absolute; top:4px; left:auto; right:auto; z-index:25; width:24px; height:22px; min-width:24px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:rgba(0,0,0,0.18); color:rgba(255,255,255,0.82); font-size:10px; line-height:22px; cursor:pointer; opacity:0; visibility:hidden; pointer-events:none; appearance:none; -webkit-appearance:none; transition: opacity 0.10s ease, background 0.10s ease, color 0.10s ease; } /* Exibe a seta quando passa o mouse ou quando o menu esta aberto */ .svChatLinha:hover .svChatMensagemOpcoesBotao, .svChatMensagemConteudo:hover .svChatMensagemOpcoesBotao, .svChatMensagemConteudo.svChatMostrarOpcoes .svChatMensagemOpcoesBotao { opacity:1; visibility:visible; pointer-events:auto; } /* Nas recebidas a seta fica fora do balao, encostada na lateral */ .svChatLinhaRecebida .svChatMensagemOpcoesBotao { right:-24px; } /* Nas enviadas a seta fica fora do balao, encostada na lateral */ .svChatLinhaEnviada .svChatMensagemOpcoesBotao { left:-24px; } /* Cria uma pequena ponte invisivel entre o balao e o botao. Assim o hover nao e perdido ao mover o mouse ate a seta. */ .svChatMensagemOpcoesBotao::before { content:''; position:absolute; top:0; width:12px; height:100%; } .svChatLinhaRecebida .svChatMensagemOpcoesBotao::before { right:100%; } .svChatLinhaEnviada .svChatMensagemOpcoesBotao::before { left:100%; } /* Hover da seta */ .svChatMensagemOpcoesBotao:hover, .svChatMensagemOpcoesBotao:focus { background:rgba(0,0,0,0.32); color:#FFFFFF; } /* Menu de opcoes da mensagem */ .svChatMensagemOpcoesMenu { position:absolute; top:29px; left:auto; right:auto; z-index:60; min-width:122px; display:block; padding:4px 0; box-sizing:border-box; border:1px solid #454545; border-radius:6px; background:#292929; box-shadow:0 4px 14px rgba(0,0,0,0.48); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-3px); transition: opacity 0.10s ease, transform 0.10s ease, visibility 0.10s ease; } /* Exibe o menu */ .svChatMensagemConteudo.svChatMostrarOpcoes .svChatMensagemOpcoesMenu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } /* Menu das mensagens recebidas abre para fora, a direita */ .svChatLinhaRecebida .svChatMensagemOpcoesMenu { left:calc(100% + 4px); } /* Menu das mensagens enviadas abre para fora, a esquerda */ .svChatLinhaEnviada .svChatMensagemOpcoesMenu { right:calc(100% + 4px); } /* Opcao responder */ .svChatMensagemOpcaoResponder { width:100%; height:34px; display:flex; align-items:center; gap:8px; margin:0; padding:0 11px; border:0; outline:0; background:transparent; color:#F1F1F1; font-family:inherit; font-size:12px; font-weight:normal; line-height:34px; text-align:left; white-space:nowrap; cursor:pointer; appearance:none; -webkit-appearance:none; transition:background 0.10s ease; } .svChatMensagemOpcaoResponder:hover, .svChatMensagemOpcaoResponder:focus { background:#363636; color:#FFFFFF; } .svChatMensagemOpcaoResponder i { width:15px; min-width:15px; color:#BDBDBD; font-size:12px; text-align:center; } /* Mensagem com resposta ganha largura minima para a citacao */ .svChatMensagemComReply { min-width:220px; } /* Mensagem original exibida dentro de uma resposta */ .svChatMensagemReply { width:100%; max-width:100%; display:block; min-width:0; margin:-3px 0 7px 0; padding:6px 8px 6px 9px; box-sizing:border-box; border-left:3px solid #E91E8F; border-radius:5px; background:rgba(0,0,0,0.18); cursor:pointer; overflow:hidden; transition:background 0.10s ease; } .svChatMensagemReply:hover { background:rgba(0,0,0,0.28); } /* Resposta dentro de uma mensagem enviada */ .svChatMensagemEnviada .svChatMensagemReply { border-left-color:#FFFFFF; background:rgba(0,0,0,0.16); } .svChatMensagemEnviada .svChatMensagemReply:hover { background:rgba(0,0,0,0.24); } /* Autor da mensagem respondida */ .svChatMensagemReplyAutor { margin-bottom:1px; color:#F277C6; font-size:11px; font-weight:600; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .svChatMensagemEnviada .svChatMensagemReplyAutor { color:#FFFFFF; } /* Texto da mensagem respondida */ .svChatMensagemReplyTexto { max-width:100%; color:#D0D0D0; font-size:11px; font-weight:normal; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .svChatMensagemEnviada .svChatMensagemReplyTexto { color:rgba(255,255,255,0.88); } /* Destaque temporario ao clicar na mensagem respondida */ .svChatMensagemDestacada .svChatMensagem { animation:svChatDestacarMensagem 1.20s ease; } @keyframes svChatDestacarMensagem { 0% { box-shadow:0 0 0 0 rgba(255,255,255,0); } 25% { box-shadow: 0 0 0 2px rgba(255,255,255,0.55), 0 0 0 6px rgba(233,30,143,0.18); } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0); } } /* ========================================================= AUDIO / PLAYER DA MENSAGEM ========================================================= */ /* Balao de uma mensagem de audio */ .svChatMensagemAudio { width:310px; max-width:100%; min-width:270px; padding:8px 10px 20px 10px; } /* Quando o audio tambem for uma resposta */ .svChatMensagemAudio.svChatMensagemComReply { width:330px; max-width:100%; } /* Player visual */ .svChatAudioPlayer { width:100%; min-width:0; display:grid; grid-template-columns:36px minmax(90px, 1fr); grid-template-areas: "play progresso" "play tempo"; align-items:center; column-gap:9px; row-gap:2px; box-sizing:border-box; user-select:none; } /* Botao play / pause */ .svChatAudioPlay { grid-area:play; width:36px; height:36px; min-width:36px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:rgba(0,0,0,0.24); color:#FFFFFF; font-size:13px; line-height:36px; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.12s ease, transform 0.12s ease; } .svChatAudioPlay:hover, .svChatAudioPlay:focus { background:rgba(0,0,0,0.38); transform:scale(1.04); } /* Compensa visualmente o triangulo do play */ .svChatAudioPlay .fa-play { margin-left:2px; } /* Barra de progresso */ .svChatAudioProgresso { grid-area:progresso; width:100%; height:16px; min-width:0; margin:0; padding:0; border:0; outline:0; background:transparent; cursor:pointer; accent-color:#FFFFFF; appearance:none; -webkit-appearance:none; } /* Trilha no Chrome / Edge / Safari */ .svChatAudioProgresso::-webkit-slider-runnable-track { height:3px; border:0; border-radius:3px; background:rgba(255,255,255,0.40); } .svChatAudioProgresso::-webkit-slider-thumb { width:11px; height:11px; margin-top:-4px; border:0; border-radius:50%; background:#FFFFFF; cursor:pointer; -webkit-appearance:none; } /* Trilha no Firefox */ .svChatAudioProgresso::-moz-range-track { height:3px; border:0; border-radius:3px; background:rgba(255,255,255,0.40); } .svChatAudioProgresso::-moz-range-thumb { width:11px; height:11px; border:0; border-radius:50%; background:#FFFFFF; cursor:pointer; } /* Tempo atual / duracao */ .svChatAudioTempo { grid-area:tempo; display:block; min-width:0; color:rgba(255,255,255,0.78); font-size:9px; font-weight:normal; line-height:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Elemento nativo usado apenas para reproducao */ .svChatAudioElemento { display:none; } /* Audio recebido */ .svChatMensagemRecebida .svChatAudioPlay { background:#4A4A4A; } .svChatMensagemRecebida .svChatAudioPlay:hover, .svChatMensagemRecebida .svChatAudioPlay:focus { background:#555555; } .svChatMensagemRecebida .svChatAudioProgresso::-webkit-slider-runnable-track { background:#707070; } .svChatMensagemRecebida .svChatAudioProgresso::-moz-range-track { background:#707070; } .svChatMensagemRecebida .svChatAudioProgresso::-webkit-slider-thumb { background:#E91E8F; } .svChatMensagemRecebida .svChatAudioProgresso::-moz-range-thumb { background:#E91E8F; } .svChatMensagemRecebida .svChatAudioTempo { color:#BEBEBE; } /* ========================================================= FOTO / VIDEO NO HISTORICO ========================================================= */ /* Balao das mensagens de foto e video */ .svChatMensagemFoto, .svChatMensagemVideo { width:220px; max-width:100%; min-width:170px; padding:5px 5px 20px 5px; overflow:hidden; } /* Quando a midia tambem for uma resposta */ .svChatMensagemFoto.svChatMensagemComReply, .svChatMensagemVideo.svChatMensagemComReply { width:240px; max-width:100%; } /* Base comum para foto e video */ .svChatMensagemMidia { width:100%; max-width:100%; display:block; box-sizing:border-box; border:0; outline:0; border-radius:5px; background:#111111; } /* Link da foto */ .svChatMensagemFotoLink { line-height:0; cursor:zoom-in; overflow:hidden; text-decoration:none; } /* Imagem enviada */ .svChatMensagemFotoImagem { width:100%; height:auto; max-height:250px; display:block; object-fit:contain; border-radius:5px; background:#111111; } /* Video enviado */ .svChatMensagemVideoPlayer { height:auto; max-height:250px; object-fit:contain; background:#000000; cursor:pointer; } /* Mantem o horario legivel abaixo da midia */ .svChatMensagemFoto .svChatMensagemHora, .svChatMensagemVideo .svChatMensagemHora { right:7px; bottom:4px; } /* ========================================================= REACOES ========================================================= */ /* Menu com os emojis */ .svChatReacaoMenu { position:absolute; bottom:calc(100% - 2px); z-index:50; display:flex; align-items:center; gap:0; padding:3px 4px; box-sizing:border-box; border:1px solid #444444; border-radius:18px; background:#292929; box-shadow:0 2px 8px rgba(0,0,0,0.40); white-space:nowrap; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(3px); transition: opacity 0.10s ease, transform 0.10s ease, visibility 0.10s ease; } /* Menu nas mensagens recebidas */ .svChatLinhaRecebida .svChatReacaoMenu { left:2px; } /* Menu nas mensagens enviadas */ .svChatLinhaEnviada .svChatReacaoMenu { right:2px; } /* Exibe somente quando clicar na mensagem */ .svChatMensagemConteudo.svChatMostrarReacoes .svChatReacaoMenu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } /* Botao de cada emoji */ .svChatReacaoBotao { width:27px; height:27px; min-width:27px; flex:0 0 27px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:transparent; color:#FFFFFF; font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; font-size:17px; font-weight:normal; line-height:27px; letter-spacing:0; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.10s ease, transform 0.10s ease; } /* Hover do emoji */ .svChatReacaoBotao:hover, .svChatReacaoBotao:focus { background:#3D3D3D; transform:scale(1.12); } /* Emoji selecionado pelo usuario */ .svChatReacaoBotao.svChatReacaoSelecionada { background:#454545; box-shadow:0 0 0 1px #E91E8F; } /* Container das reacoes adicionadas */ .svChatReacoes { display:flex; align-items:center; flex-wrap:wrap; gap:3px; margin-top:3px; } /* Nao ocupa espaco quando nao existem reacoes */ .svChatReacoes:empty { display:none; margin:0; } /* Reacao exibida abaixo da mensagem */ .svChatReacaoResumo { height:23px; min-width:34px; display:flex; align-items:center; justify-content:center; gap:3px; margin:0; padding:1px 6px; box-sizing:border-box; border:1px solid #464646; outline:0; border-radius:12px; background:#292929; color:#FFFFFF; cursor:pointer; appearance:none; -webkit-appearance:none; box-shadow:0 1px 2px rgba(0,0,0,0.25); transition: background 0.10s ease, border-color 0.10s ease; } /* Hover da reacao */ .svChatReacaoResumo:hover, .svChatReacaoResumo:focus { background:#353535; border-color:#555555; } /* Reacao escolhida pelo usuario */ .svChatReacaoResumoMinha { background:#34242E; border-color:#E91E8F; } .svChatReacaoResumoMinha:hover, .svChatReacaoResumoMinha:focus { background:#3E2935; border-color:#FF2CA3; } /* Emoji da reacao */ .svChatReacaoResumoEmoji { display:inline-flex; align-items:center; justify-content:center; font-family:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; font-size:13px; line-height:17px; } /* Quantidade de reacoes */ .svChatReacaoResumoTotal { display:inline-block; color:#BBBBBB; font-size:10px; font-weight:600; line-height:17px; } /* Quantidade quando e a minha reacao */ .svChatReacaoResumoMinha .svChatReacaoResumoTotal { color:#FFFFFF; } /* ========================================================= PREVIEW DA MENSAGEM QUE SERA RESPONDIDA ========================================================= */ /* Preview criado acima do textarea */ .svChatResponderPreview { width:100%; max-width:100%; display:flex; align-items:stretch; gap:7px; padding:6px 7px 5px 7px; box-sizing:border-box; border-bottom:1px solid #4A4A4A; overflow:hidden; } /* Conteudo do preview */ .svChatResponderPreviewConteudo { flex:1; min-width:0; overflow:hidden; padding:4px 8px; box-sizing:border-box; border-left:3px solid #E91E8F; border-radius:4px; background:#303030; } /* Autor */ .svChatResponderPreviewAutor { margin-bottom:1px; color:#F277C6; font-size:11px; font-weight:600; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Texto */ .svChatResponderPreviewTexto { max-width:100%; color:#C7C7C7; font-size:11px; font-weight:normal; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Botao para cancelar a resposta */ .svChatResponderCancelar { width:27px; height:27px; min-width:27px; align-self:center; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:transparent; color:#AFAFAF; font-size:13px; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.10s ease, color 0.10s ease; } .svChatResponderCancelar:hover, .svChatResponderCancelar:focus { background:#454545; color:#FFFFFF; } /* Quando existe preview, o textarea continua com o mesmo fundo */ .svChatResponderPreview + textarea { border-top-left-radius:0; border-top-right-radius:0; } /* ========================================================= PREVIEW DOS ANEXOS ANTES DO ENVIO ========================================================= */ /* Container criado acima do textarea */ .svChatAnexoPreview { width:100%; max-width:100%; padding:7px 8px 6px 8px; box-sizing:border-box; border-bottom:1px solid #4A4A4A; background:#333333; overflow:hidden; } /* Topo do preview */ .svChatAnexoPreviewTopo { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; } /* Quantidade / status do upload */ .svChatAnexoPreviewTitulo { flex:1; min-width:0; color:#D2D2D2; font-size:11px; font-weight:600; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Cancela todos os anexos */ .svChatAnexoPreviewCancelarTodos { width:25px; height:25px; min-width:25px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:transparent; color:#BDBDBD; font-size:12px; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.10s ease, color 0.10s ease; } .svChatAnexoPreviewCancelarTodos:hover, .svChatAnexoPreviewCancelarTodos:focus { background:#4A3030; color:#FF6A73; } /* Lista horizontal de miniaturas */ .svChatAnexoPreviewLista { width:100%; display:flex; align-items:center; gap:7px; padding:0 0 3px 0; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#555555 transparent; } .svChatAnexoPreviewLista::-webkit-scrollbar { height:5px; } .svChatAnexoPreviewLista::-webkit-scrollbar-track { background:transparent; } .svChatAnexoPreviewLista::-webkit-scrollbar-thumb { border-radius:5px; background:#555555; } .svChatAnexoPreviewLista::-webkit-scrollbar-thumb:hover { background:#6A6A6A; } /* Cada arquivo selecionado */ .svChatAnexoPreviewItem { position:relative; width:72px; height:72px; min-width:72px; flex:0 0 72px; box-sizing:border-box; border:1px solid #4A4A4A; border-radius:6px; background:#202020; overflow:hidden; } /* Miniatura da foto */ .svChatAnexoPreviewImagem, .svChatAnexoPreviewVideo { width:100%; height:100%; display:block; object-fit:cover; background:#171717; } /* Icone sobre o preview do video */ .svChatAnexoPreviewVideoIcone { position:absolute; left:50%; top:50%; z-index:2; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,0,0,0.62); color:#FFFFFF; font-size:10px; transform:translate(-50%, -50%); pointer-events:none; } .svChatAnexoPreviewVideoIcone .fa-play { margin-left:2px; } /* Remove somente um arquivo */ .svChatAnexoPreviewRemover { position:absolute; top:3px; right:3px; z-index:4; width:21px; height:21px; min-width:21px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:1px solid rgba(255,255,255,0.18); outline:0; border-radius:50%; background:rgba(0,0,0,0.70); color:#FFFFFF; font-size:9px; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.10s ease, transform 0.10s ease; } .svChatAnexoPreviewRemover:hover, .svChatAnexoPreviewRemover:focus { background:#D84343; transform:scale(1.05); } /* Estado enquanto os arquivos estao sendo enviados */ .svChatAnexoPreviewEnviando .svChatAnexoPreviewTitulo { color:#FFFFFF; animation:svChatAnexoEnviandoPulse 0.85s infinite alternate; } .svChatAnexoPreviewEnviando .svChatAnexoPreviewCancelarTodos, .svChatAnexoPreviewEnviando .svChatAnexoPreviewRemover { opacity:0.35; pointer-events:none; } .svChatAnexoPreviewEnviando .svChatAnexoPreviewItem { opacity:0.72; } @keyframes svChatAnexoEnviandoPulse { from { opacity:0.45; } to { opacity:1; } } /* ========================================================= GRAVACAO DE AUDIO ========================================================= */ /* Interface criada no lugar do textarea durante a gravacao */ .svChatAudioGravacao { width:100%; min-height:38px; display:flex; align-items:center; gap:8px; padding:5px 8px; box-sizing:border-box; color:#FFFFFF; } /* Botao para cancelar e apagar a gravacao */ .svChatAudioGravacaoCancelar { width:30px; height:30px; min-width:30px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:50%; background:transparent; color:#C2C2C2; font-size:14px; cursor:pointer; appearance:none; -webkit-appearance:none; transition: background 0.12s ease, color 0.12s ease; } .svChatAudioGravacaoCancelar:hover, .svChatAudioGravacaoCancelar:focus { background:#4A3030; color:#FF6868; } /* Bolinha vermelha indicando que o microfone esta gravando */ .svChatAudioGravacaoIndicador { width:8px; height:8px; min-width:8px; border-radius:50%; background:#FF4B55; box-shadow:0 0 0 0 rgba(255,75,85,0.42); animation:svChatAudioGravandoPulse 1.35s infinite; } @keyframes svChatAudioGravandoPulse { 0% { box-shadow:0 0 0 0 rgba(255,75,85,0.42); } 70% { box-shadow:0 0 0 7px rgba(255,75,85,0); } 100% { box-shadow:0 0 0 0 rgba(255,75,85,0); } } /* Contador da gravacao */ .svChatAudioGravacaoTempo { min-width:38px; color:#FFFFFF; font-size:12px; font-weight:600; line-height:18px; font-variant-numeric:tabular-nums; white-space:nowrap; } /* Texto Gravando audio / Enviando audio */ .svChatAudioGravacaoTexto { flex:1; min-width:0; color:#BDBDBD; font-size:11px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Estado enquanto o blob esta sendo enviado */ .svChatAudioGravacaoEnviando .svChatAudioGravacaoCancelar { opacity:0.35; pointer-events:none; } .svChatAudioGravacaoEnviando .svChatAudioGravacaoIndicador { background:#E91E8F; animation:svChatAudioEnviandoPulse 0.85s infinite alternate; } .svChatAudioGravacaoEnviando .svChatAudioGravacaoTexto { color:#FFFFFF; } @keyframes svChatAudioEnviandoPulse { from { opacity:0.35; } to { opacity:1; } } /* ========================================================= ENVIAR ========================================================= */ .svChatEnviar { width:100%; min-height:58px; flex:0 0 auto; display:flex; align-items:flex-end; gap:8px; padding:9px 12px; box-sizing:border-box; background:#292929; border-top:1px solid #404040; position:relative; z-index:5; } /* ========================================================= CAMPO DA MENSAGEM ========================================================= */ .svChatEnviarCampo { flex:1; min-width:0; display:flex; flex-direction:column; background:#383838; border:1px solid #464646; border-radius:7px; overflow:hidden; transition: background 0.15s ease, border-color 0.15s ease; } .svChatEnviarCampo:focus-within { background:#3D3D3D; border-color:#555555; } .svChatEnviarCampo textarea { width:100%; min-height:38px; max-height:100px; margin:0; padding:9px 12px; box-sizing:border-box; resize:none; overflow-y:auto; border:0; outline:0; background:transparent; color:#FFFFFF; font-family:inherit; font-size:13px; line-height:18px; } .svChatEnviarCampo textarea::placeholder { color:#999999; } /* ========================================================= BOTOES ========================================================= */ .svChatAnexo, .svChatEnviarBotao { width:38px; height:38px; min-width:38px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; outline:0; border-radius:7px; cursor:pointer; transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease; } /* ========================================================= ANEXO ========================================================= */ .svChatAnexo { background:transparent; color:#AAAAAA; font-size:18px; } .svChatAnexo:hover, .svChatAnexo:focus { background:#353535; color:#FFFFFF; } /* ========================================================= MICROFONE / ENVIAR ========================================================= */ .svChatEnviarBotao { background:#E91E8F; color:#FFFFFF; font-size:14px; } .svChatEnviarBotao:hover, .svChatEnviarBotao:focus { background:#FF2CA3; } /* ========================================================= GRAVANDO AUDIO ========================================================= */ .svChatEnviarBotao.svChatEnviarBotaoAudio { background:#E91E8F; box-shadow:0 0 0 3px rgba(233,30,143,0.14); } .svChatEnviarBotao.svChatEnviarBotaoAudio:hover, .svChatEnviarBotao.svChatEnviarBotaoAudio:focus { background:#FF2CA3; } /* ========================================================= DESABILITADO ========================================================= */ .svChatEnviarBotao:disabled, .svChatAnexo:disabled { opacity:0.55; cursor:default; } .svChatAnexo:disabled:hover { background:transparent; color:#AAAAAA; } /* ========================================================= CONVERSA BLOQUEADA ========================================================= */ .svChatEnviar.svChatEnviarBloqueado { opacity:0.58; } .svChatEnviar.svChatEnviarBloqueado textarea { cursor:not-allowed; } /* ========================================================= SCROLL DO TEXTAREA ========================================================= */ .svChatEnviarCampo textarea::-webkit-scrollbar { width:5px; } .svChatEnviarCampo textarea::-webkit-scrollbar-track { background:transparent; } .svChatEnviarCampo textarea::-webkit-scrollbar-thumb { background:#555555; border-radius:5px; } .svChatEnviarCampo textarea::-webkit-scrollbar-thumb:hover { background:#666666; } /* ========================================================= RESPONSIVO ========================================================= */ @media screen and (max-width:767px) { .svChatEnviar { min-height:54px; gap:7px; padding:8px; } .svChatEnviarCampo { border-radius:6px; } .svChatEnviarCampo textarea { min-height:36px; padding:8px 10px; font-size:13px; line-height:18px; } .svChatAnexo, .svChatEnviarBotao { width:36px; height:36px; min-width:36px; border-radius:6px; } .svChatAnexo { font-size:17px; } .svChatEnviarBotao { font-size:13px; } } /* ========================================================= NENHUMA CONVERSA ========================================================= */ .svChatSemConversas { width:100%; padding:55px 22px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; text-align:center; color:#AAAAAA; } .svChatSemConversasIcone { margin-bottom:12px; color:#E91E8F; font-size:35px; line-height:35px; } .svChatSemConversasTitulo { margin-bottom:5px; color:#FFFFFF; font-size:15px; font-weight:bold; line-height:20px; } .svChatSemConversasTexto { max-width:230px; color:#AAAAAA; font-size:12px; line-height:17px; } .svChatSemConversasBotao { margin-top:15px; padding:7px 13px; border:1px solid #E91E8F; border-radius:4px; background:#E91E8F; color:#FFFFFF; font-size:12px; font-weight:bold; cursor:pointer; } .svChatSemConversasBotao:hover, .svChatSemConversasBotao:focus { background:#FF2CA3; border-color:#FF2CA3; color:#FFFFFF; } .svChatSemConversasBotao i { margin-right:5px; } /* ========================================================= RESPONSIVO ========================================================= */ @media (max-width:767px) { .svChatBox { width:100%; height:620px; display:block; border-radius:4px; } /* Lista */ .svChatLista { width:100%; height:100%; border-right:0; } /* Conversa inicialmente escondida */ .svChatConversa { width:100%; height:100%; display:none; } /* Quando abre conversa */ .svChatBox.svChatMobileConversaAberta .svChatLista { display:none; } .svChatBox.svChatMobileConversaAberta .svChatConversa { display:flex; } .svChatVoltar { width:30px; min-width:30px; display:flex; align-items:center; justify-content:flex-start; color:#FFFFFF; font-size:16px; cursor:pointer; } .svChatConversaHeader { padding:0 10px; } .svChatConversaAvatar { width:38px; height:38px; min-width:38px; } .svChatConversaVazia { padding:25px; } .svChatConversaVaziaIcone { width:62px; height:62px; font-size:27px; } .svChatMensagens { padding:12px 9px; } /* Container da mensagem */ .svChatMensagemConteudo { max-width:84%; } /* Balao da mensagem */ .svChatMensagem { max-width:100%; font-size:12px; line-height:17px; } /* No responsivo o indicador editado continua em uma linha propria */ .svChatMensagemEditada { padding-right:11px; padding-bottom:7px; } /* Botao de opcoes sempre acessivel no celular */ .svChatMensagemOpcoesBotao { width:23px; height:21px; min-width:23px; top:3px; left:auto; right:auto; font-size:9px; line-height:21px; opacity:0.78; visibility:visible; pointer-events:auto; } /* Posicao da seta no responsivo */ .svChatLinhaRecebida .svChatMensagemOpcoesBotao { right:-23px; } .svChatLinhaEnviada .svChatMensagemOpcoesBotao { left:-23px; } /* Menu de opcoes */ .svChatMensagemOpcoesMenu { top:27px; min-width:116px; } .svChatLinhaRecebida .svChatMensagemOpcoesMenu { left:calc(100% + 3px); right:auto; } .svChatLinhaEnviada .svChatMensagemOpcoesMenu { right:calc(100% + 3px); left:auto; } .svChatMensagemOpcaoResponder { height:32px; padding:0 10px; font-size:11px; line-height:32px; } /* Mensagem respondida dentro do balao */ .svChatMensagemComReply { min-width:185px; } .svChatMensagemReply { width:100%; min-width:0; margin:-3px 0 6px 0; padding:5px 7px 5px 8px; } .svChatMensagemReplyAutor, .svChatMensagemReplyTexto { font-size:10px; line-height:14px; } /* Preview da resposta */ .svChatResponderPreview { gap:5px; padding:5px 6px 4px 6px; } .svChatResponderPreviewConteudo { padding:4px 7px; } .svChatResponderPreviewAutor, .svChatResponderPreviewTexto { font-size:10px; line-height:14px; } .svChatResponderCancelar { width:25px; height:25px; min-width:25px; font-size:12px; } /* Menu das reacoes */ .svChatReacaoMenu { padding:3px 4px; border-radius:17px; } .svChatReacaoBotao { width:26px; height:26px; min-width:26px; flex:0 0 26px; font-size:16px; line-height:26px; } .svChatReacaoResumo { height:22px; min-width:32px; padding:1px 5px; } .svChatReacaoResumoEmoji { font-size:12px; } .svChatEnviar { padding:8px; } .svChatAnexo, .svChatEnviarBotao { width:36px; height:36px; min-width:36px; } /* Foto e video no responsivo */ .svChatMensagemFoto, .svChatMensagemVideo { width:205px; max-width:100%; min-width:160px; padding:4px 4px 19px 4px; } .svChatMensagemFoto.svChatMensagemComReply, .svChatMensagemVideo.svChatMensagemComReply { width:220px; max-width:100%; } .svChatMensagemFotoImagem, .svChatMensagemVideoPlayer { max-height:230px; } /* Preview dos anexos no responsivo */ .svChatAnexoPreview { padding:6px; } .svChatAnexoPreviewTopo { margin-bottom:5px; } .svChatAnexoPreviewTitulo { font-size:10px; line-height:14px; } .svChatAnexoPreviewCancelarTodos { width:23px; height:23px; min-width:23px; font-size:11px; } .svChatAnexoPreviewLista { gap:6px; } .svChatAnexoPreviewItem { width:62px; height:62px; min-width:62px; flex-basis:62px; } .svChatAnexoPreviewVideoIcone { width:23px; height:23px; font-size:9px; } .svChatAnexoPreviewRemover { width:19px; height:19px; min-width:19px; font-size:8px; } /* Audio no responsivo */ .svChatMensagemAudio { width:275px; max-width:100%; min-width:225px; padding:7px 9px 19px 9px; } .svChatMensagemAudio.svChatMensagemComReply { width:290px; max-width:100%; } .svChatAudioPlayer { grid-template-columns:33px minmax(75px, 1fr); column-gap:7px; } .svChatAudioPlay { width:33px; height:33px; min-width:33px; font-size:12px; line-height:33px; } .svChatAudioTempo { font-size:8px; line-height:11px; } /* Gravacao no responsivo */ .svChatAudioGravacao { min-height:36px; gap:6px; padding:4px 6px; } .svChatAudioGravacaoCancelar { width:28px; height:28px; min-width:28px; font-size:13px; } .svChatAudioGravacaoTempo { min-width:36px; font-size:11px; } .svChatAudioGravacaoTexto { font-size:10px; } } /* ========================================================= ALBUM DE FOTOS / VIDEOS ENVIADOS NO MESMO LOTE ========================================================= */ /* Linha unica que passa a representar visualmente o lote */ .svChatGrupoMidiaLinha { width:100%; display:flex; margin-bottom:6px; } .svChatGrupoMidiaLinhaRecebida { justify-content:flex-start; } .svChatGrupoMidiaLinhaEnviada { justify-content:flex-end; } /* Balao externo do album */ .svChatGrupoMidiaConteudo { position:relative; width:265px; max-width:62%; padding:5px 5px 20px 5px; box-sizing:border-box; border-radius:7px; overflow:visible; } .svChatGrupoMidiaLinhaRecebida .svChatGrupoMidiaConteudo { background:#373737; color:#FFFFFF; border-top-left-radius:2px; } .svChatGrupoMidiaLinhaEnviada .svChatGrupoMidiaConteudo { background:#E91E8F; color:#FFFFFF; border-top-right-radius:2px; } /* Reply do lote aparece uma unica vez acima do grid */ .svChatGrupoMidiaReply { width:100%; margin-bottom:4px; } .svChatGrupoMidiaReply:empty { display:none !important; margin:0; } .svChatGrupoMidiaReply .svChatMensagemReply { width:100%; max-width:none; margin:0; box-sizing:border-box; } /* Grid principal */ .svChatGrupoMidiaGrid { width:100%; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:2px; box-sizing:border-box; border-radius:5px; overflow:visible; background:rgba(0,0,0,0.18); } /* Tres arquivos: o primeiro ocupa toda a largura */ .svChatGrupoMidiaTotal3 .svChatGrupoMidiaItem:first-child { grid-column:1 / -1; } /* Cada mensagem continua existindo individualmente dentro do album */ .svChatGrupoMidiaItem { position:relative; width:100%; min-width:0; height:115px; display:block; margin:0; padding:0; } /* Esconde do mosaico o quinto item em diante, mas mantem no DOM */ .svChatGrupoMidiaItemOculto { display:none !important; } /* Neutraliza o layout normal do balao apenas dentro do mosaico */ .svChatGrupoMidiaGrid .svChatMensagemConteudo { position:relative; width:100%; max-width:none; height:100%; display:block; margin:0; padding:0; } .svChatGrupoMidiaGrid .svChatMensagem { position:relative; width:100%; max-width:none; min-width:0; height:100%; margin:0; padding:0; border-radius:0; background:transparent; overflow:hidden; } /* O reply original de cada registro fica oculto porque o album usa um unico */ .svChatGrupoMidiaGrid .svChatMensagemReply { display:none !important; } /* O horario individual tambem fica oculto; usamos um horario unico para o lote */ .svChatGrupoMidiaGrid .svChatMensagemHora { display:none !important; } /* Foto/video preenchem totalmente o quadrante */ .svChatGrupoMidiaGrid .svChatMensagemMidia, .svChatGrupoMidiaGrid .svChatMensagemFotoLink, .svChatGrupoMidiaGrid .svChatMensagemFotoImagem, .svChatGrupoMidiaGrid .svChatMensagemVideoPlayer { width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border-radius:0; object-fit:cover; box-sizing:border-box; } .svChatGrupoMidiaGrid .svChatMensagemFotoImagem, .svChatGrupoMidiaGrid .svChatMensagemVideoPlayer { display:block; background:#111111; } /* Menu individual continua disponivel em cada quadrante */ .svChatGrupoMidiaGrid .svChatMensagemOpcoesBotao, .svChatGrupoMidiaGrid .svChatLinhaRecebida .svChatMensagemOpcoesBotao, .svChatGrupoMidiaGrid .svChatLinhaEnviada .svChatMensagemOpcoesBotao { top:5px; right:5px; left:auto; width:23px; height:22px; z-index:25; border-radius:50%; background:rgba(0,0,0,0.38); color:#FFFFFF; } /* Reacoes ficam sobre a parte inferior do quadrante e nao alteram o grid */ .svChatGrupoMidiaGrid .svChatReacoes { position:absolute; left:4px; bottom:4px; z-index:20; margin:0; } .svChatGrupoMidiaGrid .svChatLinhaEnviada .svChatReacoes { left:auto; right:4px; } /* Menu de reacoes deve poder sair do quadrante */ .svChatGrupoMidiaGrid .svChatReacaoMenu { z-index:60; } /* Horario unico do lote */ .svChatGrupoMidiaHora { position:absolute; right:8px; bottom:4px; z-index:30; font-size:9px; line-height:11px; color:#FFFFFF; opacity:0.78; white-space:nowrap; text-shadow:0 1px 2px rgba(0,0,0,0.75); } /* +N sobre o quarto quadrante */ .svChatGrupoMidiaMais { position:absolute; inset:0; z-index:18; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.48); color:#FFFFFF; font-size:28px; font-weight:600; line-height:1; pointer-events:none; text-shadow:0 1px 2px rgba(0,0,0,0.55); } /* Responsivo */ @media (max-width:767px) { .svChatGrupoMidiaConteudo { width:230px; max-width:78%; padding:4px 4px 19px 4px; } .svChatGrupoMidiaItem { height:100px; } .svChatGrupoMidiaMais { font-size:24px; } } /******************************************************* Bate-papo ******************************************************/ /********************************************** Edição produtos (Lembranças) ********************************************/ /* Escopo exclusivo desta tela para nao interferir nas vitrines publicas */ #svProdutosBaseLembrancas { width: 100%; box-sizing: border-box; padding: 0 0 25px 0; color: #FFFFFF; } /* Indicadores compactos na barra superior */ .sv-produtos-base-barra-topo { position: relative; } /* Botao de sugestao na barra superior */ .sv-produtos-base-sugestao-topo { position: absolute; top: 50%; right: 210px; transform: translateY(-50%); z-index: 2; width: auto; min-width: 0; height: 34px; margin: 0; padding: 6px 10px; border: 1px solid #E91E8F; border-radius: 4px; background-color: #E91E8F; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; line-height: 20px; white-space: nowrap; cursor: pointer; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.18); transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } .sv-produtos-base-sugestao-topo:hover { background-color: #FF2CA3; border-color: #FF2CA3; color: #FFFFFF; transform: translateY(calc(-50% - 1px)); box-shadow: 0 4px 9px rgba(0,0,0,.24); } .sv-produtos-base-sugestao-topo:focus { outline: none; box-shadow: 0 0 0 2px rgba(233,30,143,.25), 0 2px 5px rgba(0,0,0,.18); } .sv-produtos-base-sugestao-topo .fa { width: 14px; height: 14px; margin-right: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 14px; position: relative; top: 0; } .sv-produtos-base-contadores-topo { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); margin: 0; display: flex; align-items: center; gap: 6px; } .sv-produtos-base-contador-topo { min-width: 56px; height: 34px; padding: 4px 7px; background-color: rgba(35,35,35,.72); border: 1px solid rgba(255,255,255,.06); border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; } .sv-produtos-base-contador-numero-topo { display: block; font-size: 13px; line-height: 14px; font-weight: bold; color: #FFFFFF; } .sv-produtos-base-contador-texto-topo { display: block; font-size: 7px; line-height: 8px; text-transform: uppercase; color: #BDBDBD; } #svProdutosBaseLembrancas .sv-produtos-base-grid { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; box-sizing: border-box; } #svProdutosBaseLembrancas .sv-produto-base-card { position: relative; min-width: 0; min-height: 0; background-color: #2A2A2A; border: 1px solid rgba(255,255,255,0.08); border-top: 3px solid #555555; border-radius: 8px; overflow: hidden; box-sizing: border-box; cursor: pointer; transition: opacity .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } /* Produto que ainda nao foi ativado para a criadora */ #svProdutosBaseLembrancas .sv-produto-base-card.desativado { opacity: .36; filter: grayscale(.12); } #svProdutosBaseLembrancas .sv-produto-base-card.desativado:hover { opacity: 1; border-color: rgba(233,30,143,.52); border-top-color: #E91E8F; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.18); } /* Produto ja existente na tabela products para esta criadora */ #svProdutosBaseLembrancas .sv-produto-base-card.ativo { opacity: 1; border-color: rgba(74,201,112,.38); border-top-color: #4AC970; } #svProdutosBaseLembrancas .sv-produto-base-card.ativo:hover { border-color: rgba(74,201,112,.70); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.18); } /* Ja preparado para a proxima etapa: ao clicar, a classe em-desenvolvimento podera ser adicionada via JS */ #svProdutosBaseLembrancas .sv-produto-base-card.em-desenvolvimento { opacity: 1; border-color: rgba(247,190,44,.68); border-top-color: #F7BE2C; } #svProdutosBaseLembrancas .sv-produto-base-card .sv-produto-base-badge-desenvolvimento { display: none; position: absolute; top: 0; left: 0; right: 0; height: 23px; background-color: #F7BE2C; color: #2D260F; font-size: 10px; font-weight: bold; line-height: 23px; text-align: center; text-transform: uppercase; letter-spacing: .2px; z-index: 3; } #svProdutosBaseLembrancas .sv-produto-base-card.em-desenvolvimento .sv-produto-base-badge-desenvolvimento { display: block; } #svProdutosBaseLembrancas .sv-produto-base-topo { min-height: 103px; padding: 12px 12px 9px 12px; display: flex; align-items: flex-start; gap: 10px; box-sizing: border-box; } #svProdutosBaseLembrancas .sv-produto-base-icone { width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background-color: #363636; border: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #888888; box-sizing: border-box; transition: color .18s ease, background-color .18s ease, border-color .18s ease; } #svProdutosBaseLembrancas .sv-produto-base-card.desativado:hover .sv-produto-base-icone { color: #E91E8F; background-color: rgba(233,30,143,.10); border-color: rgba(233,30,143,.35); } #svProdutosBaseLembrancas .ativo .sv-produto-base-icone { color: #4AC970; background-color: rgba(74,201,112,.10); border-color: rgba(74,201,112,.28); } #svProdutosBaseLembrancas .sv-produto-base-info { min-width: 0; flex: 1 1 auto; } #svProdutosBaseLembrancas .sv-produto-base-nome { display: block; font-size: 14px; font-weight: bold; line-height: 16px; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #svProdutosBaseLembrancas .sv-produto-base-subtitulo { display: block; margin-top: 2px; font-size: 9px; line-height: 11px; color: #D0D0D0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #svProdutosBaseLembrancas .sv-produto-base-descricao { margin-top: 7px; font-size: 10px; line-height: 14px; color: #C9C9C9; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #svProdutosBaseLembrancas .sv-produto-base-rodape { min-height: 67px; padding: 9px 11px; background-color: #313131; border-top: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; justify-content: space-between; gap: 8px; box-sizing: border-box; } #svProdutosBaseLembrancas .sv-produto-base-status { min-width: 0; display: flex; align-items: center; gap: 6px; } #svProdutosBaseLembrancas .sv-produto-base-status-bolinha { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; background-color: #777777; } #svProdutosBaseLembrancas .ativo .sv-produto-base-status-bolinha { background-color: #4AC970; box-shadow: 0 0 0 3px rgba(74,201,112,.10); } #svProdutosBaseLembrancas .sv-produto-base-status-texto { font-size: 9px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #C8C8C8; } #svProdutosBaseLembrancas .ativo .sv-produto-base-status-texto { color: #6ED889; } #svProdutosBaseLembrancas .sv-produto-base-dados-ativos { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; } #svProdutosBaseLembrancas .sv-produto-base-mini { min-width: 58px; padding: 4px 6px; background-color: #272727; border-radius: 5px; text-align: center; box-sizing: border-box; } #svProdutosBaseLembrancas .sv-produto-base-mini strong { display: block; font-size: 10px; line-height: 12px; color: #FFFFFF; white-space: nowrap; } #svProdutosBaseLembrancas .sv-produto-base-mini span { display: block; font-size: 7px; line-height: 9px; text-transform: uppercase; color: #AFAFAF; } #svProdutosBaseLembrancas .sv-produto-base-configurar { flex: 0 0 auto; min-width: 82px; height: 30px; margin: 0; padding: 0 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 5px; background-color: #4A4A4A; color: #C7C7C7; font-size: 9px; font-weight: bold; line-height: 28px; text-align: center; white-space: nowrap; cursor: pointer; box-sizing: border-box; transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; } #svProdutosBaseLembrancas .sv-produto-base-card.desativado:hover .sv-produto-base-configurar { background-color: #E91E8F; border-color: #E91E8F; color: #FFFFFF; } #svProdutosBaseLembrancas .sv-produto-base-configurar:hover { background-color: #FF2CA3 !important; border-color: #FF2CA3 !important; color: #FFFFFF; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,.18); } #svProdutosBaseLembrancas .sv-produto-base-configurar:focus { outline: none; box-shadow: 0 0 0 2px rgba(233,30,143,.25); } /* Botao para editar um produto ja ativo. Usa a mesma funcao do Configurar. */ #svProdutosBaseLembrancas .sv-produto-base-editar { position: absolute; top: 8px; right: 42px; z-index: 4; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(233,30,143,.72); border-radius: 6px; background-color: #363636; color: #E91E8F; display: flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04); transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease; } #svProdutosBaseLembrancas .sv-produto-base-editar:hover { color: #FFFFFF; border-color: #E91E8F; background-color: #E91E8F; transform: translateY(-1px); box-shadow: 0 4px 9px rgba(0,0,0,.30); } #svProdutosBaseLembrancas .sv-produto-base-editar:focus { outline: none; box-shadow: 0 0 0 2px rgba(233,30,143,.28), 0 2px 5px rgba(0,0,0,.25); } /* Botao reservado para alterar a posicao do produto. A funcao sera ligada na proxima etapa. */ #svProdutosBaseLembrancas .sv-produto-base-mover { position: absolute; top: 8px; right: 8px; z-index: 4; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(233,30,143,.72); border-radius: 6px; background-color: #363636; color: #E91E8F; display: flex; align-items: center; justify-content: center; font-size: 13px; cursor: pointer; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04); transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease; } #svProdutosBaseLembrancas .sv-produto-base-mover:hover { color: #FFFFFF; border-color: #E91E8F; background-color: #E91E8F; transform: translateY(-1px); box-shadow: 0 4px 9px rgba(0,0,0,.30); } #svProdutosBaseLembrancas .sv-produto-base-mover:focus { outline: none; box-shadow: 0 0 0 2px rgba(233,30,143,.28), 0 2px 5px rgba(0,0,0,.25); } #svProdutosBaseLembrancas .sv-produto-base-card.ativo .sv-produto-base-info { padding-right: 66px; } #svProdutosBaseLembrancas .sv-produto-base-vazio { width: 100%; padding: 28px 15px; background-color: #2A2A2A; border: 1px dashed #565656; border-radius: 8px; text-align: center; font-size: 12px; color: #CFCFCF; box-sizing: border-box; } @media screen and (max-width: 980px) { #svProdutosBaseLembrancas .sv-produtos-base-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 767px) { .sv-produtos-base-nav > .container { padding-right: 0; } } @media screen and (max-width: 620px) { #svProdutosBaseLembrancas { padding-left: 0; padding-right: 0; } .sv-produtos-base-sugestao-topo { right: 164px; min-width: 34px; width: 34px; padding: 0; gap: 0; } .sv-produtos-base-sugestao-topo span { display: none; } .sv-produtos-base-sugestao-topo .fa { margin-right: 0; } .sv-produtos-base-contadores-topo { right: 7px; gap: 3px; } .sv-produtos-base-contador-topo { min-width: 48px; padding-left: 4px; padding-right: 4px; } .sv-produtos-base-contador-numero-topo { font-size: 12px; } .sv-produtos-base-contador-texto-topo { font-size: 6px; } #svProdutosBaseLembrancas .sv-produtos-base-grid { grid-template-columns: 1fr; gap: 8px; } #svProdutosBaseLembrancas .sv-produto-base-topo { min-height: 96px; } } /********************************************** Edição produtos (Lembranças) ********************************************/ .svPocoTopoStatus { float:right; display:flex; align-items:center; justify-content:center; width:46px; height:34px; margin:5px 9px 0 0; padding:0; box-sizing:border-box; } .svPocoTopoStatus .svChatAlertasControle { display:inline-flex; align-items:center; justify-content:center; gap:0; cursor:pointer; } /* Cartola Online - tela de login Diferencia as duas acoes sem sair da paleta azul/ciano do site. */ .co-login-box-identificacao { background-color:#E9EEF1 !important; } .co-login-box-cadastro { background-color:#EAF9FC !important; } /* Lista de lives */ .svLivesLista{width:100%;margin-top:0;} .svLiveItemNovo{display:grid;grid-template-columns:74px minmax(0,1fr) 235px;min-height:108px;background:#292929;border-top:1px solid #555;border-bottom:1px solid #3d3d3d;margin-bottom:8px;box-sizing:border-box;} .svLiveAcoesEsquerda{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-right:1px solid #414141;padding:10px 8px;box-sizing:border-box;} .svLiveAcaoLateral{width:54px;height:30px;border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:700;cursor:pointer;transition:opacity .15s ease;} .svLiveAcaoLateral:hover{opacity:.82;} .svLiveAcaoLateral.editar{background:#4a4a4a;color:#fff;} .svLiveAcaoLateral.excluir{background:#3a3033;color:#f18baa;} .svLivePrincipalNovo{display:flex;align-items:center;gap:13px;padding:14px 16px;min-width:0;box-sizing:border-box;} .svLiveIconeNovo{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#363636;color:#F277C6;font-size:17px;} .svLiveConteudoNovo{min-width:0;flex:1;} .svLiveTopoNovo{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:4px;} .svLiveTipoNovo{font-size:10px;color:#aaa;text-transform:uppercase;font-weight:700;letter-spacing:.2px;} .svLiveStatusTag{display:inline-block;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:700;line-height:16px;} .svLiveStatusTag.pending{background:#6b5420;color:#ffd66b;} .svLiveStatusTag.confirmed{background:#244536;color:#7ee2a6;} .svLiveStatusTag.live{background:#6a1f45;color:#ff8ccb;} .svLiveStatusTag.late{background:#50332c;color:#f0a48d;} .svLiveParticipantes{display:flex;align-items:center;gap:10px;min-width:0;margin-top:2px;} .svLiveParticipante{display:flex;align-items:center;gap:8px;min-width:0;} .svLiveParticipanteAvatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#3a3a3a;border:1px solid #4b4b4b;} .svLiveParticipanteAvatar img{width:38px;height:38px;display:block;object-fit:cover;border-radius:50%;} .svLiveParticipanteTexto{min-width:0;} .svLiveParticipanteNome{font-size:14px;font-weight:700;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .svLiveParticipanteUsuario{font-size:10px;color:#949494;margin-top:3px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .svLiveVersus{flex:0 0 auto;color:#F277C6;font-size:12px;font-weight:800;padding:0 2px;} .svLiveInfoNovo{font-size:10px;color:#aaa;margin-top:7px;line-height:1.35;} .svLiveLateralNovo{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #414141;padding:12px 14px;box-sizing:border-box;} .svLiveDataLinha{display:flex;align-items:center;gap:9px;color:#ddd;font-size:12px;font-weight:700;} .svLiveDataLinha + .svLiveDataLinha{margin-top:5px;} .svLiveDataLinha i{width:14px;text-align:center;color:#F277C6;} .svLiveConviteInfo{font-size:10px;color:#999;line-height:1.35;margin-top:9px;} .svLiveAcaoGrupo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;} .svLiveAcaoGrupo form{margin:0;} .svLiveBotaoConfirmar,.svLiveBotaoRecusar{border:0;border-radius:4px;height:29px;padding:0 9px;font-size:10px;font-weight:700;} .svLiveBotaoConfirmar{background:#F277C6;color:#fff;} .svLiveBotaoRecusar{background:#4A4A4A;color:#fff;} .svLiveMensagem{margin:0 0 12px 0;padding:9px 11px;border-radius:4px;font-size:11px;} .svLiveMensagem.success{background:#243f31;color:#79d99e;} .svLiveMensagem.error{background:#4a2a2a;color:#f0a0a0;} .svLivesSemRegistro{line-height:1.25;text-align:center;padding-top:30px;} /* Logo mobile: troca somente depois que o scroll ultrapassa o fim do banner */ @media (max-width:767px){ .svLiveItemNovo{grid-template-columns:74px minmax(0,1fr);} .svLiveAcoesEsquerda{grid-row:1 / span 2;padding:10px 6px;justify-content:flex-start;align-items:center;} .svLiveAcaoLateral{width:62px;height:30px;font-size:9px;gap:4px;} .svLiveAcaoLateral i{font-size:10px;} .svLivePrincipalNovo{padding:12px 10px;} .svLiveIconeNovo{width:36px;height:36px;flex-basis:36px;} .svLiveParticipantes{gap:7px;flex-wrap:wrap;} .svLiveParticipanteAvatar,.svLiveParticipanteAvatar img{width:34px;height:34px;} .svLiveParticipanteAvatar{flex-basis:34px;} .svLiveParticipanteNome{font-size:12px;} .svLiveLateralNovo{grid-column:2;border-left:0;border-top:1px solid #3d3d3d;padding:9px 10px 11px;} .svLiveDataLinha{font-size:11px;} } /* Chuva Urbana - identidade amarela aplicada aos dois blocos do rodape */ .displayRodape-chuvaurbana, .displayRodape-chuvaurbana .displayBoxCenter, .displayRodapeAvisoEmpresaChuvaUrbana, .displayRodapeAvisoEmpresaChuvaUrbana .displayBoxCenter { background-color:#FFE414 !important; color:#111111 !important; } .displayRodape-chuvaurbana, .displayRodape-chuvaurbana *, .displayRodapeAvisoEmpresaChuvaUrbana, .displayRodapeAvisoEmpresaChuvaUrbana * { color:#111111; } /* Hero - Chuva Urbana */ #homeSliderChuvaUrbana { position:relative; background-color:#EEC827 !important; } /* O Backstretch fica transparente durante o fade; este fundo impede o branco/cinza entre imagens. */ #homeSliderChuvaUrbana .backstretch { background-color:#EEC827 !important; } #homeSliderChuvaUrbana::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:rgba(0,0,0,.10); } #homeSliderChuvaUrbana .homeSliderBox { position:relative; z-index:2; min-height:500px; } .chuvaHomeLogo { z-index:6 !important; } .chuvaHomeHero { position:absolute; z-index:5; left:calc(50% - 450px + 8px); top:50%; width:560px; max-width:46vw; transform:translateY(-50%); color:#FFFFFF; text-align:left; } .chuvaHomeHeroTitulo { margin:0; color:#FFFFFF; font-size:64px; line-height:59px; font-weight:900; letter-spacing:-2.7px; text-shadow:0 4px 24px rgba(0,0,0,.28); } .chuvaHomeHeroTitulo span { display:block; width:max-content; max-width:100%; margin-top:7px; color:#FFE414; font-family:"Segoe Script", "Brush Script MT", cursive; font-size:.88em; line-height:1.02; font-weight:600; font-style:normal; letter-spacing:-2px; white-space:nowrap; transform:rotate(-1.5deg); transform-origin:left center; text-shadow:0 4px 20px rgba(0,0,0,.42); } .chuvaHomeHeroTexto { margin:24px 0 0 2px; max-width:500px; color:rgba(255,255,255,.94); font-size:18px; line-height:27px; font-weight:400; text-shadow:0 2px 12px rgba(0,0,0,.30); } .chuvaHomeHeroTexto b { color:#FFFFFF; font-weight:800; } .chuvaHomeHeroAcao { display:inline-flex; align-items:center; gap:10px; margin-top:28px; padding:13px 20px; border-radius:999px; background:#FFFFFF; color:#057D9E !important; font-size:15px; line-height:18px; font-weight:800; text-decoration:none !important; box-shadow:0 10px 26px rgba(0,0,0,.18); transition:transform .18s ease, box-shadow .18s ease; } .chuvaHomeHeroAcao:hover { color:#035F78 !important; transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.23); } .chuvaHomeHeroAcao span { font-size:19px; line-height:16px; } @media (max-width:1180px) { .chuvaHomeHero { left:calc(50% - 450px + 8px); width:500px; max-width:48vw; } .chuvaHomeHeroTitulo { font-size:54px; line-height:51px; letter-spacing:-2.2px; } .chuvaHomeHeroTitulo span { font-size:.90em; letter-spacing:-1.5px; } } @media (max-width:900px) { #homeSliderChuvaUrbana .homeSliderBox { min-height:520px; } #homeSliderChuvaUrbana::before { background:rgba(0,0,0,.10); } .chuvaHomeHero { left:50%; top:54%; width:86vw; max-width:560px; transform:translate(-50%,calc(-50% + 70px)); text-align:center; display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding:0 10px; } .chuvaHomeHeroTitulo { font-size:48px; line-height:46px; letter-spacing:-1.8px; } .chuvaHomeHeroTitulo span { margin-left:auto; margin-right:auto; font-size:.91em; letter-spacing:-1.2px; transform-origin:center center; } .chuvaHomeHeroTexto { width:100%; margin:22px auto 0 auto; max-width:340px; font-size:17px; line-height:25px; text-align:center; } .chuvaHomeHeroAcao { margin-top:24px; } } @media (max-width:540px) { #homeSliderChuvaUrbana .homeSliderBox { min-height:470px; } .chuvaHomeHero { width:90vw; padding:0 8px; transform:translate(-50%,calc(-50% + 75px)); } .chuvaHomeHeroTitulo { font-size:38px; line-height:37px; letter-spacing:-1.2px; } .chuvaHomeHeroTitulo span { font-size:.92em; letter-spacing:-.8px; } .chuvaHomeHeroTexto { max-width:330px; font-size:16px; line-height:23px; } .chuvaHomeHeroAcao { padding:12px 18px; font-size:14px; } }